@wix/design-system-illustrations 2.6.0 → 2.8.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 (47) hide show
  1. package/dist/cjs/Bounce.js +2 -2
  2. package/dist/cjs/BounceAnimation.js +2 -2
  3. package/dist/cjs/CircleMarker.js +2 -2
  4. package/dist/cjs/ColorTransition.js +1 -1
  5. package/dist/cjs/Cube.js +2 -2
  6. package/dist/cjs/Drop.js +2 -2
  7. package/dist/cjs/ExpandAnimation.js +5 -5
  8. package/dist/cjs/FlashAnimation.js +1 -1
  9. package/dist/cjs/Flip.js +1 -1
  10. package/dist/cjs/FlipAnimation.js +2 -2
  11. package/dist/cjs/FloatingCardsAnimation.js +3 -3
  12. package/dist/cjs/FoldAnimation.js +2 -2
  13. package/dist/cjs/Freeform.js +1 -1
  14. package/dist/cjs/Marker.js +2 -2
  15. package/dist/cjs/Original.js +1 -1
  16. package/dist/cjs/Reveal.js +3 -3
  17. package/dist/cjs/RevealAnimation.js +1 -1
  18. package/dist/cjs/Slide.js +2 -2
  19. package/dist/cjs/SlideAnimation.js +1 -1
  20. package/dist/cjs/Swap.js +2 -2
  21. package/dist/cjs/TypeWriter.js +1 -1
  22. package/dist/cjs/Underline.js +1 -1
  23. package/dist/esm/Bounce.js +2 -2
  24. package/dist/esm/BounceAnimation.js +2 -2
  25. package/dist/esm/CircleMarker.js +2 -2
  26. package/dist/esm/ColorTransition.js +1 -1
  27. package/dist/esm/Cube.js +2 -2
  28. package/dist/esm/Drop.js +2 -2
  29. package/dist/esm/ExpandAnimation.js +5 -5
  30. package/dist/esm/FlashAnimation.js +1 -1
  31. package/dist/esm/Flip.js +1 -1
  32. package/dist/esm/FlipAnimation.js +2 -2
  33. package/dist/esm/FloatingCardsAnimation.js +3 -3
  34. package/dist/esm/FoldAnimation.js +2 -2
  35. package/dist/esm/Freeform.js +1 -1
  36. package/dist/esm/Marker.js +2 -2
  37. package/dist/esm/Original.js +1 -1
  38. package/dist/esm/Reveal.js +3 -3
  39. package/dist/esm/RevealAnimation.js +1 -1
  40. package/dist/esm/Slide.js +2 -2
  41. package/dist/esm/SlideAnimation.js +1 -1
  42. package/dist/esm/Swap.js +2 -2
  43. package/dist/esm/TypeWriter.js +1 -1
  44. package/dist/esm/Underline.js +1 -1
  45. package/package.json +3 -3
  46. package/src/.gitkeep +0 -0
  47. /package/{Readme.md → README.md} +0 -0
@@ -13,8 +13,8 @@ const FoldAnimation = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".75", clipPath: "url(#FoldAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.494 6.54)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__f)", d: "M-2.943 26.541 36.395 2.697l39.339 23.844-39.339 23.844z" }))),
14
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FoldAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 36)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FoldAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__i)", d: "M3.473 17.615 36-14.912l32.527 32.527L36 50.142z" }))),
15
15
  /* @__PURE__ */ React.createElement("path", { fill: "url(#FoldAnimation__j)", d: "M17 48.002v-25h1v25z" }),
