@wix/design-system-illustrations 2.44.3 → 2.45.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/BottomMenu.js +52 -0
- package/dist/cjs/FunnelStackedBarChart.js +59 -0
- package/dist/cjs/HorizontalStackedBarChart.js +57 -0
- package/dist/cjs/SideMenu.js +52 -0
- package/dist/cjs/VerticalStackedBarChart.js +57 -0
- package/dist/cjs/index.js +15 -0
- package/dist/esm/BottomMenu.js +18 -0
- package/dist/esm/FunnelStackedBarChart.js +25 -0
- package/dist/esm/HorizontalStackedBarChart.js +23 -0
- package/dist/esm/SideMenu.js +18 -0
- package/dist/esm/VerticalStackedBarChart.js +23 -0
- package/dist/esm/index.js +10 -0
- package/dist/types/BottomMenu.d.ts +5 -0
- package/dist/types/FunnelStackedBarChart.d.ts +5 -0
- package/dist/types/HorizontalStackedBarChart.d.ts +5 -0
- package/dist/types/SideMenu.d.ts +5 -0
- package/dist/types/VerticalStackedBarChart.d.ts +5 -0
- package/dist/types/index.d.ts +5 -0
- package/package.json +3 -3
- package/src/BottomMenu.svg +64 -0
- package/src/FunnelStackedBarChart.svg +184 -0
- package/src/HorizontalStackedBarChart.svg +202 -0
- package/src/MaxWidth.svg +1 -1
- package/src/SideMenu.svg +85 -0
- package/src/VerticalStackedBarChart.svg +202 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const BottomMenu = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 100 100",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 100,
|
|
8
|
+
height: 100,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#BottomMenu__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BottomMenu__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BottomMenu__c)", d: "M0 0h101v79H0z", transform: "matrix(0 1 1 0 24 -6)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BottomMenu__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BottomMenu__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BottomMenu__f)", d: "M25.953 9.133h63.024v83.415H25.953z", transform: "rotate(-.06 25.953 9.133)" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M47.104 81.05a1.948 1.948 0 1 1 3.896 0 1.948 1.948 0 0 1-3.896 0M57.104 81.05a1.948 1.948 0 1 1 3.896 0 1.948 1.948 0 0 1-3.896 0M37 81.05a1.948 1.948 0 1 1 3.896 0 1.948 1.948 0 0 1-3.896 0" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#BottomMenu__g)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#BottomMenu__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#BottomMenu__i)", d: "M44-4.82h32.088v19.485H44z" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "BottomMenu__c", x1: "86.676", x2: "24.658", y1: "7.091", y2: "108.266", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".212", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".553", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".88", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "BottomMenu__f", x1: "80.039", x2: "6.604", y1: "16.62", y2: "87.421", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".274", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".596", 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: "BottomMenu__i", x1: "71.537", x2: "58.217", y1: "-3.071", y2: "24.921", 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: "BottomMenu__a" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BottomMenu__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "BottomMenu__g" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "BottomMenu__b", width: "104.417", height: "126.417", x: "11.292", y: "-18.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6767", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "BottomMenu__e", width: "87.11", height: "107.477", x: "13.953", y: "-2.93", 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_2453_6767", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "BottomMenu__h", width: "39.73", height: "27.127", x: "40.179", y: "-8.641", 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_2453_6767", stdDeviation: "1.911" })))
|
|
14
|
+
);
|
|
15
|
+
BottomMenu.displayName = "BottomMenu";
|
|
16
|
+
export {
|
|
17
|
+
BottomMenu
|
|
18
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FunnelStackedBarChart = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M24 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M10 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M52 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-25, #f8f6f200)", d: "M38 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__e)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M48 13a2 2 0 0 1 2 2v18H9.23V15a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__h)", d: "M5.34 99h32.612V12.932H5.34z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M24 33a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__j)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__k)", d: "M24 0h58v58H24z" })))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__l)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__m)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M31 13a2 2 0 0 1 2 2v9H-3v-9a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__n)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__o)", d: "M-6.66 99h32.613V12.932H-6.66z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M10 24a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__q)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__r)", d: "M10-5h58v63H10z" })))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__s)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__t)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M73.77 13a2 2 0 0 1 2 2v37H38.23V15a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__v)", d: "M34.11 99h32.614V12.932H34.11z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__w)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M52 52a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__x)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__y)", d: "M52 26h30v32H52z" })))),
|
|
19
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__z)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".25", clipPath: "url(#FunnelStackedBarChart__A)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M55 13a2 2 0 0 1 2 2v29H29V15a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__B)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__C)", d: "M25.34 99h32.613V12.932H25.34z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#FunnelStackedBarChart__D)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M38 44a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FunnelStackedBarChart__E)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FunnelStackedBarChart__F)", d: "M38 7h36v51H38z" })))),
|
|
20
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__f" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M48 13a2 2 0 0 1 2 2v18H9.23V15a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__i" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24 33a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__l" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__m" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M31 13a2 2 0 0 1 2 2v9H-3v-9a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__p" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 24a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__s" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__t" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M73.77 13a2 2 0 0 1 2 2v37H38.23V15a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__w" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 52a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__z" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M38 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__A" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M55 13a2 2 0 0 1 2 2v29H29V15a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__D" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M38 44a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M24 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M10 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M52 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "FunnelStackedBarChart__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M38 16a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v40a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__h", x1: "33.327", x2: "-26.102", y1: "91.275", y2: "62.539", 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: "FunnelStackedBarChart__k", x1: "73.774", x2: "24.16", y1: "5.206", y2: "68.516", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".577", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".85", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FunnelStackedBarChart__o", x1: "21.328", x2: "-38.101", y1: "91.275", y2: "62.539", 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: "FunnelStackedBarChart__r", x1: "59.774", x2: "4.986", y1: ".655", y2: "65.018", 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: "FunnelStackedBarChart__v", x1: "62.098", x2: "2.669", y1: "91.275", y2: "62.539", 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: "FunnelStackedBarChart__y", x1: "77.745", x2: "50.002", y1: "28.872", y2: "62.062", 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: "FunnelStackedBarChart__C", x1: "53.328", x2: "-6.101", y1: "91.275", y2: "62.539", 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: "FunnelStackedBarChart__F", x1: "68.894", x2: "24.21", y1: "11.578", y2: "51.827", 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: "FunnelStackedBarChart__g", width: "42.994", height: "96.451", x: ".149", y: "7.739", 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_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__j", width: "68", height: "68", x: "19", y: "-5", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__n", width: "42.994", height: "96.451", x: "-11.85", y: "7.739", 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_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__q", width: "68", height: "73", x: "5", y: "-10", 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_2453_7307", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__u", width: "42.994", height: "96.451", x: "28.92", y: "7.739", 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_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__x", width: "40", height: "42", x: "47", y: "21", 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_2453_7307", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__B", width: "42.994", height: "96.451", x: "20.149", y: "7.739", 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_2453_7307", stdDeviation: "2.595" })), /* @__PURE__ */ React.createElement("filter", { id: "FunnelStackedBarChart__E", width: "46", height: "61", x: "33", y: "2", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7307", stdDeviation: "2.5" })))
|
|
21
|
+
);
|
|
22
|
+
FunnelStackedBarChart.displayName = "FunnelStackedBarChart";
|
|
23
|
+
export {
|
|
24
|
+
FunnelStackedBarChart
|
|
25
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const HorizontalStackedBarChart = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14 12a2 2 0 0 1 2-2h40a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H16a2 2 0 0 1-2-2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14 32a3 3 0 0 1 3-3h31a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M14 51a3 3 0 0 1 3-3h22a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__d)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#HorizontalStackedBarChart__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M50 10v15H33V10z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__g)", d: "M23-3h118v34H23z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#HorizontalStackedBarChart__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M56 10a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6V10z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__j)", d: "M46 5h29v26H46z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M33 10v15H16a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__m)", d: "M14-11h129v36H14z" })))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__n)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#HorizontalStackedBarChart__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40 29v15H23V29z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__q)", d: "M13 20h90v30H13z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#HorizontalStackedBarChart__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M49 29a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-9V29z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__s)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__t)", d: "M36 24h22v26H36z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M23 29v15h-7a2 2 0 0 1-2-2V31a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__v)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__w)", d: "M14 4h82v40H14z" })))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__x)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#HorizontalStackedBarChart__y)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M36 48v15h-4V48z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__z)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__A)", d: "M22 35h47v34H22z" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#HorizontalStackedBarChart__B)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M40 48a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-5V48z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__C)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__D)", d: "M31 43h18v26H31z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#HorizontalStackedBarChart__E)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M32 48v15H16a2 2 0 0 1-2-2V50a2 2 0 0 1 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#HorizontalStackedBarChart__F)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#HorizontalStackedBarChart__G)", d: "M14 23h82v40H14z" })))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 13a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M50 10v15H33V10z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M56 10a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6V10z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M33 10v15H16a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__n" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 32a3 3 0 0 1 3-3h31a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__o" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M40 29v15H23V29z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__r" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M49 29a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-9V29z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__u" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M23 29v15h-7a2 2 0 0 1-2-2V31a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__x" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 51a3 3 0 0 1 3-3h29a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__y" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M36 48v15h-4V48z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__B" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M40 48a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-5V48z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__E" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M32 48v15H16a2 2 0 0 1-2-2V50a2 2 0 0 1 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 13a3 3 0 0 1 3-3h38a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 32a3 3 0 0 1 3-3h31a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "HorizontalStackedBarChart__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M14 51a3 3 0 0 1 3-3h29a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H17a3 3 0 0 1-3-3z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "HorizontalStackedBarChart__g", x1: "124.265", x2: "111.394", y1: ".052", y2: "57.05", 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: "HorizontalStackedBarChart__j", x1: "70.887", x2: "49.339", y1: "7.334", y2: "38.003", 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: "HorizontalStackedBarChart__m", x1: "124.705", x2: "111.466", y1: "-7.769", y2: "52.765", 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: "HorizontalStackedBarChart__q", x1: "90.236", x2: "77.31", y1: "22.693", y2: "72.173", 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: "HorizontalStackedBarChart__t", x1: "54.88", x2: "32.042", y1: "26.334", y2: "50.992", 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: "HorizontalStackedBarChart__w", x1: "84.37", x2: "60.864", y1: "7.59", y2: "69.081", 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: "HorizontalStackedBarChart__A", x1: "62.334", x2: "36.633", y1: "38.052", y2: "83.386", 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: "HorizontalStackedBarChart__D", x1: "46.447", x2: "23.717", y1: "45.334", y2: "65.414", 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: "HorizontalStackedBarChart__G", x1: "84.37", x2: "60.864", y1: "26.59", y2: "88.081", 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: "HorizontalStackedBarChart__f", width: "128", height: "44", x: "18", y: "-8", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__i", width: "39", height: "36", x: "41", y: "0", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__l", width: "139", height: "46", x: "9", y: "-16", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__p", width: "100", height: "40", x: "8", y: "15", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__s", width: "32", height: "36", x: "31", y: "19", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__v", width: "92", height: "50", x: "9", y: "-1", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__z", width: "57", height: "44", x: "17", y: "30", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__C", width: "28", height: "36", x: "26", y: "38", 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_2453_6894", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "HorizontalStackedBarChart__F", width: "92", height: "50", x: "9", y: "18", 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_2453_6894", stdDeviation: "2.5" })))
|
|
19
|
+
);
|
|
20
|
+
HorizontalStackedBarChart.displayName = "HorizontalStackedBarChart";
|
|
21
|
+
export {
|
|
22
|
+
HorizontalStackedBarChart
|
|
23
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const SideMenu = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 100 100",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 100,
|
|
8
|
+
height: 100,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__a)" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "var(--wds-illustration-color-1, #002291)", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__c)", d: "M0 0h101v79H0z", transform: "matrix(0 1 1 0 24 -6)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__f)", d: "M25.953 9.133h63.024v83.415H25.953z", transform: "rotate(-.06 25.953 9.133)" })), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__g)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M28 25a6 6 0 0 1 6-6h21v72H34a6 6 0 0 1-6-6z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__i)", d: "M28-74h91V91H28z" })), /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-4, #d5dfff)", d: "M34 51.778a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M34 56.778a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M34 46.778a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M34 41.653a.65.65 0 0 1 .65-.65h12.7a.65.65 0 1 1 0 1.3h-12.7a.65.65 0 0 1-.65-.65M37.778 27.629a.6.6 0 1 1 .848.847l-.779.779.779.778a.6.6 0 1 1-.848.848L37 30.102l-.779.779a.599.599 0 1 1-.847-.848l.778-.778-.778-.779a.6.6 0 1 1 .847-.847l.779.778z" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#SideMenu__j)" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "var(--wds-illustration-color-1, #002291)", rx: "1.5" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#SideMenu__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#SideMenu__l)", d: "M44-4.82h32.088v19.485H44z" })))),
|
|
13
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__c", x1: "86.676", x2: "24.658", y1: "7.091", y2: "108.266", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".212", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".553", stopColor: "var(--wds-illustration-color-4, #d5dfff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".88", stopColor: "var(--wds-illustration-color-5, #eaeff1)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__f", x1: "80.039", x2: "6.604", y1: "16.62", y2: "87.421", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".274", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".596", 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: "SideMenu__i", x1: "106.094", x2: "-30.732", y1: "-59.19", y2: "37.103", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".176", stopColor: "var(--wds-illustration-color-5, #eaeff1)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".55", stopColor: "var(--wds-illustration-color-3, #b8c4ff)" }), /* @__PURE__ */ React.createElement("stop", { offset: ".8", stopColor: "var(--wds-illustration-color-1, #002291)" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SideMenu__l", x1: "71.537", x2: "58.217", y1: "-3.071", y2: "24.921", 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: "SideMenu__a" }, /* @__PURE__ */ React.createElement("rect", { width: "83", height: "43", fill: "#fff", rx: "6", transform: "matrix(0 -1 -1 0 71 91)" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M34 91a6 6 0 0 1-6-6V25a6 6 0 0 1 6-6h31a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__g" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M28 25a6 6 0 0 1 6-6h21v72H34a6 6 0 0 1-6-6z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SideMenu__j" }, /* @__PURE__ */ React.createElement("rect", { width: "10", height: "3", x: "44", y: "12", fill: "#fff", rx: "1.5" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__b", width: "104.417", height: "126.417", x: "11.292", y: "-18.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6834", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__e", width: "87.11", height: "107.477", x: "13.953", y: "-2.93", 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_2453_6834", stdDeviation: "6" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__h", width: "116.417", height: "190.417", x: "15.292", y: "-86.708", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_6834", stdDeviation: "6.354" })), /* @__PURE__ */ React.createElement("filter", { id: "SideMenu__k", width: "39.73", height: "27.127", x: "40.179", y: "-8.641", 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_2453_6834", stdDeviation: "1.911" })))
|
|
14
|
+
);
|
|
15
|
+
SideMenu.displayName = "SideMenu";
|
|
16
|
+
export {
|
|
17
|
+
SideMenu
|
|
18
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const VerticalStackedBarChart = (props) => /* @__PURE__ */ React.createElement(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
viewBox: "0 0 72 72",
|
|
6
|
+
fill: "none",
|
|
7
|
+
width: 72,
|
|
8
|
+
height: 72,
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
...props
|
|
11
|
+
},
|
|
12
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__a)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M23 58a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2H12a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__b)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M41 58a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v31a3 3 0 0 0 3 3z" })),
|
|
14
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__c)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-opacity-100, #f8f6f100)", d: "M60 58a3 3 0 0 0 3-3V33a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3z" })),
|
|
15
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__d)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#VerticalStackedBarChart__e)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 22H10v17h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__f)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__g)", d: "M0 0h118v34H0z", transform: "matrix(0 -1 -1 0 38 49)" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#VerticalStackedBarChart__h)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 16a2 2 0 0 0-2-2H12a2 2 0 0 0-2 2v6h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__i)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__j)", d: "M0 0h29v26H0z", transform: "matrix(0 -1 -1 0 30 26)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__k)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M25 39H10v17a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__l)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__m)", d: "M0 0h129v36H0z", transform: "matrix(0 -1 -1 0 46 58)" })))),
|
|
16
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__n)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#VerticalStackedBarChart__o)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M44 32H29v17h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__p)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__q)", d: "M0 0h90v30H0z", transform: "matrix(0 -1 -1 0 53 59)" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#VerticalStackedBarChart__r)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M44 23a2 2 0 0 0-2-2H31a2 2 0 0 0-2 2v9h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__s)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__t)", d: "M0 0h22v26H0z", transform: "matrix(0 -1 -1 0 49 36)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__u)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M44 49H29v7a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__v)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__w)", d: "M0 0h82v40H0z", transform: "matrix(0 -1 -1 0 69 58)" })))),
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__x)" }, /* @__PURE__ */ React.createElement("g", { opacity: ".65", clipPath: "url(#VerticalStackedBarChart__y)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 36H48v4h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__z)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__A)", d: "M0 0h47v34H0z", transform: "matrix(0 -1 -1 0 76 50)" }))), /* @__PURE__ */ React.createElement("g", { opacity: ".35", clipPath: "url(#VerticalStackedBarChart__B)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 32a2 2 0 0 0-2-2H50a2 2 0 0 0-2 2v5h15z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__C)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__D)", d: "M0 0h18v26H0z", transform: "matrix(0 -1 -1 0 68 41)" }))), /* @__PURE__ */ React.createElement("g", { clipPath: "url(#VerticalStackedBarChart__E)" }, /* @__PURE__ */ React.createElement("path", { fill: "var(--wds-illustration-color-1, #002291)", d: "M63 40H48v16a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#VerticalStackedBarChart__F)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#VerticalStackedBarChart__G)", d: "M0 0h82v40H0z", transform: "matrix(0 -1 -1 0 88 58)" })))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__d" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 58a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v38a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__e" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 22H10v17h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__h" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 16a2 2 0 0 0-2-2H12a2 2 0 0 0-2 2v6h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__k" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M25 39H10v17a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__n" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41 58a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v31a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__o" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44 32H29v17h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__r" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44 23a2 2 0 0 0-2-2H31a2 2 0 0 0-2 2v9h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__u" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M44 49H29v7a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__x" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M60 58a3 3 0 0 0 3-3V26a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v29a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__y" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M63 36H48v4h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__B" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M63 32a2 2 0 0 0-2-2H50a2 2 0 0 0-2 2v5h15z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__E" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M63 40H48v16a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__a" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M22 58a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v38a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__b" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M41 58a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v31a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("clipPath", { id: "VerticalStackedBarChart__c" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M60 58a3 3 0 0 0 3-3V26a3 3 0 0 0-3-3h-9a3 3 0 0 0-3 3v29a3 3 0 0 0 3 3z" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "VerticalStackedBarChart__g", x1: "101.265", x2: "88.394", y1: "3.052", y2: "60.05", 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: "VerticalStackedBarChart__j", x1: "24.887", x2: "3.339", y1: "2.334", y2: "33.003", 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: "VerticalStackedBarChart__m", x1: "110.705", x2: "97.466", y1: "3.231", y2: "63.765", 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: "VerticalStackedBarChart__q", x1: "77.236", x2: "64.31", y1: "2.693", y2: "52.173", 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: "VerticalStackedBarChart__t", x1: "18.88", x2: "-3.958", y1: "2.334", y2: "26.992", 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: "VerticalStackedBarChart__w", x1: "70.37", x2: "46.864", y1: "3.59", y2: "65.081", 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: "VerticalStackedBarChart__A", x1: "40.334", x2: "14.633", y1: "3.052", y2: "48.386", 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: "VerticalStackedBarChart__D", x1: "15.447", x2: "-7.283", y1: "2.334", y2: "22.414", 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: "VerticalStackedBarChart__G", x1: "70.37", x2: "46.864", y1: "3.59", y2: "65.081", 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: "VerticalStackedBarChart__f", width: "44", height: "128", x: "-1", y: "-74", 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_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__i", width: "36", height: "39", x: "-1", y: "-8", 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_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__l", width: "46", height: "139", x: "5", y: "-76", 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_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__p", width: "40", height: "100", x: "18", y: "-36", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__s", width: "36", height: "32", x: "18", y: "9", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__v", width: "50", height: "92", x: "24", y: "-29", 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_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__z", width: "44", height: "57", x: "37", y: "-2", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__C", width: "36", height: "28", x: "37", y: "18", 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_2453_7136", stdDeviation: "2.5" })), /* @__PURE__ */ React.createElement("filter", { id: "VerticalStackedBarChart__F", width: "50", height: "92", x: "43", y: "-29", 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_2453_7136", stdDeviation: "2.5" })))
|
|
19
|
+
);
|
|
20
|
+
VerticalStackedBarChart.displayName = "VerticalStackedBarChart";
|
|
21
|
+
export {
|
|
22
|
+
VerticalStackedBarChart
|
|
23
|
+
};
|
package/dist/esm/index.js
CHANGED
|
@@ -89,6 +89,7 @@ import { BookingsSideBySide } from "./BookingsSideBySide";
|
|
|
89
89
|
import { BookingsStrip } from "./BookingsStrip";
|
|
90
90
|
import { BookingsWeekly } from "./BookingsWeekly";
|
|
91
91
|
import { Bottom } from "./Bottom";
|
|
92
|
+
import { BottomMenu } from "./BottomMenu";
|
|
92
93
|
import { Bounce } from "./Bounce";
|
|
93
94
|
import { BounceAnimation } from "./BounceAnimation";
|
|
94
95
|
import { BounceEntrance } from "./BounceEntrance";
|
|
@@ -195,6 +196,7 @@ import { FormLayoutAboveIdentity } from "./FormLayoutAboveIdentity";
|
|
|
195
196
|
import { FormLayoutBelowIdentity } from "./FormLayoutBelowIdentity";
|
|
196
197
|
import { Freeform } from "./Freeform";
|
|
197
198
|
import { FreeformImage } from "./FreeformImage";
|
|
199
|
+
import { FunnelStackedBarChart } from "./FunnelStackedBarChart";
|
|
198
200
|
import { GalleryAppear } from "./GalleryAppear";
|
|
199
201
|
import { GalleryAppears } from "./GalleryAppears";
|
|
200
202
|
import { GalleryBlur } from "./GalleryBlur";
|
|
@@ -233,6 +235,7 @@ import { HexagonalImage } from "./HexagonalImage";
|
|
|
233
235
|
import { HillDivider } from "./HillDivider";
|
|
234
236
|
import { HorizontalBarChart } from "./HorizontalBarChart";
|
|
235
237
|
import { HorizontalBarGroupedChart } from "./HorizontalBarGroupedChart";
|
|
238
|
+
import { HorizontalStackedBarChart } from "./HorizontalStackedBarChart";
|
|
236
239
|
import { IconPositionBottom } from "./IconPositionBottom";
|
|
237
240
|
import { IconPositionLeft } from "./IconPositionLeft";
|
|
238
241
|
import { IconPositionRight } from "./IconPositionRight";
|
|
@@ -411,6 +414,7 @@ import { ShrinkScroll } from "./ShrinkScroll";
|
|
|
411
414
|
import { Shuffle } from "./Shuffle";
|
|
412
415
|
import { ShuttersAnimation } from "./ShuttersAnimation";
|
|
413
416
|
import { ShuttersScroll } from "./ShuttersScroll";
|
|
417
|
+
import { SideMenu } from "./SideMenu";
|
|
414
418
|
import { Skew3DMouse } from "./Skew3DMouse";
|
|
415
419
|
import { SkewClick } from "./SkewClick";
|
|
416
420
|
import { SkewHover } from "./SkewHover";
|
|
@@ -530,6 +534,7 @@ import { UpToDownSmall } from "./UpToDownSmall";
|
|
|
530
534
|
import { UploadMedia } from "./UploadMedia";
|
|
531
535
|
import { VerticalBarChart } from "./VerticalBarChart";
|
|
532
536
|
import { VerticalBarGroupedChart } from "./VerticalBarGroupedChart";
|
|
537
|
+
import { VerticalStackedBarChart } from "./VerticalStackedBarChart";
|
|
533
538
|
import { VideoLink } from "./VideoLink";
|
|
534
539
|
import { VideoMobileHorizontal } from "./VideoMobileHorizontal";
|
|
535
540
|
import { VideoMobileLayoutCompact } from "./VideoMobileLayoutCompact";
|
|
@@ -640,6 +645,7 @@ export {
|
|
|
640
645
|
BookingsStrip,
|
|
641
646
|
BookingsWeekly,
|
|
642
647
|
Bottom,
|
|
648
|
+
BottomMenu,
|
|
643
649
|
Bounce,
|
|
644
650
|
BounceAnimation,
|
|
645
651
|
BounceEntrance,
|
|
@@ -746,6 +752,7 @@ export {
|
|
|
746
752
|
FormLayoutBelowIdentity,
|
|
747
753
|
Freeform,
|
|
748
754
|
FreeformImage,
|
|
755
|
+
FunnelStackedBarChart,
|
|
749
756
|
GalleryAppear,
|
|
750
757
|
GalleryAppears,
|
|
751
758
|
GalleryBlur,
|
|
@@ -784,6 +791,7 @@ export {
|
|
|
784
791
|
HillDivider,
|
|
785
792
|
HorizontalBarChart,
|
|
786
793
|
HorizontalBarGroupedChart,
|
|
794
|
+
HorizontalStackedBarChart,
|
|
787
795
|
IconPositionBottom,
|
|
788
796
|
IconPositionLeft,
|
|
789
797
|
IconPositionRight,
|
|
@@ -962,6 +970,7 @@ export {
|
|
|
962
970
|
Shuffle,
|
|
963
971
|
ShuttersAnimation,
|
|
964
972
|
ShuttersScroll,
|
|
973
|
+
SideMenu,
|
|
965
974
|
Skew3DMouse,
|
|
966
975
|
SkewClick,
|
|
967
976
|
SkewHover,
|
|
@@ -1081,6 +1090,7 @@ export {
|
|
|
1081
1090
|
UploadMedia,
|
|
1082
1091
|
VerticalBarChart,
|
|
1083
1092
|
VerticalBarGroupedChart,
|
|
1093
|
+
VerticalStackedBarChart,
|
|
1084
1094
|
VideoLink,
|
|
1085
1095
|
VideoMobileHorizontal,
|
|
1086
1096
|
VideoMobileLayoutCompact,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -89,6 +89,7 @@ export { BookingsSideBySide } from './BookingsSideBySide';
|
|
|
89
89
|
export { BookingsStrip } from './BookingsStrip';
|
|
90
90
|
export { BookingsWeekly } from './BookingsWeekly';
|
|
91
91
|
export { Bottom } from './Bottom';
|
|
92
|
+
export { BottomMenu } from './BottomMenu';
|
|
92
93
|
export { Bounce } from './Bounce';
|
|
93
94
|
export { BounceAnimation } from './BounceAnimation';
|
|
94
95
|
export { BounceEntrance } from './BounceEntrance';
|
|
@@ -195,6 +196,7 @@ export { FormLayoutAboveIdentity } from './FormLayoutAboveIdentity';
|
|
|
195
196
|
export { FormLayoutBelowIdentity } from './FormLayoutBelowIdentity';
|
|
196
197
|
export { Freeform } from './Freeform';
|
|
197
198
|
export { FreeformImage } from './FreeformImage';
|
|
199
|
+
export { FunnelStackedBarChart } from './FunnelStackedBarChart';
|
|
198
200
|
export { GalleryAppear } from './GalleryAppear';
|
|
199
201
|
export { GalleryAppears } from './GalleryAppears';
|
|
200
202
|
export { GalleryBlur } from './GalleryBlur';
|
|
@@ -233,6 +235,7 @@ export { HexagonalImage } from './HexagonalImage';
|
|
|
233
235
|
export { HillDivider } from './HillDivider';
|
|
234
236
|
export { HorizontalBarChart } from './HorizontalBarChart';
|
|
235
237
|
export { HorizontalBarGroupedChart } from './HorizontalBarGroupedChart';
|
|
238
|
+
export { HorizontalStackedBarChart } from './HorizontalStackedBarChart';
|
|
236
239
|
export { IconPositionBottom } from './IconPositionBottom';
|
|
237
240
|
export { IconPositionLeft } from './IconPositionLeft';
|
|
238
241
|
export { IconPositionRight } from './IconPositionRight';
|
|
@@ -411,6 +414,7 @@ export { ShrinkScroll } from './ShrinkScroll';
|
|
|
411
414
|
export { Shuffle } from './Shuffle';
|
|
412
415
|
export { ShuttersAnimation } from './ShuttersAnimation';
|
|
413
416
|
export { ShuttersScroll } from './ShuttersScroll';
|
|
417
|
+
export { SideMenu } from './SideMenu';
|
|
414
418
|
export { Skew3DMouse } from './Skew3DMouse';
|
|
415
419
|
export { SkewClick } from './SkewClick';
|
|
416
420
|
export { SkewHover } from './SkewHover';
|
|
@@ -530,6 +534,7 @@ export { UpToDownSmall } from './UpToDownSmall';
|
|
|
530
534
|
export { UploadMedia } from './UploadMedia';
|
|
531
535
|
export { VerticalBarChart } from './VerticalBarChart';
|
|
532
536
|
export { VerticalBarGroupedChart } from './VerticalBarGroupedChart';
|
|
537
|
+
export { VerticalStackedBarChart } from './VerticalStackedBarChart';
|
|
533
538
|
export { VideoLink } from './VideoLink';
|
|
534
539
|
export { VideoMobileHorizontal } from './VideoMobileHorizontal';
|
|
535
540
|
export { VideoMobileLayoutCompact } from './VideoMobileLayoutCompact';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-illustrations",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.45.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Wix Design System Illustrations",
|
|
6
6
|
"scripts": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"devDependencies": {
|
|
12
12
|
"@types/react": "^18.3.16",
|
|
13
13
|
"@typescript-eslint/parser": "^8.58.1",
|
|
14
|
-
"@wix/design-system-tokens": "1.
|
|
14
|
+
"@wix/design-system-tokens": "1.240.0",
|
|
15
15
|
"dom-serializer": "^1.0.1",
|
|
16
16
|
"domutils": "^2.8.0",
|
|
17
17
|
"esbuild": "^0.25.0",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"registry": "https://registry.npmjs.org/",
|
|
54
54
|
"access": "public"
|
|
55
55
|
},
|
|
56
|
-
"falconPackageHash": "
|
|
56
|
+
"falconPackageHash": "da71366cbaf17003bdf4c6bf5f1dccb506c63200978a83b07f5df632"
|
|
57
57
|
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_2453_6767)">
|
|
3
|
+
<rect width="83" height="43" rx="6" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 71 91)" fill="#002291"/>
|
|
4
|
+
<g filter="url(#filter0_f_2453_6767)">
|
|
5
|
+
<rect width="101" height="79" transform="matrix(1.19249e-08 1 1 -1.19249e-08 24 -6)" fill="url(#paint0_linear_2453_6767)"/>
|
|
6
|
+
</g>
|
|
7
|
+
<g clip-path="url(#clip1_2453_6767)">
|
|
8
|
+
<path d="M34 91C30.6863 91 28 88.3137 28 85V25C28 21.6863 30.6863 19 34 19H65C68.3137 19 71 21.6863 71 25V85C71 88.3137 68.3137 91 65 91H34Z" fill="#002291"/>
|
|
9
|
+
<g filter="url(#filter1_f_2453_6767)">
|
|
10
|
+
<rect x="25.9532" y="9.13281" width="63.0242" height="83.4147" transform="rotate(-0.0592402 25.9532 9.13281)" fill="url(#paint1_linear_2453_6767)"/>
|
|
11
|
+
</g>
|
|
12
|
+
<path d="M47.1037 81.0496C47.1037 79.9737 47.9759 79.1016 49.0518 79.1016C50.1277 79.1016 50.9999 79.9737 50.9999 81.0496C50.9999 82.1255 50.1277 82.9977 49.0518 82.9977C47.9759 82.9977 47.1037 82.1255 47.1037 81.0496Z" fill="#002291"/>
|
|
13
|
+
<path d="M57.1036 81.0496C57.1036 79.9737 57.9758 79.1016 59.0517 79.1016C60.1276 79.1016 60.9998 79.9737 60.9998 81.0496C60.9998 82.1255 60.1276 82.9977 59.0517 82.9977C57.9758 82.9977 57.1036 82.1255 57.1036 81.0496Z" fill="#002291"/>
|
|
14
|
+
<path d="M36.9998 81.0496C36.9998 79.9737 37.872 79.1016 38.9479 79.1016C40.0238 79.1016 40.896 79.9737 40.896 81.0496C40.896 82.1255 40.0238 82.9977 38.9479 82.9977C37.872 82.9977 36.9998 82.1255 36.9998 81.0496Z" fill="#002291"/>
|
|
15
|
+
</g>
|
|
16
|
+
<g clip-path="url(#clip2_2453_6767)">
|
|
17
|
+
<rect x="44" y="12" width="10" height="3" rx="1.5" fill="#002291"/>
|
|
18
|
+
<g filter="url(#filter2_f_2453_6767)">
|
|
19
|
+
<path d="M44.0001 -4.82031H76.0883V14.665H44.0001V-4.82031Z" fill="url(#paint2_linear_2453_6767)"/>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
</g>
|
|
23
|
+
<defs>
|
|
24
|
+
<filter id="filter0_f_2453_6767" x="11.2917" y="-18.7083" width="104.417" height="126.417" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
25
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
26
|
+
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
27
|
+
<feGaussianBlur stdDeviation="6.35417" result="effect1_foregroundBlur_2453_6767"/>
|
|
28
|
+
</filter>
|
|
29
|
+
<filter id="filter1_f_2453_6767" x="13.9532" y="-2.92969" width="87.1104" height="107.477" 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="6" result="effect1_foregroundBlur_2453_6767"/>
|
|
33
|
+
</filter>
|
|
34
|
+
<filter id="filter2_f_2453_6767" x="40.179" y="-8.64139" width="39.7304" height="27.1265" 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.91054" result="effect1_foregroundBlur_2453_6767"/>
|
|
38
|
+
</filter>
|
|
39
|
+
<linearGradient id="paint0_linear_2453_6767" x1="86.6757" y1="7.09101" x2="24.6581" y2="108.266" gradientUnits="userSpaceOnUse">
|
|
40
|
+
<stop offset="0.211538" stop-color="#B8C4FF"/>
|
|
41
|
+
<stop offset="0.552885" stop-color="#D5DFFF"/>
|
|
42
|
+
<stop offset="0.879808" stop-color="#EAEFF1"/>
|
|
43
|
+
</linearGradient>
|
|
44
|
+
<linearGradient id="paint1_linear_2453_6767" x1="80.039" y1="16.6201" x2="6.6037" y2="87.4206" gradientUnits="userSpaceOnUse">
|
|
45
|
+
<stop offset="0.274038" stop-color="#EAEFF1"/>
|
|
46
|
+
<stop offset="0.596154" stop-color="#B8C4FF"/>
|
|
47
|
+
<stop offset="0.85" stop-color="#002291"/>
|
|
48
|
+
</linearGradient>
|
|
49
|
+
<linearGradient id="paint2_linear_2453_6767" x1="71.5374" y1="-3.07132" x2="58.2165" y2="24.9209" 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
|
+
<clipPath id="clip0_2453_6767">
|
|
55
|
+
<rect width="83" height="43" rx="6" transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 71 91)" fill="white"/>
|
|
56
|
+
</clipPath>
|
|
57
|
+
<clipPath id="clip1_2453_6767">
|
|
58
|
+
<path d="M34 91C30.6863 91 28 88.3137 28 85V25C28 21.6863 30.6863 19 34 19H65C68.3137 19 71 21.6863 71 25V85C71 88.3137 68.3137 91 65 91H34Z" fill="white"/>
|
|
59
|
+
</clipPath>
|
|
60
|
+
<clipPath id="clip2_2453_6767">
|
|
61
|
+
<rect x="44" y="12" width="10" height="3" rx="1.5" fill="white"/>
|
|
62
|
+
</clipPath>
|
|
63
|
+
</defs>
|
|
64
|
+
</svg>
|