@wix/design-system-illustrations 2.28.6 → 2.29.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/BookingsStrip.js +4 -4
- package/dist/cjs/DonutChart.js +5 -3
- package/dist/cjs/MembersIcon.js +60 -0
- package/dist/cjs/ShuttersAnimation.js +8 -5
- package/dist/cjs/index.js +3 -0
- package/dist/esm/BookingsStrip.js +4 -4
- package/dist/esm/DonutChart.js +5 -3
- package/dist/esm/MembersIcon.js +26 -0
- package/dist/esm/ShuttersAnimation.js +8 -5
- package/dist/esm/index.js +2 -0
- package/dist/types/MembersIcon.d.ts +5 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +3 -3
- package/src/BookingsStrip.svg +9 -9
- package/src/DonutChart.svg +23 -23
- package/src/MembersIcon.svg +63 -0
- package/src/ShuttersAnimation.svg +17 -22
|
@@ -45,10 +45,10 @@ const BookingsStrip = (props) => /* @__PURE__ */ import_react.default.createElem
|
|
|
45
45
|
/* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "43", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
|
|
46
46
|
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#BookingsStrip__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "43", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#BookingsStrip__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#BookingsStrip__c)", d: "M14 0h58v57H14z" }))),
|
|
47
47
|
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 27h46v2H13zM13 42h46v2H13z" }),
|
|
48
|
-
/* @__PURE__ */ import_react.default.createElement("circle", { cx: "20.5", cy: "20.5", r: "3.5", fill: "var(--wds-illustration-color-
|
|
49
|
-
/* @__PURE__ */ import_react.default.createElement("circle", { cx: "20.5", cy: "35.5", r: "3.5", fill: "var(--wds-illustration-color-
|
|
50
|
-
/* @__PURE__ */ import_react.default.createElement("circle", { cx: "20.5", cy: "50.5", r: "3.5", fill: "var(--wds-illustration-color-
|
|
51
|
-
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("circle", { cx: "20.5", cy: "20.5", r: "3.5", fill: "var(--wds-illustration-color-1, #002291)" }),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("circle", { cx: "20.5", cy: "35.5", r: "3.5", fill: "var(--wds-illustration-color-1, #002291)" }),
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("circle", { cx: "20.5", cy: "50.5", r: "3.5", fill: "var(--wds-illustration-color-1, #002291)" }),
|
|
51
|
+
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M28 22h16v1H28zM28 37h16v1H28zM28 52h16v1H28zM28 33h8v1h-8zM28 18h8v1h-8zM28 48h8v1h-8z" }),
|
|
52
52
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "BookingsStrip__c", x1: "63.774", x2: "15.225", y1: "5.116", y2: "68.154", 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: "BookingsStrip__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "44", height: "43", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "BookingsStrip__b", width: "82", height: "81", x: "2", y: "-12", 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_1239_43726", stdDeviation: "6" })))
|
|
53
53
|
);
|
|
54
54
|
BookingsStrip.displayName = "BookingsStrip";
|
package/dist/cjs/DonutChart.js
CHANGED
|
@@ -42,9 +42,11 @@ const DonutChart = (props) => /* @__PURE__ */ import_react.default.createElement
|
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ import_react.default.createElement("
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9.001", y: "8.999", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" }))),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" }))),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__d", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 9c14.912 0 27 12.088 27 27S50.912 63 36 63 9 50.912 9 36 21.088 9 36 9m0 10c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17" })),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__d)" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__e", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__e)", clipPath: "url(#DonutChart__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9.001", y: "8.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#DonutChart__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#DonutChart__h)", d: "M43.368-20.215a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.056C3.05 20.003 9.634 45.698 29.584 57.33s45.707 4.788 57.537-15.27c11.83-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" }))), /* @__PURE__ */ import_react.default.createElement("g", { opacity: ".7" }, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__i", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#DonutChart__i)", clipPath: "url(#DonutChart__j)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#DonutChart__k)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#DonutChart__l)", d: "M43.367-20.214a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.055C3.049 20.004 9.633 45.7 29.583 57.331S75.29 62.12 87.12 42.061c11.829-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" }))))),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__b", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__a", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 9c14.912 0 27 12.088 27 27S50.912 63 36 63 9 50.912 9 36 21.088 9 36 9m0 10c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: "DonutChart__c", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "DonutChart__h", x1: "81.087", x2: "9.233", y1: "-13.461", y2: "78.228", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "DonutChart__l", x1: "81.086", x2: "9.232", y1: "-13.46", y2: "78.23", 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-6, #002296)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "DonutChart__f" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9.001", y: "8.999", fill: "#fff", rx: "27" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "DonutChart__j" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "DonutChart__g", width: "94", height: "94", x: "4.001", y: "-26.001", 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_1490_8008", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "DonutChart__k", width: "94", height: "94", x: "4", y: "-26", 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_1490_8008", stdDeviation: "2.5" })))
|
|
48
50
|
);
|
|
49
51
|
DonutChart.displayName = "DonutChart";
|
|
50
52
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var MembersIcon_exports = {};
|
|
30
|
+
__export(MembersIcon_exports, {
|
|
31
|
+
MembersIcon: () => MembersIcon
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(MembersIcon_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const MembersIcon = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
36
|
+
"svg",
|
|
37
|
+
{
|
|
38
|
+
viewBox: "0 0 72 72",
|
|
39
|
+
fill: "none",
|
|
40
|
+
width: 72,
|
|
41
|
+
height: 72,
|
|
42
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
43
|
+
...props
|
|
44
|
+
},
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", opacity: ".5", rx: "3" }),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" }),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("g", { opacity: ".5", clipPath: "url(#MembersIcon__a)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 52 20)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MembersIcon__b)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MembersIcon__c)", d: "M72 52V0H20v52z" }))),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" }),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "MembersIcon__d", width: "18", height: "15", x: "27", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#002294", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" })),
|
|
50
|
+
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MembersIcon__e)", mask: "url(#MembersIcon__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MembersIcon__f)", d: "M27 0h45v44H27z" })),
|
|
51
|
+
/* @__PURE__ */ import_react.default.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" }),
|
|
52
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "MembersIcon__g", width: "18", height: "15", x: "27", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#002294", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" })),
|
|
53
|
+
/* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#MembersIcon__h)", mask: "url(#MembersIcon__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#MembersIcon__i)", d: "M27 0h45v44H27z" })),
|
|
54
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MembersIcon__c", x1: "67.332", x2: "10.572", y1: "7.375", y2: "51.856", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MembersIcon__f", x1: "65.618", x2: "28.19", y1: "3.949", y2: "52.794", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "MembersIcon__i", x1: "65.618", x2: "28.19", y1: "3.949", y2: "52.794", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MembersIcon__b", width: "64", height: "64", x: "14", y: "-6", 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_1309_11667", stdDeviation: "3" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MembersIcon__e", width: "51", height: "50", x: "24", y: "-3", 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_1309_11667", stdDeviation: "1.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "MembersIcon__h", width: "51", height: "50", x: "24", y: "-3", 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_1309_11667", stdDeviation: "1.5" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "MembersIcon__a" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "32", height: "32", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 52 20)" })))
|
|
55
|
+
);
|
|
56
|
+
MembersIcon.displayName = "MembersIcon";
|
|
57
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
58
|
+
0 && (module.exports = {
|
|
59
|
+
MembersIcon
|
|
60
|
+
});
|
|
@@ -35,15 +35,18 @@ var import_react = __toESM(require("react"));
|
|
|
35
35
|
const ShuttersAnimation = (props) => /* @__PURE__ */ import_react.default.createElement(
|
|
36
36
|
"svg",
|
|
37
37
|
{
|
|
38
|
-
viewBox: "0 0
|
|
38
|
+
viewBox: "0 0 72 72",
|
|
39
39
|
fill: "none",
|
|
40
|
-
width:
|
|
41
|
-
height:
|
|
40
|
+
width: 72,
|
|
41
|
+
height: 72,
|
|
42
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
43
43
|
...props
|
|
44
44
|
},
|
|
45
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("
|
|
45
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "ShuttersAnimation__a", width: "32", height: "31", x: "20", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M25.74 49.798h-5.525V19.964h5.525zm8.207 0h-4.103V19.964h4.103zm8.21 0h-4.104V19.964h4.104zm9.628 0h-5.524V19.964h5.524z" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShuttersAnimation__a)", clipPath: "url(#ShuttersAnimation__b)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 52.958 -6.877)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShuttersAnimation__c)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShuttersAnimation__d)", d: "M3.403 18.462 35.93-14.065l32.527 32.527L35.93 50.989z" }))),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("mask", { id: "ShuttersAnimation__e", width: "22", height: "36", x: "25", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "#D9D9D9", d: "M29.845 53.127h-4.104v-30.94h4.104zm8.365 0h-4.42V18.873h4.42zm8.052 0h-4.104v-30.94h4.104z", opacity: ".5" })),
|
|
48
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#ShuttersAnimation__e)", clipPath: "url(#ShuttersAnimation__f)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 52.972 -6.871)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#ShuttersAnimation__g)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#ShuttersAnimation__h)", d: "M3.403 18.474 35.93-14.053l32.527 32.527L35.93 51z" }))),
|
|
49
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShuttersAnimation__d", x1: "34.236", x2: "41.917", y1: "-6.532", y2: "56.796", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ShuttersAnimation__h", x1: "34.236", x2: "41.917", y1: "-6.52", y2: "56.808", 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: "ShuttersAnimation__b" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 52.958 -6.877)" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ShuttersAnimation__f" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 52.972 -6.871)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShuttersAnimation__c", width: "75.054", height: "75.053", x: "-1.597", y: "-19.064", 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_929_3563", stdDeviation: "2.5" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ShuttersAnimation__g", width: "75.054", height: "75.053", x: "-1.597", y: "-19.053", 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_929_3563", stdDeviation: "2.5" })))
|
|
47
50
|
);
|
|
48
51
|
ShuttersAnimation.displayName = "ShuttersAnimation";
|
|
49
52
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/cjs/index.js
CHANGED
|
@@ -266,6 +266,7 @@ __export(index_exports, {
|
|
|
266
266
|
Logo: () => import_Logo.Logo,
|
|
267
267
|
Marker: () => import_Marker.Marker,
|
|
268
268
|
Marquee: () => import_Marquee.Marquee,
|
|
269
|
+
MembersIcon: () => import_MembersIcon.MembersIcon,
|
|
269
270
|
MembersName: () => import_MembersName.MembersName,
|
|
270
271
|
MembersNameAndIcon: () => import_MembersNameAndIcon.MembersNameAndIcon,
|
|
271
272
|
MoveClick: () => import_MoveClick.MoveClick,
|
|
@@ -725,6 +726,7 @@ var import_LiquidDivider = require("./LiquidDivider");
|
|
|
725
726
|
var import_Logo = require("./Logo");
|
|
726
727
|
var import_Marker = require("./Marker");
|
|
727
728
|
var import_Marquee = require("./Marquee");
|
|
729
|
+
var import_MembersIcon = require("./MembersIcon");
|
|
728
730
|
var import_MembersName = require("./MembersName");
|
|
729
731
|
var import_MembersNameAndIcon = require("./MembersNameAndIcon");
|
|
730
732
|
var import_MoveClick = require("./MoveClick");
|
|
@@ -1184,6 +1186,7 @@ var import_ZoomSection = require("./ZoomSection");
|
|
|
1184
1186
|
Logo,
|
|
1185
1187
|
Marker,
|
|
1186
1188
|
Marquee,
|
|
1189
|
+
MembersIcon,
|
|
1187
1190
|
MembersName,
|
|
1188
1191
|
MembersNameAndIcon,
|
|
1189
1192
|
MoveClick,
|
|
@@ -12,10 +12,10 @@ const BookingsStrip = (props) => /* @__PURE__ */ React.createElement(
|
|
|
12
12
|
/* @__PURE__ */ React.createElement("rect", { width: "44", height: "43", x: "14", y: "14", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", rx: "3" }),
|
|
13
13
|
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#BookingsStrip__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "43", x: "14", y: "14", fill: "var(--wds-illustration-color-1, #002291)", rx: "3" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BookingsStrip__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BookingsStrip__c)", d: "M14 0h58v57H14z" }))),
|
|
14
14
|
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-background, #f8f6f6)", d: "M13 27h46v2H13zM13 42h46v2H13z" }),
|
|
15
|
-
/* @__PURE__ */ React.createElement("circle", { cx: "20.5", cy: "20.5", r: "3.5", fill: "var(--wds-illustration-color-
|
|
16
|
-
/* @__PURE__ */ React.createElement("circle", { cx: "20.5", cy: "35.5", r: "3.5", fill: "var(--wds-illustration-color-
|
|
17
|
-
/* @__PURE__ */ React.createElement("circle", { cx: "20.5", cy: "50.5", r: "3.5", fill: "var(--wds-illustration-color-
|
|
18
|
-
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-
|
|
15
|
+
/* @__PURE__ */ React.createElement("circle", { cx: "20.5", cy: "20.5", r: "3.5", fill: "var(--wds-illustration-color-1, #002291)" }),
|
|
16
|
+
/* @__PURE__ */ React.createElement("circle", { cx: "20.5", cy: "35.5", r: "3.5", fill: "var(--wds-illustration-color-1, #002291)" }),
|
|
17
|
+
/* @__PURE__ */ React.createElement("circle", { cx: "20.5", cy: "50.5", r: "3.5", fill: "var(--wds-illustration-color-1, #002291)" }),
|
|
18
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M28 22h16v1H28zM28 37h16v1H28zM28 52h16v1H28zM28 33h8v1h-8zM28 18h8v1h-8zM28 48h8v1h-8z" }),
|
|
19
19
|
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BookingsStrip__c", x1: "63.774", x2: "15.225", y1: "5.116", y2: "68.154", 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: "BookingsStrip__a" }, /* @__PURE__ */ React.createElement("rect", { width: "44", height: "43", x: "14", y: "14", fill: "#fff", rx: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "BookingsStrip__b", width: "82", height: "81", x: "2", 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_1239_43726", stdDeviation: "6" })))
|
|
20
20
|
);
|
|
21
21
|
BookingsStrip.displayName = "BookingsStrip";
|
package/dist/esm/DonutChart.js
CHANGED
|
@@ -9,9 +9,11 @@ const DonutChart = (props) => /* @__PURE__ */ React.createElement(
|
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ React.createElement("
|
|
14
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "8.999", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" }))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__a)" }, /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "27" }))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "DonutChart__d", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 9c14.912 0 27 12.088 27 27S50.912 63 36 63 9 50.912 9 36 21.088 9 36 9m0 10c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__d)" }, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__e", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__e)", clipPath: "url(#DonutChart__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "8.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DonutChart__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DonutChart__h)", d: "M43.368-20.215a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.056C3.05 20.003 9.634 45.698 29.584 57.33s45.707 4.788 57.537-15.27c11.83-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".7" }, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__i", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#DonutChart__i)", clipPath: "url(#DonutChart__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "var(--wds-illustration-color-1, #002291)", rx: "27" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#DonutChart__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#DonutChart__l)", d: "M43.367-20.214a44 44 0 0 0-6.612 1.855A42.4 42.4 0 0 0 14.88-.055C3.049 20.004 9.633 45.7 29.583 57.331S75.29 62.12 87.12 42.061c11.829-20.073 5.246-45.768-14.69-57.386-9.113-5.32-19.418-6.773-29.063-4.889" }))))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__b", width: "27", height: "27", x: "9", y: "36", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M9 36h27v27H9z" })), /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__a", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 9c14.912 0 27 12.088 27 27S50.912 63 36 63 9 50.912 9 36 21.088 9 36 9m0 10c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17" })), /* @__PURE__ */ React.createElement("mask", { id: "DonutChart__c", width: "54", height: "54", x: "9", y: "9", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M36 63h27V9H9v27h27z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "DonutChart__h", x1: "81.087", x2: "9.233", y1: "-13.461", y2: "78.228", 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: "DonutChart__l", x1: "81.086", x2: "9.232", y1: "-13.46", y2: "78.23", 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-6, #002296)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DonutChart__f" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9.001", y: "8.999", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("clipPath", { id: "DonutChart__j" }, /* @__PURE__ */ React.createElement("rect", { width: "54", height: "54", x: "9", y: "9", fill: "#fff", rx: "27" })), /* @__PURE__ */ React.createElement("filter", { id: "DonutChart__g", width: "94", height: "94", x: "4.001", y: "-26.001", 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_1490_8008", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "DonutChart__k", width: "94", height: "94", x: "4", y: "-26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_1490_8008", stdDeviation: "2.5" })))
|
|
15
17
|
);
|
|
16
18
|
DonutChart.displayName = "DonutChart";
|
|
17
19
|
export {
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const MembersIcon = (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: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-opacity-75, #f8f6f700)", opacity: ".5", rx: "3" }),
|
|
13
|
+
/* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", x: "20", y: "20", fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", rx: "3" }),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { opacity: ".5", clipPath: "url(#MembersIcon__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", fill: "var(--wds-illustration-color-1, #002291)", rx: "3", transform: "matrix(-1 0 0 1 52 20)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#MembersIcon__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MembersIcon__c)", d: "M72 52V0H20v52z" }))),
|
|
15
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" }),
|
|
16
|
+
/* @__PURE__ */ React.createElement("mask", { id: "MembersIcon__d", width: "18", height: "15", x: "27", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" })),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#MembersIcon__e)", mask: "url(#MembersIcon__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MembersIcon__f)", d: "M27 0h45v44H27z" })),
|
|
18
|
+
/* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" }),
|
|
19
|
+
/* @__PURE__ */ React.createElement("mask", { id: "MembersIcon__g", width: "18", height: "15", x: "27", y: "29", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#002294", d: "M27.305 35.853c.965 3.056 5.989 6.626 7.932 7.911.46.314 1.065.314 1.54 0 1.944-1.285 6.953-4.855 7.918-7.91a5.3 5.3 0 0 0 .23-2.657c-.345-2.056-1.958-3.741-3.973-4.113-2.03-.37-3.887.529-4.952 2.042-1.065-1.527-2.922-2.413-4.952-2.042-2.03.372-3.628 2.042-3.973 4.099a5.27 5.27 0 0 0 .23 2.656z" })),
|
|
20
|
+
/* @__PURE__ */ React.createElement("g", { filter: "url(#MembersIcon__h)", mask: "url(#MembersIcon__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#MembersIcon__i)", d: "M27 0h45v44H27z" })),
|
|
21
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "MembersIcon__c", x1: "67.332", x2: "10.572", y1: "7.375", y2: "51.856", 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: "MembersIcon__f", x1: "65.618", x2: "28.19", y1: "3.949", y2: "52.794", 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: "MembersIcon__i", x1: "65.618", x2: "28.19", y1: "3.949", y2: "52.794", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersIcon__b", width: "64", height: "64", x: "14", y: "-6", 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_1309_11667", stdDeviation: "3" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersIcon__e", width: "51", height: "50", x: "24", y: "-3", 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_1309_11667", stdDeviation: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "MembersIcon__h", width: "51", height: "50", x: "24", y: "-3", 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_1309_11667", stdDeviation: "1.5" })), /* @__PURE__ */ React.createElement("clipPath", { id: "MembersIcon__a" }, /* @__PURE__ */ React.createElement("rect", { width: "32", height: "32", fill: "#fff", rx: "3", transform: "matrix(-1 0 0 1 52 20)" })))
|
|
22
|
+
);
|
|
23
|
+
MembersIcon.displayName = "MembersIcon";
|
|
24
|
+
export {
|
|
25
|
+
MembersIcon
|
|
26
|
+
};
|
|
@@ -2,15 +2,18 @@ import React from "react";
|
|
|
2
2
|
const ShuttersAnimation = (props) => /* @__PURE__ */ React.createElement(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
|
-
viewBox: "0 0
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
6
|
fill: "none",
|
|
7
|
-
width:
|
|
8
|
-
height:
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10
10
|
...props
|
|
11
11
|
},
|
|
12
|
-
/* @__PURE__ */ React.createElement("
|
|
13
|
-
/* @__PURE__ */ React.createElement("
|
|
12
|
+
/* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__a", width: "32", height: "31", x: "20", y: "19", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M25.74 49.798h-5.525V19.964h5.525zm8.207 0h-4.103V19.964h4.103zm8.21 0h-4.104V19.964h4.104zm9.628 0h-5.524V19.964h5.524z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__a)", clipPath: "url(#ShuttersAnimation__b)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 52.958 -6.877)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__d)", d: "M3.403 18.462 35.93-14.065l32.527 32.527L35.93 50.989z" }))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("mask", { id: "ShuttersAnimation__e", width: "22", height: "36", x: "25", y: "18", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "#D9D9D9", d: "M29.845 53.127h-4.104v-30.94h4.104zm8.365 0h-4.42V18.873h4.42zm8.052 0h-4.104v-30.94h4.104z", opacity: ".5" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#ShuttersAnimation__e)", clipPath: "url(#ShuttersAnimation__f)" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 52.972 -6.871)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#ShuttersAnimation__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#ShuttersAnimation__h)", d: "M3.403 18.474 35.93-14.053l32.527 32.527L35.93 51z" }))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ShuttersAnimation__d", x1: "34.236", x2: "41.917", y1: "-6.532", y2: "56.796", 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: "ShuttersAnimation__h", x1: "34.236", x2: "41.917", y1: "-6.52", y2: "56.808", 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: "ShuttersAnimation__b" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 52.958 -6.877)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ShuttersAnimation__f" }, /* @__PURE__ */ React.createElement("rect", { width: "22.099", height: "22.099", fill: "#fff", rx: "2", transform: "rotate(-45 52.972 -6.871)" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__c", width: "75.054", height: "75.053", x: "-1.597", y: "-19.064", 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_929_3563", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "ShuttersAnimation__g", width: "75.054", height: "75.053", x: "-1.597", y: "-19.053", 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_929_3563", stdDeviation: "2.5" })))
|
|
14
17
|
);
|
|
15
18
|
ShuttersAnimation.displayName = "ShuttersAnimation";
|
|
16
19
|
export {
|
package/dist/esm/index.js
CHANGED
|
@@ -246,6 +246,7 @@ import { LiquidDivider } from "./LiquidDivider";
|
|
|
246
246
|
import { Logo } from "./Logo";
|
|
247
247
|
import { Marker } from "./Marker";
|
|
248
248
|
import { Marquee } from "./Marquee";
|
|
249
|
+
import { MembersIcon } from "./MembersIcon";
|
|
249
250
|
import { MembersName } from "./MembersName";
|
|
250
251
|
import { MembersNameAndIcon } from "./MembersNameAndIcon";
|
|
251
252
|
import { MoveClick } from "./MoveClick";
|
|
@@ -704,6 +705,7 @@ export {
|
|
|
704
705
|
Logo,
|
|
705
706
|
Marker,
|
|
706
707
|
Marquee,
|
|
708
|
+
MembersIcon,
|
|
707
709
|
MembersName,
|
|
708
710
|
MembersNameAndIcon,
|
|
709
711
|
MoveClick,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -246,6 +246,7 @@ export { LiquidDivider } from './LiquidDivider';
|
|
|
246
246
|
export { Logo } from './Logo';
|
|
247
247
|
export { Marker } from './Marker';
|
|
248
248
|
export { Marquee } from './Marquee';
|
|
249
|
+
export { MembersIcon } from './MembersIcon';
|
|
249
250
|
export { MembersName } from './MembersName';
|
|
250
251
|
export { MembersNameAndIcon } from './MembersNameAndIcon';
|
|
251
252
|
export { MoveClick } from './MoveClick';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-illustrations",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.29.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Wix Design System Illustrations",
|
|
6
6
|
"scripts": {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"devDependencies": {
|
|
12
12
|
"@typescript-eslint/parser": "^8.58.1",
|
|
13
|
-
"@wix/design-system-tokens": "1.
|
|
13
|
+
"@wix/design-system-tokens": "1.222.1",
|
|
14
14
|
"dom-serializer": "^1.0.1",
|
|
15
15
|
"domutils": "^2.8.0",
|
|
16
16
|
"esbuild": "^0.25.0",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"access": "public"
|
|
54
54
|
},
|
|
55
55
|
"packageManager": "yarn@4.0.2",
|
|
56
|
-
"falconPackageHash": "
|
|
56
|
+
"falconPackageHash": "3e0017a4b8e2c35bf22ac88dff34759a64e907c0fa345f6e72b2eef6"
|
|
57
57
|
}
|
package/src/BookingsStrip.svg
CHANGED
|
@@ -9,15 +9,15 @@
|
|
|
9
9
|
</g>
|
|
10
10
|
<rect x="13" y="27" width="46" height="2" fill="#F8F6F6"/>
|
|
11
11
|
<rect x="13" y="42" width="46" height="2" fill="#F8F6F6"/>
|
|
12
|
-
<circle cx="20.5" cy="20.5" r="3.5" fill="#
|
|
13
|
-
<circle cx="20.5" cy="35.5" r="3.5" fill="#
|
|
14
|
-
<circle cx="20.5" cy="50.5" r="3.5" fill="#
|
|
15
|
-
<rect x="28" y="22" width="16" height="1" fill="#
|
|
16
|
-
<rect x="28" y="37" width="16" height="1" fill="#
|
|
17
|
-
<rect x="28" y="52" width="16" height="1" fill="#
|
|
18
|
-
<rect x="28" y="33" width="8" height="1" fill="#
|
|
19
|
-
<rect x="28" y="18" width="8" height="1" fill="#
|
|
20
|
-
<rect x="28" y="48" width="8" height="1" fill="#
|
|
12
|
+
<circle cx="20.5" cy="20.5" r="3.5" fill="#002291"/>
|
|
13
|
+
<circle cx="20.5" cy="35.5" r="3.5" fill="#002291"/>
|
|
14
|
+
<circle cx="20.5" cy="50.5" r="3.5" fill="#002291"/>
|
|
15
|
+
<rect x="28" y="22" width="16" height="1" fill="#002291"/>
|
|
16
|
+
<rect x="28" y="37" width="16" height="1" fill="#002291"/>
|
|
17
|
+
<rect x="28" y="52" width="16" height="1" fill="#002291"/>
|
|
18
|
+
<rect x="28" y="33" width="8" height="1" fill="#002291"/>
|
|
19
|
+
<rect x="28" y="18" width="8" height="1" fill="#002291"/>
|
|
20
|
+
<rect x="28" y="48" width="8" height="1" fill="#002291"/>
|
|
21
21
|
<defs>
|
|
22
22
|
<filter id="filter0_f_1239_43726" x="2" y="-12" width="82" height="81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
23
23
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
package/src/DonutChart.svg
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<mask id="
|
|
1
|
+
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g mask="url(#wash_1_mask)"><g mask="url(#wash_0_mask)"><rect x="9.00073" y="8.99902" width="54" height="54" rx="27" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g><g mask="url(#wash_1_mask)"><g mask="url(#wash_2_mask)"><rect x="8.99951" y="9" width="54" height="54" rx="27" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/></g></g>
|
|
2
|
+
<mask id="mask0_1490_8008" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="54" height="54">
|
|
3
3
|
<path d="M36 9C50.9117 9 63 21.0883 63 36C63 50.9117 50.9117 63 36 63C21.0883 63 9 50.9117 9 36C9 21.0883 21.0883 9 36 9ZM36 19C26.6112 19 19 26.6112 19 36C19 45.3888 26.6112 53 36 53C45.3888 53 53 45.3888 53 36C53 26.6112 45.3888 19 36 19Z" fill="#D9D9D9"/>
|
|
4
4
|
</mask>
|
|
5
|
-
<g mask="url(#
|
|
6
|
-
<mask id="
|
|
5
|
+
<g mask="url(#mask0_1490_8008)">
|
|
6
|
+
<mask id="mask1_1490_8008" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="36" width="27" height="27">
|
|
7
7
|
<rect x="9" y="36" width="27" height="27" fill="#D9D9D9"/>
|
|
8
8
|
</mask>
|
|
9
|
-
<g mask="url(#
|
|
10
|
-
<g clip-path="url(#
|
|
9
|
+
<g mask="url(#mask1_1490_8008)">
|
|
10
|
+
<g clip-path="url(#clip0_1490_8008)">
|
|
11
11
|
<rect x="9.00067" y="8.99902" width="54" height="54" rx="27" fill="#002291"/>
|
|
12
|
-
<g filter="url(#
|
|
13
|
-
<path d="M43.3681 -20.2149C41.1259 -19.7691 38.9124 -19.1508 36.7563 -18.36C27.9023 -15.0816 20.0544 -8.84122 14.88 -0.0557556C3.05067 20.0027 9.63369 45.6977 29.584 57.3301C49.5343 68.9626 75.2915 62.1183 87.1208 42.0598C98.9501 21.987 92.3671 -3.70798 72.4312 -15.3261C63.3184 -20.6462 53.0127 -22.0985 43.3681 -20.2149Z" fill="url(#
|
|
12
|
+
<g filter="url(#filter0_f_1490_8008)">
|
|
13
|
+
<path d="M43.3681 -20.2149C41.1259 -19.7691 38.9124 -19.1508 36.7563 -18.36C27.9023 -15.0816 20.0544 -8.84122 14.88 -0.0557556C3.05067 20.0027 9.63369 45.6977 29.584 57.3301C49.5343 68.9626 75.2915 62.1183 87.1208 42.0598C98.9501 21.987 92.3671 -3.70798 72.4312 -15.3261C63.3184 -20.6462 53.0127 -22.0985 43.3681 -20.2149Z" fill="url(#paint0_linear_1490_8008)"/>
|
|
14
14
|
</g>
|
|
15
15
|
</g>
|
|
16
16
|
</g>
|
|
17
17
|
<g opacity="0.7">
|
|
18
|
-
<mask id="
|
|
18
|
+
<mask id="mask2_1490_8008" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="54" height="54">
|
|
19
19
|
<path d="M36 63L63 63L63 9.00001L9.00001 9L9 36L36 36L36 63Z" fill="#D9D9D9"/>
|
|
20
20
|
</mask>
|
|
21
|
-
<g mask="url(#
|
|
22
|
-
<g clip-path="url(#
|
|
21
|
+
<g mask="url(#mask2_1490_8008)">
|
|
22
|
+
<g clip-path="url(#clip1_1490_8008)">
|
|
23
23
|
<rect x="8.99957" y="9" width="54" height="54" rx="27" fill="#002291"/>
|
|
24
|
-
<g filter="url(#
|
|
25
|
-
<path d="M43.367 -20.2139C41.1248 -19.7681 38.9113 -19.1499 36.7552 -18.359C27.9012 -15.0806 20.0533 -8.84024 14.8789 -0.0547791C3.04957 20.0037 9.6326 45.6986 29.5829 57.3311C49.5332 68.9636 75.2904 62.1192 87.1197 42.0608C98.949 21.988 92.366 -3.707 72.4301 -15.3251C63.3173 -20.6453 53.0116 -22.0975 43.367 -20.2139Z" fill="url(#
|
|
24
|
+
<g filter="url(#filter1_f_1490_8008)">
|
|
25
|
+
<path d="M43.367 -20.2139C41.1248 -19.7681 38.9113 -19.1499 36.7552 -18.359C27.9012 -15.0806 20.0533 -8.84024 14.8789 -0.0547791C3.04957 20.0037 9.6326 45.6986 29.5829 57.3311C49.5332 68.9636 75.2904 62.1192 87.1197 42.0608C98.949 21.988 92.366 -3.707 72.4301 -15.3251C63.3173 -20.6453 53.0116 -22.0975 43.367 -20.2139Z" fill="url(#paint1_linear_1490_8008)"/>
|
|
26
26
|
</g>
|
|
27
27
|
</g>
|
|
28
28
|
</g>
|
|
29
29
|
</g>
|
|
30
30
|
</g>
|
|
31
31
|
<defs>
|
|
32
|
-
<filter id="
|
|
32
|
+
<filter id="filter0_f_1490_8008" x="4.00067" y="-26.001" width="94" height="94" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
33
33
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
34
34
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
35
|
-
<feGaussianBlur stdDeviation="2.5" result="
|
|
35
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1490_8008"/>
|
|
36
36
|
</filter>
|
|
37
|
-
<filter id="
|
|
37
|
+
<filter id="filter1_f_1490_8008" x="3.99957" y="-26" width="94" height="94" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
38
38
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
39
39
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
40
|
-
<feGaussianBlur stdDeviation="2.5" result="
|
|
40
|
+
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_1490_8008"/>
|
|
41
41
|
</filter>
|
|
42
|
-
<linearGradient id="
|
|
42
|
+
<linearGradient id="paint0_linear_1490_8008" x1="81.0874" y1="-13.4612" x2="9.23289" y2="78.2285" gradientUnits="userSpaceOnUse">
|
|
43
43
|
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
44
44
|
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
45
45
|
<stop offset="0.85" stop-color="#002291"/>
|
|
46
46
|
</linearGradient>
|
|
47
|
-
<linearGradient id="
|
|
47
|
+
<linearGradient id="paint1_linear_1490_8008" x1="81.0863" y1="-13.4602" x2="9.23179" y2="78.2295" gradientUnits="userSpaceOnUse">
|
|
48
48
|
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
49
49
|
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
50
50
|
<stop offset="0.85" stop-color="#002296"/>
|
|
51
51
|
</linearGradient>
|
|
52
|
-
<clipPath id="
|
|
52
|
+
<clipPath id="clip0_1490_8008">
|
|
53
53
|
<rect x="9.00067" y="8.99902" width="54" height="54" rx="27" fill="white"/>
|
|
54
54
|
</clipPath>
|
|
55
|
-
<clipPath id="
|
|
55
|
+
<clipPath id="clip1_1490_8008">
|
|
56
56
|
<rect x="8.99957" y="9" width="54" height="54" rx="27" fill="white"/>
|
|
57
57
|
</clipPath>
|
|
58
|
-
|
|
59
|
-
</svg>
|
|
58
|
+
<mask id="wash_0_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="36" width="27" height="27"><rect x="9" y="36" width="27" height="27" fill="#D9D9D9"/></mask><mask id="wash_1_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="54" height="54"><path d="M36 9C50.9117 9 63 21.0883 63 36C63 50.9117 50.9117 63 36 63C21.0883 63 9 50.9117 9 36C9 21.0883 21.0883 9 36 9ZM36 19C26.6112 19 19 26.6112 19 36C19 45.3888 26.6112 53 36 53C45.3888 53 53 45.3888 53 36C53 26.6112 45.3888 19 36 19Z" fill="#D9D9D9"/></mask><mask id="wash_2_mask" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="9" width="54" height="54"><path d="M36 63L63 63L63 9.00001L9.00001 9L9 36L36 36L36 63Z" fill="#D9D9D9"/></mask></defs>
|
|
59
|
+
</svg>
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.5"><rect x="20" y="20" width="32" height="32" rx="3" fill="var(--wds-illustration-color-opacity-75, #f8f6f700)"/></g><rect x="20" y="20" width="32" height="32" rx="3" fill="var(--wds-illustration-color-opacity-100, #f8f6f100)"/>
|
|
2
|
+
<g opacity="0.5">
|
|
3
|
+
<g clip-path="url(#clip0_1309_11667)">
|
|
4
|
+
<rect width="32" height="32" rx="3" transform="matrix(-1 8.74228e-08 8.74228e-08 1 52 20)" fill="#002291"/>
|
|
5
|
+
<g filter="url(#filter0_f_1309_11667)">
|
|
6
|
+
<path d="M72 52L72 0L20 -6.20094e-07L20 52L72 52Z" fill="url(#paint0_linear_1309_11667)"/>
|
|
7
|
+
</g>
|
|
8
|
+
</g>
|
|
9
|
+
</g>
|
|
10
|
+
<path d="M27.3051 35.8532C28.2696 38.9091 33.2936 42.4792 35.237 43.7644C35.6977 44.0785 36.3023 44.0785 36.7774 43.7644C38.7208 42.4792 43.7304 38.9091 44.6949 35.8532C44.9828 35.0392 45.0836 34.1395 44.9252 33.1971C44.5797 31.1407 42.9674 29.4557 40.9521 29.0844C38.9223 28.7131 37.0653 29.6127 36 31.1264C34.9347 29.5985 33.0777 28.7131 31.0479 29.0844C29.0182 29.4557 27.4203 31.1264 27.0748 33.1828C26.9164 34.1253 27.0172 35.0392 27.3051 35.8389V35.8532Z" fill="#002291"/>
|
|
11
|
+
<mask id="mask0_1309_11667" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="27" y="29" width="18" height="15">
|
|
12
|
+
<path d="M27.3051 35.8532C28.2696 38.9091 33.2936 42.4792 35.237 43.7644C35.6977 44.0785 36.3023 44.0785 36.7774 43.7644C38.7208 42.4792 43.7304 38.9091 44.6949 35.8532C44.9828 35.0392 45.0836 34.1395 44.9252 33.1971C44.5797 31.1407 42.9674 29.4557 40.9521 29.0844C38.9223 28.7131 37.0653 29.6127 36 31.1264C34.9347 29.5985 33.0777 28.7131 31.0479 29.0844C29.0182 29.4557 27.4203 31.1264 27.0748 33.1828C26.9164 34.1253 27.0172 35.0392 27.3051 35.8389V35.8532Z" fill="#002294"/>
|
|
13
|
+
</mask>
|
|
14
|
+
<g mask="url(#mask0_1309_11667)">
|
|
15
|
+
<g filter="url(#filter1_f_1309_11667)">
|
|
16
|
+
<rect x="27" width="45" height="44" fill="url(#paint1_linear_1309_11667)"/>
|
|
17
|
+
</g>
|
|
18
|
+
</g>
|
|
19
|
+
<path d="M27.3051 35.8532C28.2696 38.9091 33.2936 42.4792 35.237 43.7644C35.6977 44.0785 36.3023 44.0785 36.7774 43.7644C38.7208 42.4792 43.7304 38.9091 44.6949 35.8532C44.9828 35.0392 45.0836 34.1395 44.9252 33.1971C44.5797 31.1407 42.9674 29.4557 40.9521 29.0844C38.9223 28.7131 37.0653 29.6127 36 31.1264C34.9347 29.5985 33.0777 28.7131 31.0479 29.0844C29.0182 29.4557 27.4203 31.1264 27.0748 33.1828C26.9164 34.1253 27.0172 35.0392 27.3051 35.8389V35.8532Z" fill="#002291"/>
|
|
20
|
+
<mask id="mask1_1309_11667" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="27" y="29" width="18" height="15">
|
|
21
|
+
<path d="M27.3051 35.8532C28.2696 38.9091 33.2936 42.4792 35.237 43.7644C35.6977 44.0785 36.3023 44.0785 36.7774 43.7644C38.7208 42.4792 43.7304 38.9091 44.6949 35.8532C44.9828 35.0392 45.0836 34.1395 44.9252 33.1971C44.5797 31.1407 42.9674 29.4557 40.9521 29.0844C38.9223 28.7131 37.0653 29.6127 36 31.1264C34.9347 29.5985 33.0777 28.7131 31.0479 29.0844C29.0182 29.4557 27.4203 31.1264 27.0748 33.1828C26.9164 34.1253 27.0172 35.0392 27.3051 35.8389V35.8532Z" fill="#002294"/>
|
|
22
|
+
</mask>
|
|
23
|
+
<g mask="url(#mask1_1309_11667)">
|
|
24
|
+
<g filter="url(#filter2_f_1309_11667)">
|
|
25
|
+
<rect x="27" width="45" height="44" fill="url(#paint2_linear_1309_11667)"/>
|
|
26
|
+
</g>
|
|
27
|
+
</g>
|
|
28
|
+
<defs>
|
|
29
|
+
<filter id="filter0_f_1309_11667" x="14" y="-6" width="64" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
30
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
31
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
32
|
+
<feGaussianBlur stdDeviation="3" result="effect1_foregroundBlur_1309_11667"/>
|
|
33
|
+
</filter>
|
|
34
|
+
<filter id="filter1_f_1309_11667" x="24" y="-3" width="51" height="50" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
35
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
36
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
37
|
+
<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_1309_11667"/>
|
|
38
|
+
</filter>
|
|
39
|
+
<filter id="filter2_f_1309_11667" x="24" y="-3" width="51" height="50" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
40
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
41
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
42
|
+
<feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_1309_11667"/>
|
|
43
|
+
</filter>
|
|
44
|
+
<linearGradient id="paint0_linear_1309_11667" x1="67.3325" y1="7.37491" x2="10.5722" y2="51.8562" gradientUnits="userSpaceOnUse">
|
|
45
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
46
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
47
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
48
|
+
</linearGradient>
|
|
49
|
+
<linearGradient id="paint1_linear_1309_11667" x1="65.6179" y1="3.94942" x2="28.1903" y2="52.7941" gradientUnits="userSpaceOnUse">
|
|
50
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
51
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
52
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
53
|
+
</linearGradient>
|
|
54
|
+
<linearGradient id="paint2_linear_1309_11667" x1="65.6179" y1="3.94942" x2="28.1903" y2="52.7941" gradientUnits="userSpaceOnUse">
|
|
55
|
+
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
56
|
+
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
57
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
58
|
+
</linearGradient>
|
|
59
|
+
<clipPath id="clip0_1309_11667">
|
|
60
|
+
<rect width="32" height="32" rx="3" transform="matrix(-1 8.74228e-08 8.74228e-08 1 52 20)" fill="white"/>
|
|
61
|
+
</clipPath>
|
|
62
|
+
</defs>
|
|
63
|
+
</svg>
|
|
@@ -1,57 +1,52 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<path d="M22.7402 46.7979H17.2148V16.9639H22.7402V46.7979ZM30.9473 46.7979H26.8438V16.9639H30.9473V46.7979ZM39.1572 46.7979H35.0527V16.9639H39.1572V46.7979ZM48.7852 46.7979H43.2607V16.9639H48.7852V46.7979Z" fill="#D9D9D9"/>
|
|
1
|
+
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<mask id="mask0_929_3563" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="19" width="32" height="31">
|
|
3
|
+
<path d="M25.7402 49.7979H20.2148V19.9639H25.7402V49.7979ZM33.9473 49.7979H29.8438V19.9639H33.9473V49.7979ZM42.1572 49.7979H38.0527V19.9639H42.1572V49.7979ZM51.7852 49.7979H46.2607V19.9639H51.7852V49.7979Z" fill="#D9D9D9"/>
|
|
5
4
|
</mask>
|
|
6
5
|
<g mask="url(#mask0_929_3563)">
|
|
7
|
-
<g clip-path="url(#
|
|
8
|
-
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106
|
|
6
|
+
<g clip-path="url(#clip0_929_3563)">
|
|
7
|
+
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106 20.3736 35.4326)" fill="#002291"/>
|
|
9
8
|
<g filter="url(#filter0_f_929_3563)">
|
|
10
|
-
<path d="
|
|
9
|
+
<path d="M3.40302 18.4619L35.93 -14.0649L68.457 18.4619L35.93 50.9888L3.40302 18.4619Z" fill="url(#paint0_linear_929_3563)"/>
|
|
11
10
|
</g>
|
|
12
11
|
</g>
|
|
13
12
|
</g>
|
|
14
|
-
<mask id="mask1_929_3563" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="
|
|
15
|
-
<path opacity="0.5" d="
|
|
13
|
+
<mask id="mask1_929_3563" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="25" y="18" width="22" height="36">
|
|
14
|
+
<path opacity="0.5" d="M29.8452 53.127H25.7407V22.1875H29.8452V53.127ZM38.2104 53.127H33.7905V18.873H38.2104V53.127ZM46.2622 53.127H42.1577V22.1875H46.2622V53.127Z" fill="#D9D9D9"/>
|
|
16
15
|
</mask>
|
|
17
16
|
<g mask="url(#mask1_929_3563)">
|
|
18
|
-
<g clip-path="url(#
|
|
19
|
-
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106
|
|
17
|
+
<g clip-path="url(#clip1_929_3563)">
|
|
18
|
+
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106 20.3736 35.4443)" fill="#002291"/>
|
|
20
19
|
<g filter="url(#filter1_f_929_3563)">
|
|
21
|
-
<path d="
|
|
22
|
-
</g>
|
|
20
|
+
<path d="M3.40302 18.4736L35.93 -14.0532L68.457 18.4736L35.93 51.0005L3.40302 18.4736Z" fill="url(#paint1_linear_929_3563)"/>
|
|
23
21
|
</g>
|
|
24
22
|
</g>
|
|
25
23
|
</g>
|
|
26
24
|
<defs>
|
|
27
|
-
<filter id="filter0_f_929_3563" x="-
|
|
25
|
+
<filter id="filter0_f_929_3563" x="-1.59698" y="-19.0645" width="75.054" height="75.0527" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
28
26
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
29
27
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
30
28
|
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_929_3563"/>
|
|
31
29
|
</filter>
|
|
32
|
-
<filter id="filter1_f_929_3563" x="-
|
|
30
|
+
<filter id="filter1_f_929_3563" x="-1.59698" y="-19.0527" width="75.054" height="75.0527" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
33
31
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
34
32
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
35
33
|
<feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_929_3563"/>
|
|
36
34
|
</filter>
|
|
37
|
-
<linearGradient id="paint0_linear_929_3563" x1="
|
|
35
|
+
<linearGradient id="paint0_linear_929_3563" x1="34.2364" y1="-6.53221" x2="41.9171" y2="56.7961" gradientUnits="userSpaceOnUse">
|
|
38
36
|
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
39
37
|
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
40
38
|
<stop offset="0.85" stop-color="#002291"/>
|
|
41
39
|
</linearGradient>
|
|
42
|
-
<linearGradient id="paint1_linear_929_3563" x1="
|
|
40
|
+
<linearGradient id="paint1_linear_929_3563" x1="34.2364" y1="-6.52049" x2="41.9171" y2="56.8078" gradientUnits="userSpaceOnUse">
|
|
43
41
|
<stop offset="0.176006" stop-color="#EAEFF1"/>
|
|
44
42
|
<stop offset="0.576923" stop-color="#B8C4FF"/>
|
|
45
43
|
<stop offset="0.85" stop-color="#002291"/>
|
|
46
44
|
</linearGradient>
|
|
47
45
|
<clipPath id="clip0_929_3563">
|
|
48
|
-
<rect width="
|
|
46
|
+
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106 20.3736 35.4326)" fill="white"/>
|
|
49
47
|
</clipPath>
|
|
50
48
|
<clipPath id="clip1_929_3563">
|
|
51
|
-
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106
|
|
52
|
-
</clipPath>
|
|
53
|
-
<clipPath id="clip2_929_3563">
|
|
54
|
-
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106 17.3736 32.4443)" fill="white"/>
|
|
49
|
+
<rect width="22.0993" height="22.0993" rx="2" transform="matrix(0.707108 -0.707106 0.707108 0.707106 20.3736 35.4443)" fill="white"/>
|
|
55
50
|
</clipPath>
|
|
56
51
|
</defs>
|
|
57
52
|
</svg>
|