16
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M17.5 22.502a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
17
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FoldAnimation__c", x1: "33.971", x2: "34.847", y1: "27.716", y2: "52.824", 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: "FoldAnimation__f", x1: "34.347", x2: "37.791", y1: "8.219", y2: "55.071", 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: "FoldAnimation__i", x1: "34.306", x2: "41.987", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FoldAnimation__j", x1: "17.5", x2: "17.5", y1: "48.002", y2: "23.002", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "14.716", height: "14.716", fill: "#fff", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "#fff", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.494 6.54)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36)" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__b", width: "98.41", height: "35.449", x: "-12.933", y: "19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5336", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__e", width: "88.676", height: "57.688", x: "-7.943", y: "-2.303", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5336", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__h", width: "75.054", height: "75.055", x: "-1.527", y: "-19.912", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5336", stdDeviation: "2.5" })))
16
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M17.5 22.502a.5.5 0 0 1 .384.18l2.5 3-.768.64-2.116-2.54-2.116 2.54-.768-.64 2.5-3 .08-.076a.5.5 0 0 1 .304-.104" }),
17
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FoldAnimation__c", x1: "33.971", x2: "34.847", y1: "27.716", y2: "52.824", 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: "FoldAnimation__f", x1: "34.347", x2: "37.791", y1: "8.219", y2: "55.071", 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: "FoldAnimation__i", x1: "34.306", x2: "41.987", y1: "-7.379", y2: "55.95", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FoldAnimation__j", x1: "17.5", x2: "17.5", y1: "48.002", y2: "23.002", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "14.716", height: "14.716", fill: "#fff", rx: "2", transform: "scale(1.35903 .3912)rotate(-45 150.199 39.47)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "16.537", height: "16.537", fill: "#fff", rx: "2", transform: "scale(1.2094 .73304)rotate(-45 77.494 6.54)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FoldAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "36", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 36)" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__b", width: "98.41", height: "35.449", x: "-12.933", y: "19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5336", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__e", width: "88.676", height: "57.688", x: "-7.943", y: "-2.303", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5336", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FoldAnimation__h", width: "75.054", height: "75.055", x: "-1.527", y: "-19.912", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5336", stdDeviation: "2.5" })))
18
18
  );
19
19
  FoldAnimation.displayName = "FoldAnimation";
20
20
  export {
@@ -9,7 +9,7 @@ const Freeform = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M21 45.5V41h1v4.5a2 2 0 0 0 2 2v1a3 3 0 0 1-3-3m9 2v1h-6v-1zm18 0v1h-6v-1zm3-2a3 3 0 0 1-3 3v-1a2 2 0 0 0 2-2V41h1zm-30-18a3 3 0 0 1 3-3h6v1h-6a2 2 0 0 0-2 2V32h-1zM51 32h-1v-4.5a2 2 0 0 0-2-2h-6v-1h6a3 3 0 0 1 3 3z" })
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M21 45.5V41h1v4.5a2 2 0 0 0 2 2v1a3 3 0 0 1-3-3m9 2v1h-6v-1zm18 0v1h-6v-1zm3-2a3 3 0 0 1-3 3v-1a2 2 0 0 0 2-2V41h1zm-30-18a3 3 0 0 1 3-3h6v1h-6a2 2 0 0 0-2 2V32h-1zM51 32h-1v-4.5a2 2 0 0 0-2-2h-6v-1h6a3 3 0 0 1 3 3z" })
13
13
  );
14
14
  Freeform.displayName = "Freeform";
