@wix/design-system-illustrations 2.40.1 → 2.41.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 (144) hide show
  1. package/dist/cjs/AlignmentLeftToRight.js +1 -1
  2. package/dist/cjs/AlignmentRightToLeft.js +1 -1
  3. package/dist/cjs/FileShareLine.js +1 -1
  4. package/dist/cjs/FillParallaxScroll.js +3 -3
  5. package/dist/cjs/FolderBig.js +53 -0
  6. package/dist/cjs/FolderOutline.js +1 -1
  7. package/dist/cjs/GeneratePhotoshoot.js +54 -0
  8. package/dist/cjs/GlideEntrance.js +5 -8
  9. package/dist/cjs/JelloLoop.js +1 -1
  10. package/dist/cjs/MaxWidth.js +59 -0
  11. package/dist/cjs/MenuDividerDots.js +1 -1
  12. package/dist/cjs/OnlineOrderOnImage.js +1 -1
  13. package/dist/cjs/PaintScribbleDivider.js +1 -1
  14. package/dist/cjs/ShapeScroll.js +1 -1
  15. package/dist/cjs/StoreHeaderPositionMinimized.js +3 -3
  16. package/dist/cjs/StoreLayoutWithBorder.js +1 -1
  17. package/dist/cjs/StoreRight.js +1 -1
  18. package/dist/cjs/UploadMedia.js +56 -0
  19. package/dist/cjs/WiggleLoop.js +1 -1
  20. package/dist/cjs/animated/LimitScaling2.js +1 -1
  21. package/dist/cjs/animated/MaxMin.js +1 -1
  22. package/dist/cjs/animated/MobileAlgoFast.js +1 -1
  23. package/dist/cjs/animated/ResponsiveBehaviorElementsFixed.js +1 -1
  24. package/dist/cjs/animated/ResponsiveBehaviorSectionAutoHeight.js +1 -1
  25. package/dist/cjs/animated/ResponsiveBehaviorSectionFitToScreen.js +89 -0
  26. package/dist/cjs/animated/animated.global.css +285 -0
  27. package/dist/cjs/animated/index.js +3 -0
  28. package/dist/cjs/index.js +12 -0
  29. package/dist/esm/AlignmentLeftToRight.js +1 -1
  30. package/dist/esm/AlignmentRightToLeft.js +1 -1
  31. package/dist/esm/FileShareLine.js +1 -1
  32. package/dist/esm/FillParallaxScroll.js +3 -3
  33. package/dist/esm/FolderBig.js +19 -0
  34. package/dist/esm/FolderOutline.js +1 -1
  35. package/dist/esm/GeneratePhotoshoot.js +20 -0
  36. package/dist/esm/GlideEntrance.js +5 -8
  37. package/dist/esm/JelloLoop.js +1 -1
  38. package/dist/esm/MaxWidth.js +25 -0
  39. package/dist/esm/MenuDividerDots.js +1 -1
  40. package/dist/esm/OnlineOrderOnImage.js +1 -1
  41. package/dist/esm/PaintScribbleDivider.js +1 -1
  42. package/dist/esm/ShapeScroll.js +1 -1
  43. package/dist/esm/StoreHeaderPositionMinimized.js +3 -3
  44. package/dist/esm/StoreLayoutWithBorder.js +1 -1
  45. package/dist/esm/StoreRight.js +1 -1
  46. package/dist/esm/UploadMedia.js +22 -0
  47. package/dist/esm/WiggleLoop.js +1 -1
  48. package/dist/esm/animated/LimitScaling2.js +1 -1
  49. package/dist/esm/animated/MaxMin.js +1 -1
  50. package/dist/esm/animated/MobileAlgoFast.js +1 -1
  51. package/dist/esm/animated/ResponsiveBehaviorElementsFixed.js +1 -1
  52. package/dist/esm/animated/ResponsiveBehaviorSectionAutoHeight.js +1 -1
  53. package/dist/esm/animated/ResponsiveBehaviorSectionFitToScreen.js +45 -0
  54. package/dist/esm/animated/animated.global.css +285 -0
  55. package/dist/esm/animated/index.js +2 -0
  56. package/dist/esm/index.js +8 -0
  57. package/dist/types/FolderBig.d.ts +5 -0
  58. package/dist/types/GeneratePhotoshoot.d.ts +5 -0
  59. package/dist/types/MaxWidth.d.ts +5 -0
  60. package/dist/types/UploadMedia.d.ts +5 -0
  61. package/dist/types/animated/ResponsiveBehaviorSectionFitToScreen.d.ts +7 -0
  62. package/dist/types/animated/index.d.ts +2 -0
  63. package/dist/types/index.d.ts +4 -0
  64. package/package.json +3 -3
  65. package/src/AlignmentLeftToRight.svg +1 -1
  66. package/src/AlignmentRightToLeft.svg +1 -1
  67. package/src/AllSides.svg +1 -1
  68. package/src/AudioPlayerLayoutClassic.svg +1 -1
  69. package/src/AudioPlayerLayoutIcon.svg +1 -1
  70. package/src/BookingsPresetMasonry.svg +3 -3
  71. package/src/BookingsPresetSlider.svg +2 -2
  72. package/src/BookingsPresetSquares.svg +2 -2
  73. package/src/BounceEntrance.svg +1 -1
  74. package/src/ChooseTheLayoutGrid.svg +8 -8
  75. package/src/CreateAContext.svg +1 -1
  76. package/src/CreateAFunction.svg +6 -6
  77. package/src/DesignedSection.svg +3 -3
  78. package/src/DesignedSectionSmall.svg +3 -3
  79. package/src/Doc.svg +1 -1
  80. package/src/EmptyPage.svg +2 -2
  81. package/src/EmptyPageImage.svg +2 -2
  82. package/src/FileShareFill.svg +1 -1
  83. package/src/FileShareLine.svg +1 -1
  84. package/src/FillParallaxScroll.svg +49 -52
  85. package/src/FolderBig.svg +29 -0
  86. package/src/FolderOutline.svg +2 -2
  87. package/src/GeneratePhotoshoot.svg +12 -0
  88. package/src/GlideEntrance.svg +18 -13
  89. package/src/IdentityDividerLine.svg +1 -1
  90. package/src/ImageLayoutSingleColumn.svg +3 -3
  91. package/src/ImageLayoutTwoColumn.svg +3 -3
  92. package/src/ImagePositionBottom.svg +3 -3
  93. package/src/ImagePositionTop.svg +3 -3
  94. package/src/ImageSizeS.svg +1 -1
  95. package/src/JelloLoop.svg +1 -1
  96. package/src/LayoutCards.svg +3 -3
  97. package/src/LayoutList.svg +2 -2
  98. package/src/LayoutSideBySide.svg +6 -6
  99. package/src/LayoutSidebar.svg +1 -1
  100. package/src/LayoutTwoColumn.svg +1 -1
  101. package/src/LetterTwist.svg +1 -1
  102. package/src/MaxWidth.svg +57 -0
  103. package/src/MenuDividerDots.svg +1 -1
  104. package/src/MenuDividerLine.svg +1 -1
  105. package/src/OnlineOrderOnImage.svg +3 -3
  106. package/src/PaintScribbleDivider.svg +3 -3
  107. package/src/ParallaxSection.svg +2 -2
  108. package/src/PixelsDivider.svg +7 -7
  109. package/src/PresetFeatured.svg +3 -3
  110. package/src/PresetGrid.svg +3 -3
  111. package/src/PresetMasonry.svg +3 -3
  112. package/src/PresetRows.svg +2 -2
  113. package/src/PresetSlider.svg +2 -2
  114. package/src/PresetSquares.svg +2 -2
  115. package/src/PresetThumbnails.svg +5 -5
  116. package/src/PricingLayoutBelow.svg +1 -1
  117. package/src/RevealScroll.svg +1 -1
  118. package/src/ScrollEffectsDisappear.svg +1 -1
  119. package/src/ScrollEffectsFadeOut.svg +1 -1
  120. package/src/ScrollEffectsMoveWithPage.svg +1 -1
  121. package/src/ScrollEffectsStayFixed.svg +1 -1
  122. package/src/SemiCirclesDivider.svg +1 -1
  123. package/src/ShapeScroll.svg +1 -1
  124. package/src/StoreBottom.svg +3 -3
  125. package/src/StoreColumns.svg +1 -1
  126. package/src/StoreDrawer.svg +2 -2
  127. package/src/StoreGrid.svg +2 -2
  128. package/src/StoreHeaderPositionMinimized.svg +4 -3
  129. package/src/StoreLayoutWithBorder.svg +4 -1
  130. package/src/StoreLeft.svg +3 -3
  131. package/src/StoreRight.svg +3 -3
  132. package/src/StoreTabs.svg +2 -2
  133. package/src/StoreThumbnails.svg +3 -3
  134. package/src/StretchScroll.svg +4 -4
  135. package/src/UploadMedia.svg +18 -0
  136. package/src/VideoMobileLayoutCompact.svg +1 -1
  137. package/src/VideoMobileLayoutVertical.svg +1 -1
  138. package/src/WiggleLoop.svg +2 -2
  139. package/src/animated/LimitScaling2.html +1 -1
  140. package/src/animated/MaxMin.html +1 -1
  141. package/src/animated/MobileAlgoFast.html +1 -1
  142. package/src/animated/ResponsiveBehaviorElementsFixed.html +1 -1
  143. package/src/animated/ResponsiveBehaviorSectionAutoHeight.html +1 -1
  144. package/src/animated/ResponsiveBehaviorSectionFitToScreen.html +370 -0
