@wix/design-system-illustrations 2.33.1 → 2.34.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.
- package/dist/cjs/{Brandbook.js → BrandBook.js} +12 -12
- package/dist/cjs/{CloseupSection.js → CloseUpSection.js} +15 -15
- package/dist/cjs/EllipseDivider.js +52 -0
- package/dist/cjs/GalleryAppears.js +54 -0
- package/dist/cjs/{GalleryGreyscale.js → GalleryGrayscale.js} +9 -9
- package/dist/cjs/InvertedEllipseDivider.js +52 -0
- package/dist/cjs/LayeredEllipseDivider.js +54 -0
- package/dist/cjs/{OpticalillusionDivider.js → OpticalIllusionDivider.js} +9 -9
- package/dist/cjs/{RestauransMenusCenter.js → RestaurantsMenusCenter.js} +7 -7
- package/dist/cjs/RestaurantsMenusExpand.js +53 -0
- package/dist/cjs/RestaurantsMenusSplitImageText.js +53 -0
- package/dist/cjs/RestaurantsOnlineOrdersItemInfo.js +54 -0
- package/dist/cjs/SemiEllipseDivider.js +52 -0
- package/dist/cjs/{StoreHeaderPositionMinimised.js → StoreHeaderPositionMinimized.js} +9 -9
- package/dist/cjs/StoreRibbonHorizontal.js +52 -0
- package/dist/cjs/StoreRibbonStack.js +52 -0
- package/dist/cjs/StoreStretched.js +54 -0
- package/dist/cjs/{TypeWriter.js → Typewriter.js} +13 -13
- package/dist/cjs/{WhatsappStatus.js → WhatsAppStatus.js} +9 -9
- package/dist/cjs/{YoutubeBanner.js → YouTubeBanner.js} +10 -10
- package/dist/cjs/{YoutubeThumbnail.js → YouTubeThumbnail.js} +10 -10
- package/dist/cjs/deprecated.js +129 -0
- package/dist/cjs/index.js +67 -64
- package/dist/esm/{Brandbook.js → BrandBook.js} +8 -8
- package/dist/esm/{CloseupSection.js → CloseUpSection.js} +11 -11
- package/dist/esm/EllipseDivider.js +18 -0
- package/dist/esm/GalleryAppears.js +20 -0
- package/dist/esm/{GalleryGreyscale.js → GalleryGrayscale.js} +5 -5
- package/dist/esm/InvertedEllipseDivider.js +18 -0
- package/dist/esm/LayeredEllipseDivider.js +20 -0
- package/dist/esm/{OpticalillusionDivider.js → OpticalIllusionDivider.js} +5 -5
- package/dist/esm/{RestauransMenusCenter.js → RestaurantsMenusCenter.js} +3 -3
- package/dist/esm/RestaurantsMenusExpand.js +19 -0
- package/dist/esm/RestaurantsMenusSplitImageText.js +19 -0
- package/dist/esm/RestaurantsOnlineOrdersItemInfo.js +20 -0
- package/dist/esm/SemiEllipseDivider.js +18 -0
- package/dist/esm/{StoreHeaderPositionMinimised.js → StoreHeaderPositionMinimized.js} +5 -5
- package/dist/esm/StoreRibbonHorizontal.js +18 -0
- package/dist/esm/StoreRibbonStack.js +18 -0
- package/dist/esm/StoreStretched.js +20 -0
- package/dist/esm/{TypeWriter.js → Typewriter.js} +9 -9
- package/dist/esm/{WhatsappStatus.js → WhatsAppStatus.js} +5 -5
- package/dist/esm/{YoutubeBanner.js → YouTubeBanner.js} +6 -6
- package/dist/esm/{YoutubeThumbnail.js → YouTubeThumbnail.js} +6 -6
- package/dist/esm/deprecated.js +85 -0
- package/dist/esm/index.js +43 -42
- package/dist/types/{Brandbook.d.ts → BrandBook.d.ts} +1 -1
- package/dist/types/{CloseupSection.d.ts → CloseUpSection.d.ts} +1 -1
- package/dist/types/{ElipseDivider.d.ts → EllipseDivider.d.ts} +1 -1
- package/dist/types/{GalleryApears.d.ts → GalleryAppears.d.ts} +1 -1
- package/dist/types/GalleryGrayscale.d.ts +5 -0
- package/dist/types/InvertedEllipseDivider.d.ts +5 -0
- package/dist/types/LayeredEllipseDivider.d.ts +5 -0
- package/dist/types/OpticalIllusionDivider.d.ts +5 -0
- package/dist/types/RestaurantsMenusCenter.d.ts +5 -0
- package/dist/types/RestaurantsMenusExpand.d.ts +5 -0
- package/dist/types/RestaurantsMenusSplitImageText.d.ts +5 -0
- package/dist/types/RestaurantsOnlineOrdersItemInfo.d.ts +5 -0
- package/dist/types/SemiEllipseDivider.d.ts +5 -0
- package/dist/types/StoreHeaderPositionMinimized.d.ts +5 -0
- package/dist/types/StoreRibbonHorizontal.d.ts +5 -0
- package/dist/types/StoreRibbonStack.d.ts +5 -0
- package/dist/types/StoreStretched.d.ts +5 -0
- package/dist/types/{TypeWriter.d.ts → Typewriter.d.ts} +1 -1
- package/dist/types/WhatsAppStatus.d.ts +5 -0
- package/dist/types/{StoreStreched.d.ts → YouTubeBanner.d.ts} +1 -1
- package/dist/types/YouTubeThumbnail.d.ts +5 -0
- package/dist/types/deprecated.d.ts +141 -0
- package/dist/types/index.d.ts +22 -21
- package/package.json +3 -3
- package/dist/cjs/ElipseDivider.js +0 -52
- package/dist/cjs/GalleryApears.js +0 -54
- package/dist/cjs/InvertedElipseDivider.js +0 -52
- package/dist/cjs/LayeredElipseDivider.js +0 -54
- package/dist/cjs/RestauransMenusExpand.js +0 -53
- package/dist/cjs/RestauransMenusSplitImageText.js +0 -53
- package/dist/cjs/RestauransOnlineOrdersItemInfo.js +0 -54
- package/dist/cjs/SemiElipseDivider.js +0 -52
- package/dist/cjs/StoreRibonHorizontal.js +0 -52
- package/dist/cjs/StoreRibonStack.js +0 -52
- package/dist/cjs/StoreStreched.js +0 -54
- package/dist/esm/ElipseDivider.js +0 -18
- package/dist/esm/GalleryApears.js +0 -20
- package/dist/esm/InvertedElipseDivider.js +0 -18
- package/dist/esm/LayeredElipseDivider.js +0 -20
- package/dist/esm/RestauransMenusExpand.js +0 -19
- package/dist/esm/RestauransMenusSplitImageText.js +0 -19
- package/dist/esm/RestauransOnlineOrdersItemInfo.js +0 -20
- package/dist/esm/SemiElipseDivider.js +0 -18
- package/dist/esm/StoreRibonHorizontal.js +0 -18
- package/dist/esm/StoreRibonStack.js +0 -18
- package/dist/esm/StoreStreched.js +0 -20
- package/dist/types/GalleryGreyscale.d.ts +0 -5
- package/dist/types/InvertedElipseDivider.d.ts +0 -5
- package/dist/types/LayeredElipseDivider.d.ts +0 -5
- package/dist/types/OpticalillusionDivider.d.ts +0 -5
- package/dist/types/RestauransMenusCenter.d.ts +0 -5
- package/dist/types/RestauransMenusExpand.d.ts +0 -5
- package/dist/types/RestauransMenusSplitImageText.d.ts +0 -5
- package/dist/types/RestauransOnlineOrdersItemInfo.d.ts +0 -5
- package/dist/types/SemiElipseDivider.d.ts +0 -5
- package/dist/types/StoreHeaderPositionMinimised.d.ts +0 -5
- package/dist/types/StoreRibonHorizontal.d.ts +0 -5
- package/dist/types/StoreRibonStack.d.ts +0 -5
- package/dist/types/WhatsappStatus.d.ts +0 -5
- package/dist/types/YoutubeBanner.d.ts +0 -5
- package/dist/types/YoutubeThumbnail.d.ts +0 -5
- /package/src/{Brandbook.svg → BrandBook.svg} +0 -0
- /package/src/{CloseupSection.svg → CloseUpSection.svg} +0 -0
- /package/src/{ElipseDivider.svg → EllipseDivider.svg} +0 -0
- /package/src/{GalleryApears.svg → GalleryAppears.svg} +0 -0
- /package/src/{GalleryGreyscale.svg → GalleryGrayscale.svg} +0 -0
- /package/src/{InvertedElipseDivider.svg → InvertedEllipseDivider.svg} +0 -0
- /package/src/{LayeredElipseDivider.svg → LayeredEllipseDivider.svg} +0 -0
- /package/src/{OpticalillusionDivider.svg → OpticalIllusionDivider.svg} +0 -0
- /package/src/{RestauransMenusCenter.svg → RestaurantsMenusCenter.svg} +0 -0
- /package/src/{RestauransMenusExpand.svg → RestaurantsMenusExpand.svg} +0 -0
- /package/src/{RestauransMenusSplitImageText.svg → RestaurantsMenusSplitImageText.svg} +0 -0
- /package/src/{RestauransOnlineOrdersItemInfo.svg → RestaurantsOnlineOrdersItemInfo.svg} +0 -0
- /package/src/{SemiElipseDivider.svg → SemiEllipseDivider.svg} +0 -0
- /package/src/{StoreHeaderPositionMinimised.svg → StoreHeaderPositionMinimized.svg} +0 -0
- /package/src/{StoreRibonHorizontal.svg → StoreRibbonHorizontal.svg} +0 -0
- /package/src/{StoreRibonStack.svg → StoreRibbonStack.svg} +0 -0
- /package/src/{StoreStreched.svg → StoreStretched.svg} +0 -0
- /package/src/{TypeWriter.svg → Typewriter.svg} +0 -0
- /package/src/{WhatsappStatus.svg → WhatsAppStatus.svg} +0 -0
- /package/src/{YoutubeBanner.svg → YouTubeBanner.svg} +0 -0
- /package/src/{YoutubeThumbnail.svg → YouTubeThumbnail.svg} +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const GalleryAppears = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GalleryAppears__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "25", y: "25", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#GalleryAppears__b)", d: "m40.504 33.094-10.07 15.943 18.221-2.01z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#GalleryAppears__c)", d: "M55 37.137s-10.065-3.878-10.76-4.171-5.012-1.652-3.736 2.264c1.268 3.89 1.963 5.387 2.239 6.051s1.401 3.371-1.43 4.37C38.106 46.783 25 49 25 49v6.244h30z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GalleryAppears__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "28", y: "28", fill: "var(--wds-illustration-color-1, #002291)", rx: "4" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GalleryAppears__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GalleryAppears__f)", d: "M32.91 24.112q-.481.096-.945.265a6.06 6.06 0 0 0-3.125 2.615c-1.69 2.866-.75 6.536 2.1 8.198s6.53.684 8.22-2.181c1.69-2.868.75-6.539-2.098-8.198a5.94 5.94 0 0 0-4.152-.699" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "19", y: "19", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: "3" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M22 25h24v1H22zM22 29h24v1H22zM28 33h12v1H28z" }),
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "GalleryAppears__b", x1: "34.913", x2: "54.87", y1: "38.756", y2: "52.713", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GalleryAppears__c", x1: "31.783", x2: "55", y1: "40.326", y2: "52.978", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GalleryAppears__f", x1: "38.298", x2: "28.033", y1: "25.077", y2: "38.176", 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: "GalleryAppears__a" }, /* @__PURE__ */ React.createElement("rect", { width: "30", height: "30", x: "25", y: "25", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GalleryAppears__d" }, /* @__PURE__ */ React.createElement("rect", { width: "8", height: "8", x: "28", y: "28", fill: "#fff", rx: "4" })), /* @__PURE__ */ React.createElement("filter", { id: "GalleryAppears__e", width: "16.334", height: "16.334", x: "25.833", y: "21.833", 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_1164_10133", stdDeviation: "1.083" })))
|
|
16
|
+
);
|
|
17
|
+
GalleryAppears.displayName = "GalleryAppears";
|
|
18
|
+
export {
|
|
19
|
+
GalleryAppears
|
|
20
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const
|
|
2
|
+
const GalleryGrayscale = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
viewBox: "0 0 72 73",
|
|
@@ -9,11 +9,11 @@ const GalleryGreyscale = (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(#
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#GalleryGrayscale__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "17", fill: "var(--wds-illustration-color-3, #b8c4ff)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#GalleryGrayscale__b)", d: "M36.672 27.793 23.246 49.051l24.294-2.68z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#GalleryGrayscale__c)", d: "M56 33.183s-13.42-5.17-14.347-5.562c-.928-.391-6.683-2.202-4.981 3.019 1.69 5.187 2.617 7.182 2.985 8.068.369.886 1.869 4.495-1.905 5.827C33.473 46.044 16 51.222 16 51.222v6.103h40z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#GalleryGrayscale__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "21", fill: "var(--wds-illustration-color-1, #002291)", rx: "5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#GalleryGrayscale__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#GalleryGrayscale__f)", d: "M27.84 7.734a12.622 12.622 0 0 0-8.479 6c-3.52 5.97-1.562 13.617 4.376 17.079s13.604 1.425 17.124-4.545c3.52-5.974 1.562-13.621-4.372-17.079a12.38 12.38 0 0 0-8.65-1.455" })))),
|
|
13
13
|
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "17", fill: "#979797", rx: "3", style: { "mixBlendMode": "saturation" } }),
|
|
14
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "GalleryGrayscale__b", x1: "29.217", x2: "55.826", y1: "35.343", y2: "53.952", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".711", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GalleryGrayscale__c", x1: "25.044", x2: "56", y1: "37.435", y2: "54.304", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-2, #7896ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "GalleryGrayscale__f", x1: "39.066", x2: "17.68", y1: "9.744", y2: "37.033", 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: "GalleryGrayscale__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "40", x: "16", y: "17", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "GalleryGrayscale__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "10", x: "20", y: "21", fill: "#fff", rx: "5" })), /* @__PURE__ */ React.createElement("filter", { id: "GalleryGrayscale__e", width: "29.334", height: "29.334", x: "15.444", y: "5.333", 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_1164_9929", stdDeviation: "1.083" })))
|
|
15
15
|
);
|
|
16
|
-
|
|
16
|
+
GalleryGrayscale.displayName = "GalleryGrayscale";
|
|
17
17
|
export {
|
|
18
|
-
|
|
18
|
+
GalleryGrayscale
|
|
19
19
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const InvertedEllipseDivider = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 110 60",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 110,
|
|
8
|
+
height: 60,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#InvertedEllipseDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55 54.86C32.057 54.86 11.556 44.405-2 28v32.458h114V28C98.444 44.405 77.943 54.86 55 54.86" }), /* @__PURE__ */ React.createElement("mask", { id: "InvertedEllipseDivider__b", width: "114", height: "33", x: "-2", y: "28", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M55 54.86C32.057 54.86 11.556 44.405-2 28v32.458h114V28C98.444 44.405 77.943 54.86 55 54.86" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#InvertedEllipseDivider__c)", mask: "url(#InvertedEllipseDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#InvertedEllipseDivider__d)", d: "M56.228 49.643c-22.511 0-42.626-20.059-55.926-51.534H-17.36v62.274h144.721V-1.89h-15.208c-13.3 31.475-33.416 51.534-55.926 51.534" }))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "InvertedEllipseDivider__d", x1: "106.837", x2: "73.615", y1: "3.699", y2: "102.217", 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: "InvertedEllipseDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "110", height: "60", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "InvertedEllipseDivider__c", width: "174.721", height: "92.274", x: "-32.359", y: "-16.891", 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_22552", stdDeviation: "7.5" })))
|
|
14
|
+
);
|
|
15
|
+
InvertedEllipseDivider.displayName = "InvertedEllipseDivider";
|
|
16
|
+
export {
|
|
17
|
+
InvertedEllipseDivider
|
|
18
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const LayeredEllipseDivider = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 97 28",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 97,
|
|
8
|
+
height: 28,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredEllipseDivider__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M-9.733 28.617C5.927 10.292 26.554 0 48.312 0s42.384 10.29 58.043 28.617z", opacity: ".25" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("mask", { id: "LayeredEllipseDivider__b", width: "97", height: "51", x: "0", y: "-23", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M88.609-22.854H8.014A8.014 8.014 0 0 0 0-14.84v34.826A8.014 8.014 0 0 0 8.014 28h80.595a8.014 8.014 0 0 0 8.013-8.014V-14.84a8.014 8.014 0 0 0-8.013-8.014" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredEllipseDivider__b)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25" }, /* @__PURE__ */ React.createElement("mask", { id: "LayeredEllipseDivider__c", width: "116", height: "29", x: "-10", y: "0", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-9.334 28.073C6.218 10.096 26.703 0 48.312 0c21.608 0 42.092 10.095 57.644 28.073z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredEllipseDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-18.272-18.453h133.895v48.888H-18.272z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayeredEllipseDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-65.48 20.941C-34.832-14.486 5.537-34.38 48.12-34.38c42.584 0 82.951 19.893 113.599 55.322z" })))), /* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "LayeredEllipseDivider__e", width: "103", height: "24", x: "-3", y: "5", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.968 28.225C10.867 13.513 29.09 5.25 48.312 5.25c19.224 0 37.446 8.26 51.28 22.973z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredEllipseDivider__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-10.918-9.851h119.111v40.008H-10.918z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayeredEllipseDivider__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-3, #b8c4ff)", d: "M-52.914 22.388C-25.65-6.603 10.26-22.885 48.143-22.885s73.791 16.28 101.055 45.273z" })))), /* @__PURE__ */ React.createElement("mask", { id: "LayeredEllipseDivider__g", width: "89", height: "19", x: "4", y: "10", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M4.607 28.083c11.791-11.05 27.322-17.257 43.705-17.257s31.913 6.206 43.704 17.257z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#LayeredEllipseDivider__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-2.167-.517H99.347v30.052H-2.167z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#LayeredEllipseDivider__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#LayeredEllipseDivider__i)", d: "M-37.96 23.7C-14.726 1.921 15.88-10.309 48.166-10.309s62.89 12.228 86.126 34.007z" })))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("filter", { id: "LayeredEllipseDivider__d", width: "257.25", height: "85.374", x: "-80.506", y: "-49.407", 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_22673", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("filter", { id: "LayeredEllipseDivider__f", width: "232.164", height: "75.325", x: "-67.94", y: "-37.911", 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_22673", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("filter", { id: "LayeredEllipseDivider__h", width: "202.305", height: "64.059", x: "-52.987", y: "-25.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_676_22673", stdDeviation: "7.5" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "LayeredEllipseDivider__i", x1: "109.863", x2: "100.809", y1: "-7.256", y2: "51.261", 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("mask", { id: "LayeredEllipseDivider__a", width: "97", height: "51", x: "0", y: "-23", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M88.609-22.854H8.014A8.014 8.014 0 0 0 0-14.84v34.826A8.014 8.014 0 0 0 8.014 28h80.595a8.014 8.014 0 0 0 8.013-8.014V-14.84a8.014 8.014 0 0 0-8.013-8.014" })))
|
|
16
|
+
);
|
|
17
|
+
LayeredEllipseDivider.displayName = "LayeredEllipseDivider";
|
|
18
|
+
export {
|
|
19
|
+
LayeredEllipseDivider
|
|
20
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const
|
|
2
|
+
const OpticalIllusionDivider = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
viewBox: "0 0 97 51",
|
|
@@ -9,10 +9,10 @@ const OpticalillusionDivider = (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(#
|
|
13
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#OpticalIllusionDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "OpticalIllusionDivider__b", width: "123", height: "64", x: "-13", y: "-13", maskUnits: "userSpaceOnUse", style: { "maskType": "luminance" } }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M109.232-12.98H-12.33V51h121.562z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#OpticalIllusionDivider__b)" }, /* @__PURE__ */ React.createElement("mask", { id: "OpticalIllusionDivider__c", width: "262", height: "39", x: "-61", y: "13", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M99.21 35.151c.115-.004.227.008.337.024-.584-.278-1.198-.484-1.804-.708.377.251.809.404 1.194.64-1.858.07-3.187-1.4-4.815-2.067a42 42 0 0 0-3.279-1.355c1.513.828 2.986 1.728 4.379 2.746.307.323.977.155 1.015.727.146 1.356-.299 2.698-.7 3.98-1.478 4.031-3.278 7.933-4.992 11.869h3.652c.818-1.903 1.64-3.803 2.482-5.693 1.112-2.626 2.404-5.234 2.838-8.079.046-.678.242-1.544-.304-2.082z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M92.808 36.305c.127-.714.324-1.492-.038-2.17.272.069.546.148.827.16-1.8-1.366-3.618-2.729-5.649-3.741-.812-.312-1.607-.672-2.438-.938 2.204 1.146 4.23 2.613 6.064 4.285-.586-.123-1.184-.228-1.753-.416-2.049-1.617-3.968-3.465-6.359-4.585-.777-.31-1.546-.642-2.351-.88 2.395 1.117 4.297 2.982 6.332 4.62.591.516 1.452.446 2.052.914.303.502.161 1.12.082 1.664-.6 3.183-1.99 6.144-3.203 9.126-.964 2.212-1.895 4.443-2.856 6.661h3.481c1.219-2.803 2.41-5.618 3.62-8.424.846-2.047 1.716-4.103 2.187-6.276z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M86.367 33.695c.037-.53-.162-1.106-.64-1.384-2.402-1.59-4.274-3.957-7-5.052-.923-.33-1.858-.643-2.828-.81 2.572.95 4.613 2.874 6.5 4.8.846.846.71 2.159.526 3.238-.622 3.374-1.99 6.547-3.212 9.733-.932 2.27-1.87 4.54-2.86 6.785h3.264q.457-1.045.916-2.083c1.526-3.585 3.08-7.164 4.35-10.85.455-1.425.93-2.87.983-4.379z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M79.65 34.136c.2-1.303.234-2.771-.607-3.875-1.587-2.101-3.824-3.782-6.398-4.439-1.244-.19-2.499-.343-3.758-.313 2.938.312 5.83 2.005 7.155 4.701.711 1.578.42 3.365.15 5.012-.892 4.23-2.47 8.275-4.06 12.28a159 159 0 0 1-1.465 3.504h3.027a171 171 0 0 0 3.566-8.75c.97-2.65 1.945-5.324 2.39-8.12M66.474 31.89c-.344-1.745-1.538-3.33-3.204-4-2.023-.897-4.306-.611-6.44-.413-2.674.304-5.369.613-8.063.447-4.105-.356-8.015-1.79-12.085-2.348-4.536-.75-9.145-.351-13.697-.008-5.178.486-10.39.312-15.569-.097-1.102.108-2.184.426-3.26.693 4.969.39 9.984.47 14.953.008 3.022-.204 6.044-.533 9.077-.438 3.185.042 6.338.615 9.409 1.422 3.37.857 6.744 1.965 10.264 1.908 2.508.054 4.998-.294 7.497-.436 1.756-.108 3.618-.072 5.216.76 1.4.738 2.313 2.172 2.64 3.692.633 2.9.091 5.894-.502 8.757-.727 3.117-1.699 6.17-2.812 9.17h2.504c1.268-3.232 2.403-6.52 3.272-9.885.735-2.998 1.397-6.15.802-9.23z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M72.15 28.903c-1.744-2.582-5.037-3.394-7.985-3.151-.371.075-.753.05-1.125-.011-.008.364-.72.022-.956.201-3.784.574-7.688.802-11.472.01-3.129-.551-6.262-1.12-9.438-1.314-2.185-.05-4.375-.056-6.558.091 1.92.095 3.848.13 5.752.422 4.267.527 8.409 1.973 12.74 1.962 1.885-.035 3.762-.23 5.63-.46 2.17-.25 4.414-.598 6.563-.02 1.837.491 3.484 1.807 4.171 3.605.62 1.67.533 3.5.318 5.237-.34 2.498-1.002 4.938-1.769 7.334a107 107 0 0 1-3 8.195h2.753l.03-.07c1.94-4.684 3.8-9.435 4.93-14.389.485-2.51.99-5.406-.585-7.645z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M61.872 25.902c-2.71-.114-5.402-.473-8.097-.784a85 85 0 0 0-6.272-.36c4.771.506 9.546 1.751 14.37 1.143M58.816 32.301c-.925-1.169-2.388-1.763-3.834-1.947-2.232-.292-4.481.022-6.72.056-2.704.047-5.45.02-8.084-.668-4.721-1.21-9.351-2.989-14.271-3.206-4.032-.249-8.05.277-12.065.57-4.3.341-8.623.246-12.925-.003a34 34 0 0 0-3.142 1.086c4.927.333 9.889.223 14.801-.297 5.268-.56 10.686-.9 15.852.53 3.31.828 6.475 2.141 9.79 2.953 3.583.806 7.28.75 10.93.783 1.716.065 3.536.155 5.044 1.067 1.405.793 2.242 2.307 2.582 3.84.563 2.466.335 5.032-.073 7.503-.37 2.18-.911 4.323-1.555 6.437h2.344c1.042-3.044 1.93-6.148 2.454-9.324.421-3.1.829-6.695-1.13-9.38z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47.869 34.577c-4.277-.537-8.655-.531-12.837-1.696-4.49-1.303-8.748-3.416-13.417-4.074-4.202-.688-8.463-.194-12.661.246-4.786.562-9.616.657-14.427.447-1.083.434-2.14.929-3.192 1.435 3.546.08 7.103.109 10.636-.256 3.595-.28 7.157-.915 10.765-1.029a28.5 28.5 0 0 1 9.684 1.333c3.58 1.096 6.93 2.83 10.524 3.884 2.833.75 5.724 1.249 8.622 1.68 2.04.33 4.18.593 5.956 1.737 1.592.997 2.537 2.747 2.92 4.542.57 2.644.361 5.385-.083 8.032l-.027.147h2.465c.667-2.637 1.111-5.323 1.146-8.05-.017-2.07-.336-4.251-1.564-5.977-1.053-1.43-2.8-2.137-4.51-2.401" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M39.008 39.153c-3.263-.8-6.543-1.576-9.725-2.665-4.945-1.876-9.626-4.662-14.951-5.349-5.038-.76-10.076.354-15.074.902-3.668.444-7.37.517-11.063.437-1.06.508-2.097 1.067-3.135 1.621 3.8.1 7.607-.106 11.37-.638 4.94-.683 9.945-1.847 14.944-.998 5.444.83 10.154 3.877 15.131 6.006 2.973 1.14 5.987 2.167 9.002 3.182 1.967.686 3.982 1.406 5.605 2.752 1.343 1.06 2.246 2.594 2.757 4.21.245.785.409 1.585.513 2.393h3.225q.032-.535.044-1.075c.023-2.72-.426-5.688-2.323-7.775-1.642-1.774-4.05-2.442-6.319-3.002zM18 24.694c1.85.25 3.727.463 5.596.494C21.735 25 19.873 24.7 18 24.694M23.692 25.36q-4.82-.173-9.622-.643a15.4 15.4 0 0 0-3.341.244c4.304.373 8.647.696 12.963.4z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M37.293 47.062c-1.856-1.45-4.032-2.391-6.175-3.33q-3.603-1.59-7.218-3.162c-2.87-1.332-5.568-2.998-8.42-4.37-3.142-1.552-6.568-2.643-10.095-2.736-5.192-.167-10.213 1.421-15.342 1.947a56 56 0 0 1-8.112.368c-1.043.567-2.094 1.12-3.126 1.707 3.475.095 6.958-.22 10.377-.837 4.933-.872 9.89-2.454 14.95-1.802 5.425.626 10.045 3.771 14.647 6.454 4.481 2.501 9.187 4.62 13.482 7.443a13 13 0 0 1 2.676 2.261h5.36c-.665-1.536-1.66-2.92-3.005-3.943z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M15.9 43.053c-3.588-2.263-7.077-4.818-11.137-6.182-2.295-.8-4.752-1.107-7.178-.97-5.604.396-10.901 2.588-16.498 3.039-1.674.19-3.358.25-5.041.27 5.338 2.67 9.58 7.034 13.102 11.795h1.853c-2.47-3.093-5.233-5.95-8.44-8.295a23 23 0 0 0-5.22-3.08c2.616.441 4.982 1.833 7.113 3.368 3.204 2.308 6.044 5.029 8.601 8.007h2.26a55 55 0 0 0-4.403-4.347c-3.178-2.803-6.658-5.65-10.898-6.587.339-.035.676.031 1.013-.022 4.298-.82 8.413-2.473 12.777-2.973 2.507-.292 5.08-.06 7.481.727 4.88 1.618 8.87 4.99 13.106 7.775a125 125 0 0 1 7.683 5.427h6.318q-.182-.135-.365-.265c-3.878-2.811-8.035-5.2-12.125-7.686z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-6.654 37.909c-3.262-.018-6.44.918-9.51 1.929 2.944-.269 5.915.457 8.48 1.901 3.195 1.72 5.943 4.14 8.658 6.516a66 66 0 0 1 3.048 2.75h3.694a85 85 0 0 0-1.728-1.548c-3.239-2.636-6.325-5.51-9.935-7.646-3.25-1.997-7.16-2.928-10.943-2.255 3.94-1.27 8.365-1.133 12.1.726C1.04 42.105 4.284 44.9 7.594 47.501a86 86 0 0 1 4.302 3.502h4.739c-3.684-2.971-7.55-5.714-11.362-8.523-3.51-2.458-7.527-4.591-11.925-4.572" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-18.53 40.098c4.28.578 7.94 3.19 11.103 5.964a72 72 0 0 1 5.303 4.944h2.9a72.7 72.7 0 0 0-9.347-7.915c-2.893-1.983-6.394-3.4-9.959-2.992zM73.82 38.611h.476l.026-.025c-.166-.013-.324-.02-.496-.039 0 .023-.005.04-.005.064z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#OpticalIllusionDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-18.428-17.091h139.539v72.203H-18.428z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#OpticalIllusionDivider__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#OpticalIllusionDivider__e)", d: "M-18.53-20.497h135.341V52.14H-18.53z" }))))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "OpticalIllusionDivider__e", x1: "97.616", x2: "51.879", y1: "-13.977", y2: "94.767", 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: "OpticalIllusionDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.901", height: "51.001", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "OpticalIllusionDivider__d", width: "165.479", height: "102.776", x: "-33.6", y: "-35.566", 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_23017", stdDeviation: "7.5" })))
|
|
14
14
|
);
|
|
15
|
-
|
|
15
|
+
OpticalIllusionDivider.displayName = "OpticalIllusionDivider";
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
OpticalIllusionDivider
|
|
18
18
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const
|
|
2
|
+
const RestaurantsMenusCenter = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
viewBox: "0 0 72 72",
|
|
@@ -11,7 +11,7 @@ const RestauransMenusCenter = (props) => /* @__PURE__ */ React.createElement(
|
|
|
11
11
|
},
|
|
12
12
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M19 24h33v-1.5H19zM19 37h33v-1.5H19zM19 50h33v-1.5H19z" })
|
|
13
13
|
);
|
|
14
|
-
|
|
14
|
+
RestaurantsMenusCenter.displayName = "RestaurantsMenusCenter";
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
RestaurantsMenusCenter
|
|
17
17
|
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const RestaurantsMenusExpand = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#RestaurantsMenusExpand__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(-90 14 58)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RestaurantsMenusExpand__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsMenusExpand__c)", d: "M13 0h58v58H13z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36.4 28a.5.5 0 0 0-.4.2l-3 4 .8.6 2.6-3.467L39 32.8l.8-.6-3-4a.5.5 0 0 0-.4-.2M36.4 44.297a.5.5 0 0 1-.4-.2l-3-4 .8-.6 2.6 3.467 2.6-3.467.8.6-3 4a.5.5 0 0 1-.4.2" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M58 22v2H14v-2zM58 48v2H14v-2z" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RestaurantsMenusExpand__c", x1: "62.774", x2: "13.16", y1: "5.206", y2: "68.516", 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: "RestaurantsMenusExpand__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "58", fill: "#fff", rx: "3", transform: "rotate(-90 14 58)" })), /* @__PURE__ */ React.createElement("filter", { id: "RestaurantsMenusExpand__b", width: "82", height: "82", x: "1", y: "-12", 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_1574_15008", stdDeviation: "6" })))
|
|
15
|
+
);
|
|
16
|
+
RestaurantsMenusExpand.displayName = "RestaurantsMenusExpand";
|
|
17
|
+
export {
|
|
18
|
+
RestaurantsMenusExpand
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const RestaurantsMenusSplitImageText = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#RestaurantsMenusSplitImageText__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M14 17a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RestaurantsMenusSplitImageText__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsMenusSplitImageText__c)", d: "M14 4h57v54H14z" }))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M39 31h19v1H39zM39 35h19v1H39zM39 39h10.133v1H39z" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RestaurantsMenusSplitImageText__c", x1: "62.916", x2: "17.379", y1: "8.847", y2: "70.182", 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: "RestaurantsMenusSplitImageText__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 17a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("filter", { id: "RestaurantsMenusSplitImageText__b", width: "69", height: "66", x: "8", y: "-2", 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_1574_14996", stdDeviation: "3" })))
|
|
15
|
+
);
|
|
16
|
+
RestaurantsMenusSplitImageText.displayName = "RestaurantsMenusSplitImageText";
|
|
17
|
+
export {
|
|
18
|
+
RestaurantsMenusSplitImageText
|
|
19
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const RestaurantsOnlineOrdersItemInfo = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "15.5", fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", rx: "3" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#RestaurantsOnlineOrdersItemInfo__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "15.5", fill: "var(--wds-illustration-color-6, #002296)", rx: "3" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M16.054 14.883h49.04v37.233h-49.04z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsOnlineOrdersItemInfo__b)", d: "M41.86 22.89 26.73 47.565l26.985-4.058z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsOnlineOrdersItemInfo__c)", d: "M69.051 31.702s-20.745-8.57-21.757-9.005c-1.011-.434-7.289-2.443-5.433 3.35 1.844 5.756 2.855 7.97 3.257 8.952.401.983 2.038 4.989-2.08 6.466-4.666 1.675-29.832 9.626-29.832 9.626v4.567H69.05z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#RestaurantsOnlineOrdersItemInfo__d)" }, /* @__PURE__ */ React.createElement("rect", { width: "10.898", height: "11.151", x: "19.639", y: "21.219", fill: "var(--wds-illustration-color-1, #002291)", rx: "5.449" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#RestaurantsOnlineOrdersItemInfo__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#RestaurantsOnlineOrdersItemInfo__f)", d: "M26.479 15.39a8.44 8.44 0 0 0-5.67 4.012c-2.354 3.993-1.044 9.107 2.926 11.422s9.097.953 11.451-3.04c2.355-3.994 1.044-9.108-2.923-11.42a8.28 8.28 0 0 0-5.784-.973" })))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M16 50.5h12v6H16z" }),
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "RestaurantsOnlineOrdersItemInfo__b", x1: "33.73", x2: "56.025", y1: "31.268", y2: "48.649", 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: "RestaurantsOnlineOrdersItemInfo__c", x1: "19.314", x2: "63.676", y1: "8.885", y2: "51.544", 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: "RestaurantsOnlineOrdersItemInfo__f", x1: "33.986", x2: "19.685", y1: "16.735", y2: "34.983", 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: "RestaurantsOnlineOrdersItemInfo__a" }, /* @__PURE__ */ React.createElement("rect", { width: "40", height: "32", x: "16", y: "15.5", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "RestaurantsOnlineOrdersItemInfo__d" }, /* @__PURE__ */ React.createElement("rect", { width: "10.898", height: "11.151", x: "19.639", y: "21.219", fill: "#fff", rx: "5.449" })), /* @__PURE__ */ React.createElement("filter", { id: "RestaurantsOnlineOrdersItemInfo__e", width: "27.863", height: "27.864", x: "14.066", y: "9.662", 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_1712_7248", stdDeviation: "2.786" })))
|
|
16
|
+
);
|
|
17
|
+
RestaurantsOnlineOrdersItemInfo.displayName = "RestaurantsOnlineOrdersItemInfo";
|
|
18
|
+
export {
|
|
19
|
+
RestaurantsOnlineOrdersItemInfo
|
|
20
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const SemiEllipseDivider = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 97 51",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 97,
|
|
8
|
+
height: 51,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#SemiEllipseDivider__a)" }, /* @__PURE__ */ React.createElement("mask", { id: "SemiEllipseDivider__b", width: "97", height: "24", x: "0", y: "27", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#0070FF", d: "M96.9 27.665V51H0s33.648-23.335 96.9-23.335" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#SemiEllipseDivider__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M-10.164 11.963h120.567v41.842H-10.164z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SemiEllipseDivider__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SemiEllipseDivider__d)", d: "M105.665 4.523v42.32h-175.74s61.025-42.32 175.74-42.32" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SemiEllipseDivider__d", x1: "80.741", x2: "67.153", y1: "8.321", y2: "80.323", 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: "SemiEllipseDivider__a" }, /* @__PURE__ */ React.createElement("rect", { width: "96.9", height: "51", fill: "#fff", rx: "8" })), /* @__PURE__ */ React.createElement("filter", { id: "SemiEllipseDivider__c", width: "205.879", height: "72.459", x: "-85.144", y: "-10.546", 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_22627", stdDeviation: "7.5" })))
|
|
14
|
+
);
|
|
15
|
+
SemiEllipseDivider.displayName = "SemiEllipseDivider";
|
|
16
|
+
export {
|
|
17
|
+
SemiEllipseDivider
|
|
18
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const
|
|
2
|
+
const StoreHeaderPositionMinimized = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
viewBox: "0 0 72 72",
|
|
@@ -9,13 +9,13 @@ const StoreHeaderPositionMinimised = (props) => /* @__PURE__ */ React.createElem
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionMinimized__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M13 17a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H16a3 3 0 0 1-3-3z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreHeaderPositionMinimized__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionMinimized__c)", d: "M13 0h59v58H13z" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionMinimized__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 15.455A2.454 2.454 0 0 1 27.454 13h31.091A2.454 2.454 0 0 1 61 15.454v13.092A2.454 2.454 0 0 1 58.545 31h-31.09A2.454 2.454 0 0 1 25 28.546z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionMinimized__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M25 13h36v18H25z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionMinimized__f)", d: "m45.397 16.93-8.274 13.358 14.756-2.197z" }), /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionMinimized__g)", d: "M60.265 21.702s-11.344-4.64-11.897-4.876c-.553-.235-3.986-1.323-2.971 1.814 1.008 3.116 1.56 4.315 1.78 4.847s1.115 2.7-1.136 3.5c-2.552.907-16.314 5.212-16.314 5.212v2.472h30.538z" }), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreHeaderPositionMinimized__h)" }, /* @__PURE__ */ React.createElement("rect", { width: "6.545", height: "6.545", x: "28.273", y: "16.273", fill: "var(--wds-illustration-color-1, #002291)", rx: "3.273" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreHeaderPositionMinimized__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreHeaderPositionMinimized__j)", d: "M33.294 10.662a6.196 6.196 0 0 0-4.162 2.945c-1.729 2.93-.767 6.685 2.148 8.384s6.678.7 8.406-2.23c1.729-2.933.767-6.688-2.146-8.385a6.08 6.08 0 0 0-4.246-.714" })))))),
|
|
13
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M24 32v-2h36v2z" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M24 14h2v45h-2z" }),
|
|
15
15
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M24 14h2v45h-2z" }),
|
|
16
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreHeaderPositionMinimized__c", x1: "63.632", x2: "14.228", y1: "5.206", y2: "69.336", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreHeaderPositionMinimized__f", x1: "40.951", x2: "53.05", y1: "21.465", y2: "30.992", 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: "StoreHeaderPositionMinimized__g", x1: "33.067", x2: "57.094", y1: "9.348", y2: "32.683", 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: "StoreHeaderPositionMinimized__j", x1: "38.805", x2: "28.307", y1: "11.649", y2: "25.045", 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: "StoreHeaderPositionMinimized__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M13 17a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3v38a3 3 0 0 1-3 3H16a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionMinimized__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 15.455A2.454 2.454 0 0 1 27.454 13h31.091A2.454 2.454 0 0 1 61 15.454v13.092A2.454 2.454 0 0 1 58.545 31h-31.09A2.454 2.454 0 0 1 25 28.546z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionMinimized__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 13h36v18H25z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreHeaderPositionMinimized__h" }, /* @__PURE__ */ React.createElement("rect", { width: "6.545", height: "6.545", x: "28.273", y: "16.273", fill: "#fff", rx: "3.273" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreHeaderPositionMinimized__b", width: "83", height: "82", x: "1", y: "-12", 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_1633_10042", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreHeaderPositionMinimized__i", width: "20.454", height: "20.455", x: "24.182", y: "6.456", 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_1633_10042", stdDeviation: "2.045" })))
|
|
17
17
|
);
|
|
18
|
-
|
|
18
|
+
StoreHeaderPositionMinimized.displayName = "StoreHeaderPositionMinimized";
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
StoreHeaderPositionMinimized
|
|
21
21
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const StoreRibbonHorizontal = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreRibbonHorizontal__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", x: "59", y: "24", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "rotate(90 59 24)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreRibbonHorizontal__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreRibbonHorizontal__c)", d: "M13 0h58v48H13z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M37 49V23h-2v26z" }), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M11 37h51.65v-2H11z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreRibbonHorizontal__c", x1: "62.774", x2: "24.165", y1: "4.308", y2: "63.84", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreRibbonHorizontal__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", x: "59", y: "24", fill: "#fff", rx: "3", transform: "rotate(90 59 24)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreRibbonHorizontal__b", width: "82", height: "72", x: "1", y: "-12", 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_1633_10252", stdDeviation: "6" })))
|
|
14
|
+
);
|
|
15
|
+
StoreRibbonHorizontal.displayName = "StoreRibbonHorizontal";
|
|
16
|
+
export {
|
|
17
|
+
StoreRibbonHorizontal
|
|
18
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const StoreRibbonStack = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreRibbonStack__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 48 13)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreRibbonStack__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreRibbonStack__c)", d: "M72 59V1H24v58z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M23 23h26v2H23zM23 35h26v2H23zM23 47h26v2H23z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreRibbonStack__c", x1: "67.692", x2: "8.16", y1: "9.226", y2: "47.835", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreRibbonStack__a" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "46", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 48 13)" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreRibbonStack__b", width: "72", height: "82", x: "12", y: "-11", 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_1633_10277", stdDeviation: "6" })))
|
|
14
|
+
);
|
|
15
|
+
StoreRibbonStack.displayName = "StoreRibbonStack";
|
|
16
|
+
export {
|
|
17
|
+
StoreRibbonStack
|
|
18
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const StoreStretched = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#StoreStretched__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreStretched__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreStretched__c)", d: "M-15-24h98v98h-98z" })), /* @__PURE__ */ React.createElement("g", { filter: "url(#StoreStretched__e)", clipPath: "url(#StoreStretched__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#StoreStretched__f)", d: "M5-20h75v62H5z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M19 43h18v1H19zM19 51h8v1h-8zM19 47h18v1H19z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M59 35v2H13v-2z" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M28 37h-2V13h2z" }),
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "StoreStretched__c", x1: "69.101", x2: "-14.729", y1: "-15.204", y2: "91.768", 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: "StoreStretched__f", x1: "69.363", x2: "19.515", y1: "-14.435", y2: "62.51", 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: "StoreStretched__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "44", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("clipPath", { id: "StoreStretched__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M5-10h74v45H5z" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreStretched__b", width: "122", height: "122", x: "-27", y: "-36", 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_1594_18841", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "StoreStretched__e", width: "99", height: "86", x: "-7", y: "-32", 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_1594_18841", stdDeviation: "6" })))
|
|
16
|
+
);
|
|
17
|
+
StoreStretched.displayName = "StoreStretched";
|
|
18
|
+
export {
|
|
19
|
+
StoreStretched
|
|
20
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const
|
|
2
|
+
const Typewriter = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
viewBox: "0 0 72 72",
|
|
@@ -9,15 +9,15 @@ const TypeWriter = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#
|
|
14
|
-
/* @__PURE__ */ React.createElement("mask", { id: "
|
|
15
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#
|
|
16
|
-
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Typewriter__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Typewriter__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-50, #f8f6f500)", d: "M19.774 44h-3.44V29.7h3.44v5.56h5.84V29.7h3.44V44h-3.44v-5.86h-5.84zm21.695 0H31.03V29.7h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zm9.618 0h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "Typewriter__c", width: "21", height: "30", x: "10", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-7, #002297)", d: "M10 21h21v30H10z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#Typewriter__c)" }, /* @__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__d", 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 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("g", { filter: "url(#Typewriter__e)", mask: "url(#Typewriter__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Typewriter__f)", d: "M16 0h56v44H16z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5" }, /* @__PURE__ */ React.createElement("mask", { id: "Typewriter__g", 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__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M51.087 44.003h-3.44v-5.46l-5.58-8.84h4.08l3.24 5.62 3.26-5.62h4.06l-5.62 8.86zM41.47 44.003H31.03v-14.3h10.44v2.86h-7v2.82h6.62v2.86h-6.62v2.9h7zM19.774 44.003h-3.44v-14.3h3.44v5.56h5.84v-5.56h3.44v14.3h-3.44v-5.86h-5.84z" }), /* @__PURE__ */ React.createElement("mask", { id: "Typewriter__h", 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 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("g", { filter: "url(#Typewriter__i)", mask: "url(#Typewriter__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#Typewriter__j)", d: "M16 0h56v44H16z" })))),
|
|
17
17
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-6, #002296)", d: "M31.5 28v18h-1V28z" }),
|
|
18
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "Typewriter__f", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".5", stopColor: "var(--wds-illustration-color-7, #002297)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "Typewriter__j", x1: "64.058", x2: "29.446", y1: "3.949", y2: "60.161", 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-7, #002297)" })), /* @__PURE__ */ React.createElement("filter", { id: "Typewriter__e", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", 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_17600", stdDeviation: "4.2" })), /* @__PURE__ */ React.createElement("filter", { id: "Typewriter__i", width: "72.8", height: "60.8", x: "7.6", y: "-8.4", 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_17600", stdDeviation: "4.2" })), /* @__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: "#D9D9D9", d: "M10 21h21v30H10z" })), /* @__PURE__ */ React.createElement("mask", { id: "Typewriter__b", width: "27", height: "30", x: "31", y: "21", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M58 21H31v30h27z" })))
|
|
19
19
|
);
|
|
20
|
-
|
|
20
|
+
Typewriter.displayName = "Typewriter";
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
Typewriter
|
|
23
23
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
const
|
|
2
|
+
const WhatsAppStatus = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
viewBox: "0 0 180 127",
|
|
@@ -9,12 +9,12 @@ const WhatsappStatus = (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(#
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#WhatsAppStatus__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 115 18)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#WhatsAppStatus__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#WhatsAppStatus__c)", d: "M180 110V0H65v110z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M78 27a4 4 0 1 1-8 0 4 4 0 0 1 8 0M92 25v1H82v-1zM101 29v1H82v-1z" })),
|
|
13
13
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M96 63.296v1.083c-.07.27-.09.552-.154.825-.873 3.745-5.2 5.618-8.594 3.772L84.084 70H84l1.048-3.107c-1.493-2.569-.94-5.79 1.408-7.634 3.389-2.66 8.408-.883 9.39 3.253zm-10.447 5.205 1.865-.582c4.09 2.62 9.174-1.641 7.15-6.095-2.048-4.504-8.945-3.31-9.346 1.582-.1 1.212.248 2.323.914 3.324z" }),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M87.972 61.018c.2-.04.615-.056.735.127.067.103.531 1.344.525 1.419-.025.277-.562.597-.536.835.016.135.415.687.525.817.282.332 1.099 1.03 1.52 1.114.353.07.56-.45.808-.637.173-.13.253-.074.45.014.24.109.839.408 1.034.555.312.234.021.876-.224 1.097-.848.767-2.001.284-2.882-.18-1.07-.566-2.722-2.42-2.778-3.657-.021-.455.326-1.404.823-1.504" }),
|
|
15
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "
|
|
15
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "WhatsAppStatus__c", x1: "169.678", x2: "48.439", y1: "15.601", y2: "114.931", 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: "WhatsAppStatus__a" }, /* @__PURE__ */ React.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 115 18)" })), /* @__PURE__ */ React.createElement("filter", { id: "WhatsAppStatus__b", width: "140.417", height: "135.417", x: "52.292", y: "-12.708", 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_18311", stdDeviation: "6.354" })))
|
|
16
16
|
);
|
|
17
|
-
|
|
17
|
+
WhatsAppStatus.displayName = "WhatsAppStatus";
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
WhatsAppStatus
|
|
20
20
|
};
|