15
15
  export {
@@ -15,8 +15,8 @@ const Marker = (props) => /* @__PURE__ */ React.createElement(
15
15
  /* @__PURE__ */ React.createElement("mask", { id: "Marker__e", width: "12", height: "30", x: "48", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M60 21H48v30h12z" })),
16
16
  /* @__PURE__ */ React.createElement("g", { mask: "url(#Marker__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H33.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__ */ React.createElement("mask", { id: "Marker__f", width: "41", height: "15", x: "18", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M21.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84zm21.695 0H33.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__ */ React.createElement("g", { filter: "url(#Marker__g)", mask: "url(#Marker__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Marker__h)", d: "M33-.001h39v44H33z" }))),
17
17
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Marker__i)", d: "M23 50h24v1H23z" }),
18
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M47.5 50.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.077.08a.5.5 0 0 1 .103.304" }),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__d", x1: "64.341", x2: "26.222", y1: "3.948", y2: "50.702", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".558", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__h", x1: "66.469", x2: "27.999", y1: "3.948", y2: "47.459", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__i", x1: "25", x2: "47", y1: "50.5", y2: "50.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Marker__c", width: "70.8", height: "60.8", x: "9.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3677", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Marker__g", width: "55.8", height: "60.8", x: "24.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3677", stdDeviation: "4.2" })))
18
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M47.5 50.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.077.08a.5.5 0 0 1 .103.304" }),
19
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__d", x1: "64.341", x2: "26.222", y1: "3.948", y2: "50.702", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".558", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__h", x1: "66.469", x2: "27.999", y1: "3.948", y2: "47.459", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Marker__i", x1: "25", x2: "47", y1: "50.5", y2: "50.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Marker__c", width: "70.8", height: "60.8", x: "9.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3677", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Marker__g", width: "55.8", height: "60.8", x: "24.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3677", stdDeviation: "4.2" })))
20
20
  );
21
21
  Marker.displayName = "Marker";
22
22
  export {
@@ -9,7 +9,7 @@ const Original = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M48 50.28V51H24v-.72zM50.28 48V24A2.28 2.28 0 0 0 48 21.72H24A2.28 2.28 0 0 0 21.72 24v24A2.28 2.28 0 0 0 24 50.28V51a3 3 0 0 1-3-3V24a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3v-.72A2.28 2.28 0 0 0 50.28 48" })
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M48 50.28V51H24v-.72zM50.28 48V24A2.28 2.28 0 0 0 48 21.72H24A2.28 2.28 0 0 0 21.72 24v24A2.28 2.28 0 0 0 24 50.28V51a3 3 0 0 1-3-3V24a3 3 0 0 1 3-3h24a3 3 0 0 1 3 3v24a3 3 0 0 1-3 3v-.72A2.28 2.28 0 0 0 50.28 48" })
13
13
  );
14
14
  Original.displayName = "Original";
15
15
  export {
@@ -12,10 +12,10 @@ const Reveal = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Reveal__a", width: "33", height: "39", x: "24", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M57 0H24v39h33z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__a)", clipPath: "url(#Reveal__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__d)", d: "M5-16h61v51H5z" })))),
13
13
  /* @__PURE__ */ React.createElement("mask", { id: "Reveal__e", width: "42", height: "39", x: "0", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M0 0h42v39H0z" })),
14
14
  /* @__PURE__ */ React.createElement("g", { mask: "url(#Reveal__e)", clipPath: "url(#Reveal__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "var(--wds-illustration-color-1, #002291)", rx: "2" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Reveal__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__h)", d: "M5-16h61v51H5z" }))),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M42.5 3v34h-1V3z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M42.5 3v34h-1V3z" }),
16
16
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Reveal__i)", d: "M17 41h25v1H17z" }),
17
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M42.5 41.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.077.08a.5.5 0 0 1 .103.304" }),
18
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Reveal__d", x1: "57.349", x2: "16.157", y1: "-11.422", y2: "51.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Reveal__h", x1: "57.349", x2: "16.157", y1: "-11.422", y2: "51.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Reveal__i", x1: "17", x2: "42", y1: "41.5", y2: "41.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Reveal__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Reveal__f" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Reveal__c", width: "81", height: "71", x: "-5", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1019", stdDeviation: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "Reveal__g", width: "81", height: "71", x: "-5", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1019", stdDeviation: "5" })))
17
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M42.5 41.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.077.08a.5.5 0 0 1 .103.304" }),
18
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Reveal__d", x1: "57.349", x2: "16.157", y1: "-11.422", y2: "51.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Reveal__h", x1: "57.349", x2: "16.157", y1: "-11.422", y2: "51.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Reveal__i", x1: "17", x2: "42", y1: "41.5", y2: "41.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Reveal__b" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Reveal__f" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "5", y: "5", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("filter", { id: "Reveal__c", width: "81", height: "71", x: "-5", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1019", stdDeviation: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "Reveal__g", width: "81", height: "71", x: "-5", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1019", stdDeviation: "5" })))
19
19
  );