package/dist/esm/GlideEntrance.js CHANGED
@@ -9,14 +9,11 @@ const GlideEntrance = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", opacity: ".5", rx: "2", transform: "rotate(-45 21.859 31.074)" }),
13
- /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__a)", d: "M23.5 52.07h25v1h-25z" }),
14
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 52.571a.5.5 0 0 1-.18.384l-3 2.5-.64-.767 2.54-2.117-2.54-2.116.64-.767 3 2.5.077.079a.5.5 0 0 1 .103.304" }),
15
- /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 12.858 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M-5.527 12.688 27-19.84l32.527 32.527L27 45.214z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 21.859 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M3.474 12.688 36.001-19.84l32.527 32.527L36 45.214z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 30.858 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M12.473 12.688 45-19.84l32.527 32.527L45 45.214z" })))),
16
- /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#GlideEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 12.858 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__j)", d: "M45.385-1.457 77.912 31.07 45.385 63.597 12.858 31.07z" }))),
17
- /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__k)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.859 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__m)", d: "M54.386-1.457 86.913 31.07 54.386 63.597 21.859 31.07z" }))),
18
- /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__n)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30.858 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__p)", d: "M63.385-1.457 95.912 31.07 63.385 63.597 30.858 31.07z" }))),
19
- /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "#fff", rx: "2", transform: "rotate(-45 12.858 31.074)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__d" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "#fff", rx: "2", transform: "rotate(-45 21.859 31.074)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__f" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "#fff", rx: "2", transform: "rotate(-45 30.858 31.074)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 12.858 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__k" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 21.859 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__n" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 30.858 31.07)" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__c", width: "75.054", height: "75.055", x: "-10.527", y: "-24.84", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__e", width: "75.054", height: "75.055", x: "-1.526", y: "-24.84", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__g", width: "75.054", height: "75.055", x: "7.473", y: "-24.84", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__i", width: "75.054", height: "75.055", x: "7.858", y: "-6.457", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__l", width: "75.054", height: "75.055", x: "16.859", y: "-6.457", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__o", width: "75.054", height: "75.055", x: "25.858", y: "-6.457", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GlideEntrance__a", x1: "23.5", x2: "48.5", y1: "52.57", y2: "52.57", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GlideEntrance__j", x1: "70.379", x2: "7.051", y1: "29.376", y2: "37.057", 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: "GlideEntrance__m", x1: "79.38", x2: "16.052", y1: "29.376", y2: "37.057", 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: "GlideEntrance__p", x1: "88.379", x2: "25.051", y1: "29.376", y2: "37.057", 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)" })))
12
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M45.385-1.457 77.912 31.07 45.385 63.597 12.858 31.07z" })),
13
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M54.385-1.457 86.912 31.07 54.385 63.597 21.858 31.07z" })),
14
+ /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "m63.385-1.453 32.527 32.527L63.385 63.6 30.858 31.074z" })),
15
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__e)", d: "M23.5 52.07h25v1h-25z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M49 52.571a.5.5 0 0 1-.18.384l-3 2.5-.64-.767 2.54-2.117-2.54-2.116.64-.767 3 2.5.077.079a.5.5 0 0 1 .103.304" }), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 12.858 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M-5.527 12.688 27-19.84l32.527 32.527L27 45.214z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 21.859 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M3.474 12.688 36.001-19.84l32.527 32.527L36 45.214z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "var(--wds-illustration-color-background, #f8f6f6)", rx: "2", transform: "rotate(-45 30.858 31.074)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M12.473 12.688 45-19.84l32.527 32.527L45 45.214z" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#GlideEntrance__l)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 12.858 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__n)", d: "M45.385-1.457 77.912 31.07 45.385 63.597 12.858 31.07z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#GlideEntrance__o)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.859 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__q)", d: "M54.386-1.457 86.913 31.07 54.386 63.597 21.859 31.07z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GlideEntrance__r)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.07", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 30.858 31.07)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GlideEntrance__s)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GlideEntrance__t)", d: "M63.385-1.457 95.912 31.07 63.385 63.597 30.858 31.07z" })))),
16
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 6a6 6 0 0 1 6-6h60a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__f" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.074", fill: "#fff", rx: "2", transform: "rotate(-45 12.858 31.074)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__h" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.074", fill: "#fff", rx: "2", transform: "rotate(-45 21.859 31.074)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__j" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.074", fill: "#fff", rx: "2", transform: "rotate(-45 30.858 31.074)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__l" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 12.858 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__o" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 21.859 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__r" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 30.858 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__a" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "12.858", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 12.858 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__b" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.859", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 21.859 31.07)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GlideEntrance__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "30.858", y: "31.07", fill: "#fff", rx: "2", transform: "rotate(-45 30.858 31.07)" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__g", width: "75.054", height: "75.055", x: "-10.527", y: "-24.84", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__i", width: "75.054", height: "75.055", x: "-1.526", y: "-24.84", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__k", width: "75.054", height: "75.055", x: "7.473", y: "-24.84", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__m", width: "75.054", height: "75.055", x: "7.858", y: "-6.457", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__p", width: "75.054", height: "75.055", x: "16.859", y: "-6.457", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "GlideEntrance__s", width: "75.054", height: "75.055", x: "25.858", y: "-6.457", 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_19217", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GlideEntrance__e", x1: "23.5", x2: "48.5", y1: "52.57", y2: "52.57", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".04", stopColor: "var(--wds-illustration-color-background, #f8f6f6)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".45", stopColor: "var(--wds-illustration-color-6, #002296)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GlideEntrance__n", x1: "70.379", x2: "7.051", y1: "29.376", y2: "37.057", 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: "GlideEntrance__q", x1: "79.38", x2: "16.052", y1: "29.376", y2: "37.057", 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: "GlideEntrance__t", x1: "88.379", x2: "25.051", y1: "29.376", y2: "37.057", 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)" })))
20
17
  );
