@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
|
@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
29
|
+
var WhatsAppStatus_exports = {};
|
|
30
|
+
__export(WhatsAppStatus_exports, {
|
|
31
|
+
WhatsAppStatus: () => WhatsAppStatus
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(WhatsAppStatus_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
const
|
|
35
|
+
const WhatsAppStatus = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
36
36
|
"svg",
|
|
37
37
|
{
|
|
38
38
|
viewBox: "0 0 180 127",
|
|
@@ -42,13 +42,13 @@ const WhatsappStatus = (props) => /* @__PURE__ */ import_react.default.createEle
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#WhatsAppStatus__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(-1 0 0 1 115 18)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#WhatsAppStatus__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#WhatsAppStatus__c)", d: "M180 110V0H65v110z" })), /* @__PURE__ */ import_react.default.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" })),
|
|
46
46
|
/* @__PURE__ */ import_react.default.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" }),
|
|
47
47
|
/* @__PURE__ */ import_react.default.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" }),
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "WhatsAppStatus__c", x1: "169.678", x2: "48.439", y1: "15.601", y2: "114.931", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "WhatsAppStatus__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "6", transform: "matrix(-1 0 0 1 115 18)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "WhatsAppStatus__b", width: "140.417", height: "135.417", x: "52.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18311", stdDeviation: "6.354" })))
|
|
49
49
|
);
|
|
50
|
-
|
|
50
|
+
WhatsAppStatus.displayName = "WhatsAppStatus";
|
|
51
51
|
// Annotate the CommonJS export names for ESM import in node:
|
|
52
52
|
0 && (module.exports = {
|
|
53
|
-
|
|
53
|
+
WhatsAppStatus
|
|
54
54
|
});
|
|
@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
29
|
+
var YouTubeBanner_exports = {};
|
|
30
|
+
__export(YouTubeBanner_exports, {
|
|
31
|
+
YouTubeBanner: () => YouTubeBanner
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(YouTubeBanner_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
const
|
|
35
|
+
const YouTubeBanner = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
36
36
|
"svg",
|
|
37
37
|
{
|
|
38
38
|
viewBox: "0 0 180 127",
|
|
@@ -42,13 +42,13 @@ const YoutubeBanner = (props) => /* @__PURE__ */ import_react.default.createElem
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YouTubeBanner__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "74", height: "110", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YouTubeBanner__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YouTubeBanner__c)", d: "M0 0h101v145H0z", transform: "matrix(0 -1 -1 0 176 105)" }))),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YouTubeBanner__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "100", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YouTubeBanner__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YouTubeBanner__f)", d: "M179 79V0H40v79z" }))),
|
|
47
47
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49.366 32.005c1.577.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.119 5.694-.16 1.967-.377 3.156-2.544 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M46.803 35.5v5.016l4.372-2.527zM89 87v1H51v-1zM69 91v1H51v-1zM48 89a4 4 0 1 1-8 0 4 4 0 0 1 8 0" }),
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YouTubeBanner__c", x1: "86.676", x2: "-40.18", y1: "13.015", y2: "125.769", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YouTubeBanner__f", x1: "166.523", x2: "82.11", y1: "11.204", y2: "127.598", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YouTubeBanner__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "74", height: "110", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 145 101)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YouTubeBanner__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "30", height: "100", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 140 79)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YouTubeBanner__b", width: "170.417", height: "126.417", x: "18.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YouTubeBanner__e", width: "164.417", height: "104.417", x: "27.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18340", stdDeviation: "6.354" })))
|
|
49
49
|
);
|
|
50
|
-
|
|
50
|
+
YouTubeBanner.displayName = "YouTubeBanner";
|
|
51
51
|
// Annotate the CommonJS export names for ESM import in node:
|
|
52
52
|
0 && (module.exports = {
|
|
53
|
-
|
|
53
|
+
YouTubeBanner
|
|
54
54
|
});
|
|
@@ -26,13 +26,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
29
|
+
var YouTubeThumbnail_exports = {};
|
|
30
|
+
__export(YouTubeThumbnail_exports, {
|
|
31
|
+
YouTubeThumbnail: () => YouTubeThumbnail
|
|
32
32
|
});
|
|
33
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(YouTubeThumbnail_exports);
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
const
|
|
35
|
+
const YouTubeThumbnail = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
36
36
|
"svg",
|
|
37
37
|
{
|
|
38
38
|
viewBox: "0 0 180 127",
|
|
@@ -42,12 +42,12 @@ const YoutubeThumbnail = (props) => /* @__PURE__ */ import_react.default.createE
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YouTubeThumbnail__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "60", height: "102", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YouTubeThumbnail__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YouTubeThumbnail__c)", d: "M0 0h93v141H0z", transform: "matrix(0 -1 -1 0 176 97)" }))),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#YouTubeThumbnail__d)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#YouTubeThumbnail__e)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#YouTubeThumbnail__f)", d: "M180 88V0H44v88z" })), /* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M91.366 57.005c1.576.017 3.467.022 5.026.232 1.56.21 2.146.84 2.392 2.414.27 1.724.26 3.95.118 5.694-.159 1.967-.377 3.156-2.543 3.44-2.162.282-4.672.216-6.857.188-1.483-.019-2.973-.003-4.449-.15-2.237-.225-2.69-.893-2.92-3.098a28 28 0 0 1 0-5.433c.193-1.852.52-2.799 2.506-3.059 1.556-.203 3.422-.211 4.993-.228a82 82 0 0 1 1.734 0M88.803 60.5v5.016l4.372-2.527z" })),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YouTubeThumbnail__c", x1: "79.81", x2: "-42.581", y1: "12.656", y2: "115.666", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "YouTubeThumbnail__f", x1: "167.793", x2: "70.656", y1: "12.481", y2: "130.125", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YouTubeThumbnail__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "60", height: "102", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 141 93)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "YouTubeThumbnail__d" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "50", height: "92", fill: "#fff", rx: "3", transform: "matrix(0 -1 -1 0 136 88)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YouTubeThumbnail__b", width: "166.417", height: "118.417", x: "22.292", y: "-8.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "YouTubeThumbnail__e", width: "161.417", height: "113.417", x: "31.292", y: "-12.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_18326", stdDeviation: "6.354" })))
|
|
48
48
|
);
|
|
49
|
-
|
|
49
|
+
YouTubeThumbnail.displayName = "YouTubeThumbnail";
|
|
50
50
|
// Annotate the CommonJS export names for ESM import in node:
|
|
51
51
|
0 && (module.exports = {
|
|
52
|
-
|
|
52
|
+
YouTubeThumbnail
|
|
53
53
|
});
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var deprecated_exports = {};
|
|
20
|
+
__export(deprecated_exports, {
|
|
21
|
+
Brandbook: () => Brandbook,
|
|
22
|
+
CloseupSection: () => CloseupSection,
|
|
23
|
+
DEPRECATED_ILLUSTRATIONS: () => DEPRECATED_ILLUSTRATIONS,
|
|
24
|
+
ElipseDivider: () => ElipseDivider,
|
|
25
|
+
GalleryApears: () => GalleryApears,
|
|
26
|
+
GalleryGreyscale: () => GalleryGreyscale,
|
|
27
|
+
InvertedElipseDivider: () => InvertedElipseDivider,
|
|
28
|
+
LayeredElipseDivider: () => LayeredElipseDivider,
|
|
29
|
+
OpticalillusionDivider: () => OpticalillusionDivider,
|
|
30
|
+
RestauransMenusCenter: () => RestauransMenusCenter,
|
|
31
|
+
RestauransMenusExpand: () => RestauransMenusExpand,
|
|
32
|
+
RestauransMenusSplitImageText: () => RestauransMenusSplitImageText,
|
|
33
|
+
SemiElipseDivider: () => SemiElipseDivider,
|
|
34
|
+
StoreHeaderPositionMinimised: () => StoreHeaderPositionMinimised,
|
|
35
|
+
StoreRibonHorizontal: () => StoreRibonHorizontal,
|
|
36
|
+
StoreRibonStack: () => StoreRibonStack,
|
|
37
|
+
StoreStreched: () => StoreStreched,
|
|
38
|
+
TypeWriter: () => TypeWriter,
|
|
39
|
+
WhatsappStatus: () => WhatsappStatus,
|
|
40
|
+
YoutubeBanner: () => YoutubeBanner,
|
|
41
|
+
YoutubeThumbnail: () => YoutubeThumbnail
|
|
42
|
+
});
|
|
43
|
+
module.exports = __toCommonJS(deprecated_exports);
|
|
44
|
+
var import_BrandBook = require("./BrandBook");
|
|
45
|
+
var import_CloseUpSection = require("./CloseUpSection");
|
|
46
|
+
var import_EllipseDivider = require("./EllipseDivider");
|
|
47
|
+
var import_GalleryAppears = require("./GalleryAppears");
|
|
48
|
+
var import_GalleryGrayscale = require("./GalleryGrayscale");
|
|
49
|
+
var import_InvertedEllipseDivider = require("./InvertedEllipseDivider");
|
|
50
|
+
var import_LayeredEllipseDivider = require("./LayeredEllipseDivider");
|
|
51
|
+
var import_OpticalIllusionDivider = require("./OpticalIllusionDivider");
|
|
52
|
+
var import_RestaurantsMenusCenter = require("./RestaurantsMenusCenter");
|
|
53
|
+
var import_RestaurantsMenusExpand = require("./RestaurantsMenusExpand");
|
|
54
|
+
var import_RestaurantsMenusSplitImageText = require("./RestaurantsMenusSplitImageText");
|
|
55
|
+
var import_SemiEllipseDivider = require("./SemiEllipseDivider");
|
|
56
|
+
var import_StoreHeaderPositionMinimized = require("./StoreHeaderPositionMinimized");
|
|
57
|
+
var import_StoreRibbonHorizontal = require("./StoreRibbonHorizontal");
|
|
58
|
+
var import_StoreRibbonStack = require("./StoreRibbonStack");
|
|
59
|
+
var import_StoreStretched = require("./StoreStretched");
|
|
60
|
+
var import_Typewriter = require("./Typewriter");
|
|
61
|
+
var import_WhatsAppStatus = require("./WhatsAppStatus");
|
|
62
|
+
var import_YouTubeBanner = require("./YouTubeBanner");
|
|
63
|
+
var import_YouTubeThumbnail = require("./YouTubeThumbnail");
|
|
64
|
+
const Brandbook = import_BrandBook.BrandBook;
|
|
65
|
+
const CloseupSection = import_CloseUpSection.CloseUpSection;
|
|
66
|
+
const ElipseDivider = import_EllipseDivider.EllipseDivider;
|
|
67
|
+
const GalleryApears = import_GalleryAppears.GalleryAppears;
|
|
68
|
+
const GalleryGreyscale = import_GalleryGrayscale.GalleryGrayscale;
|
|
69
|
+
const InvertedElipseDivider = import_InvertedEllipseDivider.InvertedEllipseDivider;
|
|
70
|
+
const LayeredElipseDivider = import_LayeredEllipseDivider.LayeredEllipseDivider;
|
|
71
|
+
const OpticalillusionDivider = import_OpticalIllusionDivider.OpticalIllusionDivider;
|
|
72
|
+
const RestauransMenusCenter = import_RestaurantsMenusCenter.RestaurantsMenusCenter;
|
|
73
|
+
const RestauransMenusExpand = import_RestaurantsMenusExpand.RestaurantsMenusExpand;
|
|
74
|
+
const RestauransMenusSplitImageText = import_RestaurantsMenusSplitImageText.RestaurantsMenusSplitImageText;
|
|
75
|
+
const SemiElipseDivider = import_SemiEllipseDivider.SemiEllipseDivider;
|
|
76
|
+
const StoreHeaderPositionMinimised = import_StoreHeaderPositionMinimized.StoreHeaderPositionMinimized;
|
|
77
|
+
const StoreRibonHorizontal = import_StoreRibbonHorizontal.StoreRibbonHorizontal;
|
|
78
|
+
const StoreRibonStack = import_StoreRibbonStack.StoreRibbonStack;
|
|
79
|
+
const StoreStreched = import_StoreStretched.StoreStretched;
|
|
80
|
+
const TypeWriter = import_Typewriter.Typewriter;
|
|
81
|
+
const WhatsappStatus = import_WhatsAppStatus.WhatsAppStatus;
|
|
82
|
+
const YoutubeBanner = import_YouTubeBanner.YouTubeBanner;
|
|
83
|
+
const YoutubeThumbnail = import_YouTubeThumbnail.YouTubeThumbnail;
|
|
84
|
+
const DEPRECATED_ILLUSTRATIONS = {
|
|
85
|
+
Brandbook: "BrandBook",
|
|
86
|
+
CloseupSection: "CloseUpSection",
|
|
87
|
+
ElipseDivider: "EllipseDivider",
|
|
88
|
+
GalleryApears: "GalleryAppears",
|
|
89
|
+
GalleryGreyscale: "GalleryGrayscale",
|
|
90
|
+
InvertedElipseDivider: "InvertedEllipseDivider",
|
|
91
|
+
LayeredElipseDivider: "LayeredEllipseDivider",
|
|
92
|
+
OpticalillusionDivider: "OpticalIllusionDivider",
|
|
93
|
+
RestauransMenusCenter: "RestaurantsMenusCenter",
|
|
94
|
+
RestauransMenusExpand: "RestaurantsMenusExpand",
|
|
95
|
+
RestauransMenusSplitImageText: "RestaurantsMenusSplitImageText",
|
|
96
|
+
SemiElipseDivider: "SemiEllipseDivider",
|
|
97
|
+
StoreHeaderPositionMinimised: "StoreHeaderPositionMinimized",
|
|
98
|
+
StoreRibonHorizontal: "StoreRibbonHorizontal",
|
|
99
|
+
StoreRibonStack: "StoreRibbonStack",
|
|
100
|
+
StoreStreched: "StoreStretched",
|
|
101
|
+
TypeWriter: "Typewriter",
|
|
102
|
+
WhatsappStatus: "WhatsAppStatus",
|
|
103
|
+
YoutubeBanner: "YouTubeBanner",
|
|
104
|
+
YoutubeThumbnail: "YouTubeThumbnail"
|
|
105
|
+
};
|
|
106
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
107
|
+
0 && (module.exports = {
|
|
108
|
+
Brandbook,
|
|
109
|
+
CloseupSection,
|
|
110
|
+
DEPRECATED_ILLUSTRATIONS,
|
|
111
|
+
ElipseDivider,
|
|
112
|
+
GalleryApears,
|
|
113
|
+
GalleryGreyscale,
|
|
114
|
+
InvertedElipseDivider,
|
|
115
|
+
LayeredElipseDivider,
|
|
116
|
+
OpticalillusionDivider,
|
|
117
|
+
RestauransMenusCenter,
|
|
118
|
+
RestauransMenusExpand,
|
|
119
|
+
RestauransMenusSplitImageText,
|
|
120
|
+
SemiElipseDivider,
|
|
121
|
+
StoreHeaderPositionMinimised,
|
|
122
|
+
StoreRibonHorizontal,
|
|
123
|
+
StoreRibonStack,
|
|
124
|
+
StoreStreched,
|
|
125
|
+
TypeWriter,
|
|
126
|
+
WhatsappStatus,
|
|
127
|
+
YoutubeBanner,
|
|
128
|
+
YoutubeThumbnail
|
|
129
|
+
});
|