20
20
  Reveal.displayName = "Reveal";
21
21
  export {
@@ -12,7 +12,7 @@ const RevealAnimation = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__a", width: "10", height: "35", x: "22", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M22 20.5h10v34H22z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__a)", clipPath: "url(#RevealAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 36.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__d)", d: "M3.473 18.614 36-13.913l32.527 32.527L36 51.141z" })))),
13
13
  /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__e", width: "19", height: "34", x: "32", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M51 20H32v34h19z" })),
14
14
  /* @__PURE__ */ React.createElement("g", { mask: "url(#RevealAnimation__e)" }, /* @__PURE__ */ React.createElement("mask", { id: "RevealAnimation__f", width: "26", height: "26", x: "23", y: "24", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("rect", { width: "18.6", height: "18.6", x: "36", y: "23.991", fill: "#D9D9D9", rx: "1", transform: "rotate(45 36 23.991)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RevealAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.144", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.858 37.144)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RevealAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RevealAnimation__i)", d: "M3.473 18.759 36-13.768l32.527 32.527L36 51.286z" })))),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M32.5 21v32h-1V21z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M32.5 21v32h-1V21z" }),
16
16
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RevealAnimation__d", x1: "34.306", x2: "41.987", y1: "-6.38", y2: "56.949", 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: "RevealAnimation__i", x1: "34.306", x2: "41.987", y1: "-6.235", y2: "57.093", 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: "RevealAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "36.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 36.999)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RevealAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.858", y: "37.144", fill: "#fff", rx: "2", transform: "rotate(-45 21.858 37.144)" })), /* @__PURE__ */ React.createElement("filter", { id: "RevealAnimation__c", width: "75.054", height: "75.055", x: "-1.527", y: "-18.913", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5309", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "RevealAnimation__h", width: "75.054", height: "75.055", x: "-1.527", y: "-18.769", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5309", stdDeviation: "2.5" })))
17
17
  );
18
18
  RevealAnimation.displayName = "RevealAnimation";
package/dist/esm/Slide.js CHANGED
@@ -11,8 +11,8 @@ const Slide = (props) => /* @__PURE__ */ React.createElement(
11
11
  },
12
12
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slide__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__d)", d: "M36 0h61v51H36z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Slide__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Slide__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__g)", d: "M-14 0h61v51h-61z" })))),
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "url(#Slide__h)", d: "M23 57h25v1H23z" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M48.5 57.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.077.08a.5.5 0 0 1 .103.304" }),
15
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__d", x1: "88.349", x2: "47.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__g", x1: "38.349", x2: "-2.843", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__h", x1: "23", x2: "48", y1: "57.5", y2: "57.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__c", width: "71", height: "61", x: "31", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1042", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__f", width: "71", height: "61", x: "-19", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1042", stdDeviation: "2.5" })))
14
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M48.5 57.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.077.08a.5.5 0 0 1 .103.304" }),
15
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__d", x1: "88.349", x2: "47.157", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__g", x1: "38.349", x2: "-2.843", y1: "4.578", y2: "67.446", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Slide__h", x1: "23", x2: "48", y1: "57.5", y2: "57.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "30", x: "11", y: "21", fill: "#fff", rx: "2" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Slide__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M-14 23a2 2 0 0 1 2-2h46a2 2 0 0 1 2 2v26a2 2 0 0 1-2 2h-46a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__c", width: "71", height: "61", x: "31", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1042", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Slide__f", width: "71", height: "61", x: "-19", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1042", stdDeviation: "2.5" })))
16
16
  );
17
17
  Slide.displayName = "Slide";