21
18
  GlideEntrance.displayName = "GlideEntrance";
22
19
  export {
package/dist/esm/JelloLoop.js CHANGED
@@ -9,7 +9,7 @@ const JelloLoop = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14.124 26.639c3.025-5.446 12.326-7.147 22.31-4.609 10.317-1.961 19.668.45 22.244 6.25 1.192 2.685.756 5.697-.96 8.622 1.397 2.976 1.545 5.93.145 8.448-3.024 5.444-12.32 7.146-22.3 4.612-10.11 1.784-19.191-.642-21.724-6.344-1.118-2.517-.804-5.321.653-8.073-1.601-3.13-1.839-6.258-.368-8.906", opacity: ".5" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14.124 26.639c3.026-5.446 12.326-7.147 22.31-4.609 10.317-1.961 19.668.45 22.244 6.25 1.193 2.685.756 5.697-.96 8.622 1.397 2.976 1.545 5.93.146 8.449-3.024 5.443-12.32 7.145-22.3 4.61-10.11 1.785-19.192-.64-21.725-6.343-1.118-2.517-.804-5.321.654-8.073-1.602-3.13-1.84-6.258-.369-8.906", opacity: ".5" }),
13
13
  /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "JelloLoop__a", width: "47", height: "30", x: "13", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "23.695", cy: "13.579", fill: "#D9D9D9", rx: "23.695", ry: "13.579", transform: "matrix(.94617 -.32366 .40596 .9139 8.334 31.213)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#JelloLoop__a)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "53", cy: "27.562", fill: "var(--wds-illustration-color-1, #002291)", rx: "53", ry: "27.562", transform: "matrix(.94617 -.32366 .40596 .9139 -15.59 13.488)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#JelloLoop__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#JelloLoop__c)", d: "M21.223 12.15a89 89 0 0 0-5.915 2.888c-7.779 4.189-14.074 9.25-17.386 14.476-7.576 11.936 3.261 20.2 24.206 18.455 20.944-1.745 44.056-12.84 51.632-24.777 7.574-11.942-3.264-20.206-24.192-18.46C40 5.527 30 8.271 21.223 12.151" })))),
14
14
  /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "JelloLoop__d", width: "46", height: "32", x: "13", y: "20", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("ellipse", { cx: "23.787", cy: "13.583", fill: "#D9D9D9", rx: "23.787", ry: "13.583", transform: "matrix(.9194 .39332 -.48562 .87417 20.726 14.77)" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#JelloLoop__d)" }, /* @__PURE__ */ React.createElement("ellipse", { cx: "48.499", cy: "28.234", fill: "var(--wds-illustration-color-1, #002291)", rx: "48.499", ry: "28.234", transform: "matrix(.9194 .39332 -.48562 .87417 21.497 -11.633)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#JelloLoop__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#JelloLoop__f)", d: "M53.533 11.586a61 61 0 0 0-5.434-1.356c-7.462-1.48-14.857-1.386-20.828.647-13.645 4.636-14.69 17.605-2.333 28.965S58.372 56.646 72.017 52.01c13.647-4.642 14.692-17.611 2.343-28.96-5.643-5.192-13.094-9.138-20.827-11.463" })))),
15
15
  /* @__PURE__ */ React.createElement("mask", { id: "JelloLoop__g", width: "29", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("circle", { cx: "36.023", cy: "36", r: "14", fill: "#D9D9D9" })),
package/dist/esm/MaxWidth.js ADDED
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ const MaxWidth = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 236 127",
6
+ fill: "none",
7
+ width: 236,
8
+ height: 127,
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("rect", { width: "147", height: "81", x: "44.594", y: "23", fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", rx: "6" }),
13
+ /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M42 67.5v-8a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0M196 67.5v-8a1 1 0 0 0-2 0v8a1 1 0 0 0 2 0" }),
14
+ /* @__PURE__ */ React.createElement("rect", { width: "147", height: "81", x: "44.594", y: "23", fill: "#EAEFFF", rx: "6" }),
15
+ /* @__PURE__ */ React.createElement("rect", { width: "147", height: "60.004", x: "44.594", y: "33.5", fill: "var(--wds-illustration-color-background, #f8f6f6)", opacity: ".5", rx: "6" }),
16
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#MaxWidth__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#MaxWidth__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "147", height: "60.004", x: "44.594", y: "33.5", fill: "#002294", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#MaxWidth__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MaxWidth__d)", d: "M0 0h81.35v285.949H0z", transform: "matrix(0 -1 -1 0 330.543 93.508)" }))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-1, #002291)", d: "M57.367 30.516v1.499m0 64.469v-1.5m0-59.97v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.999v2.998M178.82 30.516v1.499m0 64.469v-1.5m0-59.97v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.998m0 2.999v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.998v2.999m0 2.999v2.998", strokeLinecap: "round" })),
17
+ /* @__PURE__ */ React.createElement("rect", { width: "49.73", height: "1.5", x: "93.229", y: "53.586", fill: "var(--wds-illustration-color-1, #002291)", rx: ".75" }),
18
+ /* @__PURE__ */ React.createElement("rect", { width: "27.125", height: "1.5", x: "104.53", y: "59.086", fill: "var(--wds-illustration-color-1, #002291)", rx: ".75" }),
19
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#MaxWidth__e)" }, /* @__PURE__ */ React.createElement("rect", { width: "19", height: "7", x: "108.592", y: "66.414", fill: "#002294", rx: "3.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#MaxWidth__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MaxWidth__g)", d: "M108.593 49.828h58.753v23.73h-58.753z" }))),
20
+ /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "MaxWidth__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44.594 33.5h147v60.004h-147z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MaxWidth__b" }, /* @__PURE__ */ React.createElement("rect", { width: "147", height: "60.004", x: "44.594", y: "33.5", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MaxWidth__e" }, /* @__PURE__ */ React.createElement("rect", { width: "19", height: "7", x: "108.592", y: "66.414", fill: "#fff", rx: "3.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "MaxWidth__d", x1: "69.812", x2: "-91.787", y1: "25.667", y2: "84.331", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "MaxWidth__g", x1: "159.013", x2: "146.984", y1: "51.958", y2: "89.962", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "MaxWidth__c", width: "319.581", height: "114.983", x: "27.778", y: "-4.66", 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_2163_34461", stdDeviation: "8.408" })), /* @__PURE__ */ React.createElement("filter", { id: "MaxWidth__f", width: "73.658", height: "38.639", x: "101.14", y: "42.376", 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_2163_34461", stdDeviation: "3.726" })))
21
+ );
22
+ MaxWidth.displayName = "MaxWidth";
23
+ export {
24
+ MaxWidth
25
+ };
package/dist/esm/MenuDividerDots.js CHANGED
@@ -9,7 +9,7 @@ const MenuDividerDots = (props) => /* @__PURE__ */ React.createElement(
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
10
  ...props
11
11
  },
12
- /* @__PURE__ */ React.createElement("path", { fill: "url(#MenuDividerDots__a)", d: "M12.999 37.25H11v-2h1.999zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2zm3.464 0h-1.998v-2h1.999zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2zm3.465 0h-1.999v-2h2zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2z" }),
12
+ /* @__PURE__ */ React.createElement("path", { fill: "url(#MenuDividerDots__a)", d: "M13 37.25h-2.001v-2H13zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2zm3.465 0h-2v-2h2zm3.465 0h-2v-2h2zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2zm3.465 0h-2v-2h2zm3.466 0h-2v-2h2zm3.466 0h-2v-2h2zm3.465 0h-2v-2h2z" }),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "MenuDividerDots__a", x1: "66.808", x2: "66.73", y1: "34.008", y2: "38.578", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".444", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-7, #002297)" })))
14
14
  );
15
15
  MenuDividerDots.displayName = "MenuDividerDots";
package/dist/esm/OnlineOrderOnImage.js CHANGED
@@ -9,7 +9,7 @@ const OnlineOrderOnImage = (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(#OnlineOrderOnImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 18a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v35a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14.194 37.694h43.613v38.613H14.194z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "M14.194 37.694h43.613v38.613H14.194z", strokeWidth: ".387" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#OnlineOrderOnImage__d)", d: "M40.151 41.086 30.04 57.413l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#OnlineOrderOnImage__e)", d: "M58.324 46.915s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C37.82 54.484 21 59.746 21 59.746v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "37.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#OnlineOrderOnImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#OnlineOrderOnImage__h)", d: "M24.137 30.64a7.573 7.573 0 0 0-5.087 3.6c-2.113 3.582-.937 8.17 2.626 10.248s8.162.855 10.274-2.727c2.112-3.585.937-8.173-2.623-10.248a7.43 7.43 0 0 0-5.19-.873" })))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-2, #7896ff)", d: "M18 29h12.72M18 25h28.621M18 21h28.621" }))),
12
+ /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__a)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14 18a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v35a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M14.194 37.694h43.613v38.613H14.194z" }), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-6, #002296)", d: "M14.194 37.694h43.613v38.613H14.194z", strokeWidth: ".387" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#OnlineOrderOnImage__d)", d: "M40.151 41.086 30.04 57.413l18.035-2.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#OnlineOrderOnImage__e)", d: "M58.324 46.915s-13.865-5.672-14.541-5.959-4.872-1.617-3.632 2.216c1.233 3.81 1.908 5.274 2.177 5.925.268.65 1.362 3.3-1.39 4.279C37.82 54.484 21 59.746 21 59.746v3.02h37.324z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#OnlineOrderOnImage__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "37.5", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#OnlineOrderOnImage__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#OnlineOrderOnImage__h)", d: "M24.137 30.64a7.573 7.573 0 0 0-5.087 3.6c-2.113 3.582-.937 8.17 2.626 10.248s8.162.855 10.274-2.727c2.112-3.585.937-8.173-2.623-10.248a7.43 7.43 0 0 0-5.19-.873" })))), /* @__PURE__ */ React.createElement("path", { stroke: "var(--wds-illustration-color-2, #7896ff)", d: "M18 29h12.72M18 25h28.62M18 21h28.62" }))),
13
13
  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "OnlineOrderOnImage__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v56a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "OnlineOrderOnImage__b" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "15", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "OnlineOrderOnImage__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 37.5h44v22H14z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "OnlineOrderOnImage__f" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "18", y: "37.5", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "OnlineOrderOnImage__d", x1: "34.717", x2: "49.506", y1: "46.63", y2: "58.274", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".325", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "OnlineOrderOnImage__e", x1: "25.082", x2: "54.448", y1: "31.816", y2: "60.336", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".95", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "OnlineOrderOnImage__h", x1: "30.873", x2: "18.041", y1: "31.846", y2: "48.219", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "OnlineOrderOnImage__g", width: "25", height: "25", x: "13", y: "25.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_1620_8718", stdDeviation: "2.5" })))
14
14
  );
15
15
  OnlineOrderOnImage.displayName = "OnlineOrderOnImage";