18
18
  export {
@@ -12,7 +12,7 @@ const SlideAnimation = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#SlideAnimation__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 14 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__c)", d: "M-4.385 17.758 28.142-14.77 60.67 17.758 28.142 50.285z" }))),
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#SlideAnimation__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 23 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__f)", d: "M4.615 17.758 37.142-14.77 69.67 17.758 37.142 50.285z" }))),
14
14
  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SlideAnimation__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 32 36.143)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SlideAnimation__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SlideAnimation__i)", d: "M13.615 17.758 46.142-14.77 78.67 17.758 46.142 50.285z" }))),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M15.5 20v32h-1V20z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M15.5 20v32h-1V20z" }),
16
16
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SlideAnimation__c", x1: "26.449", x2: "34.129", y1: "-7.236", y2: "56.092", 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: "SlideAnimation__f", x1: "35.449", x2: "43.129", y1: "-7.236", y2: "56.092", 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: "SlideAnimation__i", x1: "44.449", x2: "52.129", y1: "-7.236", y2: "56.092", 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: "SlideAnimation__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "14", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 14 36.143)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "23", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 23 36.143)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SlideAnimation__g" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "32", y: "36.143", fill: "#fff", rx: "2", transform: "rotate(-45 32 36.143)" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__b", width: "75.054", height: "75.055", x: "-9.385", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5272", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__e", width: "75.054", height: "75.055", x: "-.385", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5272", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SlideAnimation__h", width: "75.054", height: "75.055", x: "8.615", y: "-19.77", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_102_5272", stdDeviation: "2.5" })))
17
17
  );
18
18
  SlideAnimation.displayName = "SlideAnimation";
package/dist/esm/Swap.js CHANGED
@@ -9,8 +9,8 @@ const Swap = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
13
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__b", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__e", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__f", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__i", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__j", x1: "58", x2: "33", y1: "52.499", y2: "52.499", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__k", x1: "15", x2: "27", y1: "21.5", y2: "21.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__d", width: "36", height: "40.221", x: "6", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1200", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__h", width: "52.5", height: "61.267", x: "24", y: "-5.334", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1200", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })))
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#Swap__a)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Swap__c", width: "24", height: "18", x: "11", y: "26", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__b)", d: "M35 29.743a2 2 0 0 0-1.843-1.994l-20-1.579A2 2 0 0 0 11 28.164v13.672a2 2 0 0 0 2.157 1.994l20-1.58A2 2 0 0 0 35 40.258z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40.217 24.578H-1.522v22.737h41.74z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__e)", d: "M11 19.417 36.774 14 37 42l-26 2.22z" })))), /* @__PURE__ */ React.createElement("mask", { id: "Swap__g", width: "32", height: "30", x: "29", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__f)", d: "M29 24.97a2 2 0 0 1 1.804-1.99l28-2.763A2 2 0 0 1 61 22.207v25.586a2 2 0 0 1-2.196 1.99l-28-2.763A2 2 0 0 1 29 45.03z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#Swap__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22.044 18.79h55.652v35.369H22.044z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#Swap__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__i)", d: "m29 8.116 41.754-8.45.746 51.267L29 46.8z" }))), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__j)", d: "M58 52v1H33v-1z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M32.5 52.499a.5.5 0 0 1 .18-.384l3-2.5.64.768-2.54 2.116 2.54 2.116-.64.768-3-2.5-.076-.08a.5.5 0 0 1-.104-.304" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#Swap__k)", d: "M15 21h12v1H15z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M27.5 21.5a.5.5 0 0 1-.18.384l-3 2.5-.64-.768 2.54-2.116-2.54-2.116.64-.768 3 2.5.076.08a.5.5 0 0 1 .104.304" })),
13
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__b", x1: "14.583", x2: "25.134", y1: "27.351", y2: "48.636", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__e", x1: "33.118", x2: "12.88", y1: "21.58", y2: "49.205", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__f", x1: "56.222", x2: "36.436", y1: "22.252", y2: "54.183", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__i", x1: "101.833", x2: "81.327", y1: "11.488", y2: "70.583", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__j", x1: "58", x2: "33", y1: "52.499", y2: "52.499", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Swap__k", x1: "15", x2: "27", y1: "21.5", y2: "21.5", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__d", width: "36", height: "40.221", x: "6", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1200", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "Swap__h", width: "52.5", height: "61.267", x: "24", y: "-5.334", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_74_1200", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "Swap__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h72v72H0z" })))
14
14
  );
15
15
  Swap.displayName = "Swap";
16
16
  export {
@@ -12,7 +12,7 @@ const TypeWriter = (props) => /* @__PURE__ */ React.createElement(
12
12
  /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__a", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#EAEFF2", d: "M10 21h21v30H10z" })),
13
13
  /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__a)" }, /* @__PURE__ */ React.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__ */ React.createElement("mask", { id: "TypeWriter__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "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__ */ React.createElement("g", { filter: "url(#TypeWriter__c)", mask: "url(#TypeWriter__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__d)", d: "M16-.001h56v44H16z" }))),
14
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__e", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M58 21H31v30h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#TypeWriter__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ React.createElement("mask", { id: "TypeWriter__f", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "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__ */ React.createElement("g", { filter: "url(#TypeWriter__g)", mask: "url(#TypeWriter__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#TypeWriter__h)", d: "M16-.001h56v44H16z" })))),
15
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002297)", d: "M31.5 28v18h-1V28z" }),
15
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M31.5 28v18h-1V28z" }),
16
16
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "TypeWriter__h", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3613", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "TypeWriter__g", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3613", stdDeviation: "4.2" })))
17
17
  );
18
18
  TypeWriter.displayName = "TypeWriter";
@@ -13,7 +13,7 @@ const Underline = (props) => /* @__PURE__ */ React.createElement(
13
13
  /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84z" }),
14
14
  /* @__PURE__ */ React.createElement("mask", { id: "Underline__b", width: "41", height: "15", x: "16", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 43.998h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 43.998H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 43.998h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" })),
15
15
  /* @__PURE__ */ React.createElement("g", { filter: "url(#Underline__c)", mask: "url(#Underline__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Underline__d)", d: "M16-.001h56v44H16z" })),
16
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__a", x1: "15", x2: "57", y1: "47.001", y2: "47.001", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Underline__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3632", stdDeviation: "4.2" })))
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__a", x1: "15", x2: "57", y1: "47.001", y2: "47.001", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Underline__d", x1: "64.058", x2: "29.446", y1: "3.948", y2: "60.16", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "Underline__c", width: "72.8", height: "60.8", x: "7.6", y: "-8.401", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_83_3632", stdDeviation: "4.2" })))
17
17
  );
18
18
  Underline.displayName = "Underline";
19
19
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-illustrations",
3
- "version": "2.6.0",
3
+ "version": "2.8.0",
4
4
  "license": "MIT",
5
5
  "description": "Wix Design System Illustrations",
6
6
  "scripts": {
@@ -9,7 +9,7 @@
9
9
  "test": "vitest run"
10
10
  },
11
11
  "devDependencies": {
12
- "@wix/design-system-tokens": "1.202.0",
12
+ "@wix/design-system-tokens": "1.204.0",
13
13
  "esbuild": "^0.25.0",
14
14
  "svgo": "^3.3.2",
15
15
  "typescript": "^5.8.3",
@@ -37,5 +37,5 @@
37
37
  "access": "public"
38
38
  },
39
39
  "packageManager": "yarn@4.0.2",
40
- "falconPackageHash": "7019a30b13c494fc843f3ab43df04ecc45431b8aa76cb91ee913b976"
40
+ "falconPackageHash": "86fabfeae6f3ef93f9fcd2efd0ec3139505537ebf89b5e71bbfd9688"
41
41
  }
package/src/.gitkeep DELETED
File without changes
File without changes