@wix/design-system-illustrations 2.27.0 → 2.28.1
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/FadeAnimation.js +53 -0
- package/dist/cjs/animated/ElementsFixedHeight.js +2 -2
- package/dist/cjs/animated/ElementsFixedMargins.js +2 -2
- package/dist/cjs/animated/ElementsScale.js +2 -2
- package/dist/cjs/animated/SectionFixedHeight.js +3 -3
- package/dist/cjs/animated/SectionScale.js +2 -2
- package/dist/cjs/index.js +3 -3
- package/dist/esm/FadeAnimation.js +19 -0
- package/dist/esm/animated/ElementsFixedHeight.js +2 -2
- package/dist/esm/animated/ElementsFixedMargins.js +2 -2
- package/dist/esm/animated/ElementsScale.js +2 -2
- package/dist/esm/animated/SectionFixedHeight.js +3 -3
- package/dist/esm/animated/SectionScale.js +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/types/{FadeAnimationFadeAnimation.d.ts → FadeAnimation.d.ts} +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +3 -3
- package/dist/cjs/FadeAnimationFadeAnimation.js +0 -53
- package/dist/esm/FadeAnimationFadeAnimation.js +0 -19
- /package/src/{FadeAnimationFadeAnimation.svg → FadeAnimation.svg} +0 -0
|
@@ -0,0 +1,53 @@
|
|
|
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 FadeAnimation_exports = {};
|
|
30
|
+
__export(FadeAnimation_exports, {
|
|
31
|
+
FadeAnimation: () => FadeAnimation
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(FadeAnimation_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
const FadeAnimation = (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("mask", { id: "FadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimation__a)", d: "M22 22h28v28H22z" })),
|
|
46
|
+
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FadeAnimation__b)", clipPath: "url(#FadeAnimation__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
|
|
47
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimation__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17877", stdDeviation: "2.5" })))
|
|
48
|
+
);
|
|
49
|
+
FadeAnimation.displayName = "FadeAnimation";
|
|
50
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
51
|
+
0 && (module.exports = {
|
|
52
|
+
FadeAnimation
|
|
53
|
+
});
|
|
@@ -75,8 +75,8 @@ const ElementsFixedHeight = (0, import_react.forwardRef)(
|
|
|
75
75
|
className: ["ElementsFixedHeight-root", className].filter(Boolean).join(" "),
|
|
76
76
|
...props
|
|
77
77
|
},
|
|
78
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "
|
|
79
|
-
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "
|
|
78
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint1_linear_16_18", x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedHeight-paint2_linear_16_18", x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedHeight-filter0_i_16_18", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_16_18" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedHeight-filter1_f_16_18", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip0_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip1_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip2_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedHeight-clip3_16_18" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedHeight-node-4-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-crop-node-16" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip1_16_18)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip2_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "#EAEFFF", className: "ElementsFixedHeight-node-7-3" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedHeight-group-mrw4nj39-4" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: "url(#ElementsFixedHeight-paint0_linear_16_18)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M169.012 59.7176C169.012 59.7176 131.172 47.5971 129.327 46.983C127.481 46.369 116.031 43.5279 119.416 51.7194C122.78 59.8597 124.623 62.9902 125.356 64.3802C126.089 65.7703 129.074 71.4339 121.565 73.5239C113.053 75.8916 67.1477 87.1357 67.1477 87.1357V93.5932H169.012V59.7176Z", fill: "url(#ElementsFixedHeight-paint1_linear_16_18)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedHeight-node-10-3", clipPath: "url(#ElementsFixedHeight-clip3_16_18)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter1_f_16_18)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.8074 32.1431C98.0424 32.2952 97.2871 32.5062 96.5515 32.776C93.5305 33.8946 90.8528 36.0238 89.0873 39.0214C85.0512 45.8653 87.2973 54.6324 94.1043 58.6014C100.911 62.5704 109.7 60.2351 113.736 53.3912C117.772 46.5424 115.526 37.7753 108.724 33.8112C105.614 31.996 102.098 31.5005 98.8074 32.1431Z", fill: "url(#ElementsFixedHeight-paint2_linear_16_18)" }))))))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M41.7646 67.4559V59.4559C41.7646 58.9036 41.3169 58.4559 40.7646 58.4559C40.2124 58.4559 39.7646 58.9036 39.7646 59.4559V67.4559C39.7646 68.0082 40.2124 68.4559 40.7646 68.4559C41.3169 68.4559 41.7646 68.0082 41.7646 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-14-3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M195.765 67.4559V59.4559C195.765 58.9036 195.317 58.4559 194.765 58.4559C194.212 58.4559 193.765 58.9036 193.765 59.4559V67.4559C193.765 68.0082 194.212 68.4559 194.765 68.4559C195.317 68.4559 195.765 68.0082 195.765 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-15" })))
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
);
|
|
@@ -75,8 +75,8 @@ const ElementsFixedMargins = (0, import_react.forwardRef)(
|
|
|
75
75
|
className: ["ElementsFixedMargins-root", className].filter(Boolean).join(" "),
|
|
76
76
|
...props
|
|
77
77
|
},
|
|
78
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint0_linear_25_1905", x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "
|
|
79
|
-
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter0_i_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
78
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint0_linear_25_1905", x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint1_linear_25_1905", x1: "77.9922", y1: "27.5615", x2: "139.345", y2: "103.66", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsFixedMargins-paint2_linear_25_1905", x1: "111.38", y1: "34.5575", x2: "86.8637", y2: "65.8419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedMargins-filter0_i_25_1905", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_25_1905" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsFixedMargins-filter1_f_25_1905", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_25_1905" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedMargins-clip1_25_1905" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsFixedMargins-clip2_25_1905" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter0_i_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedMargins-node-4", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 68V60C42 59.4477 41.5523 59 41 59C40.4477 59 40 59.4477 40 60V68C40 68.5523 40.4477 69 41 69C41.5523 69 42 68.5523 42 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-5" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 68V60C196 59.4477 195.552 59 195 59C194.448 59 194 59.4477 194 60V68C194 68.5523 194.448 69 195 69C195.552 69 196 68.5523 196 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-6" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-crop-mrxa8x22-k" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedMargins-clip1_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "ElementsFixedMargins-group-mrx7juoz-d" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.12 47.3696L91.522 82.2605L140.743 76.5215L119.12 47.3696Z", fill: "url(#ElementsFixedMargins-paint0_linear_25_1905)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M168.715 59.8276C168.715 59.8276 130.875 47.7071 129.03 47.093C127.184 46.479 115.734 43.6378 119.119 51.8294C122.483 59.9697 124.326 63.1002 125.059 64.4902C125.792 65.8802 128.777 71.5439 121.268 73.6339C112.756 76.0016 66.8508 87.2457 66.8508 87.2457V93.7032H168.715V59.8276Z", fill: "url(#ElementsFixedMargins-paint1_linear_25_1905)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsFixedMargins-node-11", clipPath: "url(#ElementsFixedMargins-clip2_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter1_f_25_1905)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M98.5106 32.2531C97.7455 32.4052 96.9903 32.6162 96.2546 32.886C93.2336 34.0046 90.556 36.1338 88.7904 39.1314C84.7543 45.9753 87.0004 54.7424 93.8074 58.7114C100.614 62.6804 109.403 60.3451 113.439 53.5012C117.475 46.6523 115.229 37.8852 108.427 33.9212C105.318 32.1059 101.801 31.6104 98.5106 32.2531Z", fill: "url(#ElementsFixedMargins-paint2_linear_25_1905)" })))))))
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
);
|
|
@@ -75,8 +75,8 @@ const ElementsScale = (0, import_react.forwardRef)(
|
|
|
75
75
|
className: ["ElementsScale-root", className].filter(Boolean).join(" "),
|
|
76
76
|
...props
|
|
77
77
|
},
|
|
78
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12361", x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "
|
|
79
|
-
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter0_i_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip0_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
78
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12361", x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12403", x1: "113.562", y1: "61.7065", x2: "126.645", y2: "72.2151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint1_linear_4125_12361", x1: "95.2177", y1: "37.3346", x2: "140.84", y2: "82.5369", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint1_linear_4125_12403", x1: "104.902", y1: "48.661", x2: "130.774", y2: "74.2946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint2_linear_4125_12361", x1: "113.012", y1: "41.6462", x2: "94.9412", y2: "64.7056", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "ElementsScale-paint2_linear_4125_12403", x1: "114.992", y1: "51.1105", x2: "104.744", y2: "64.1871", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter0_i_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter1_f_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.01565", result: "effect1_foregroundBlur_4125_12361" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip0_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip1_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.8125", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip2_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "41.6619", rx: "3.9058", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip3_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip4_4125_12361" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter0_i_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "ElementsScale-filter1_f_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "0.575959", result: "effect1_foregroundBlur_4125_12403" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip0_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "23.6259", rx: "2.21493", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip1_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "ElementsScale-clip2_4125_12403" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "white" }))),
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter0_i_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip0_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#f8f6f6", className: "ElementsScale-node-3", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "ElementsScale-Frame-2147240028" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip1_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip2_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip3_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "#eaefff" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z", fill: "url(#ElementsScale-paint0_linear_4125_12361)" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M147.883 60.7829C147.883 60.7829 125.917 51.9748 124.845 51.5285C123.774 51.0823 117.127 49.0176 119.092 54.9706C121.045 60.8862 122.115 63.1612 122.541 64.1714C122.966 65.1815 124.699 69.2975 120.34 70.8162C115.398 72.5369 88.75 80.7082 88.75 80.7082V85.401H147.883V60.7829Z", fill: "url(#ElementsScale-paint1_linear_4125_12361)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip4_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter1_f_4125_12361)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M103.526 39.9477C102.962 40.0598 102.405 40.2153 101.863 40.4142C99.6365 41.2387 97.6628 42.8081 96.3614 45.0176C93.3864 50.0622 95.042 56.5243 100.059 59.4498C105.077 62.3753 111.555 60.6539 114.53 55.6094C117.505 50.5612 115.849 44.0991 110.835 41.1772C108.543 39.8392 105.952 39.474 103.526 39.9477Z", fill: "url(#ElementsScale-paint2_linear_4125_12361)" })))))))))))))))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 59H40V69H42V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 59H194V69H196V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_5" }))))
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
);
|
|
@@ -75,9 +75,9 @@ const SectionFixedHeight = (0, import_react.forwardRef)(
|
|
|
75
75
|
className: ["SectionFixedHeight-root", className].filter(Boolean).join(" "),
|
|
76
76
|
...props
|
|
77
77
|
},
|
|
78
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "
|
|
79
|
-
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
80
|
-
/* @__PURE__ */ import_react.default.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "
|
|
78
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5980", x1: "72.6142", y1: "9.26832", x2: "-18.2597", y2: "104.292", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint1_linear_1118_5963", x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionFixedHeight-paint1_linear_1118_5980", x1: "180.417", y1: "18.5925", x2: "134.568", y2: "99.4575", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter0_i_1118_5980", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5980" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter1_f_1118_5980", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "11.6304", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter2_f_1118_5980", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip0_1118_5980" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip1_1118_5980" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter0_i_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter1_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionFixedHeight-filter2_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip0_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionFixedHeight-clip1_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" }))),
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "SectionFixedHeight-node-3-2", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "#B8C4FF", className: "SectionFixedHeight-node-4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "#B8C4FF", className: "SectionFixedHeight-node-5" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "SectionFixedHeight-crop-node-7-3" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { display: "none", fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "#F8F6F6" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "SectionFixedHeight-node-8", clipPath: "url(#SectionFixedHeight-clip0_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter1_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: "url(#SectionFixedHeight-paint0_linear_1118_5963)", className: "SectionFixedHeight-node-11" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("rect", { x: "93.3218", y: "53.2649", width: "49.7295", height: "1.66238", rx: "0.831192", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.623", y: "59.0569", width: "27.1252", height: "1.66238", rx: "0.831192", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip1_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter2_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: "url(#SectionFixedHeight-paint1_linear_1118_5963)" })))))))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "#F8F6F6", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip0_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter1_f_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 184.384 93.502 L 184.384004 8.8873 L 81.127004 8.887295 L 81.127 93.501995 Z", fill: "url(#SectionFixedHeight-paint0_linear_1118_5980)" }))), /* @__PURE__ */ import_react.default.createElement("rect", { x: "93.1138", y: "53.3459", width: "49.7295", height: "1.5", rx: "0.75", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "104.415", y: "58.8528", width: "27.1252", height: "1.5", rx: "0.75", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip1_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter2_f_1118_5980)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.477 13.1484H192.307V73.7996H108.477V13.1484Z", fill: "url(#SectionFixedHeight-paint1_linear_1118_5980)" }))), /* @__PURE__ */ import_react.default.createElement("path", { d: "M79 67.5V59.5C79 58.9477 78.5523 58.5 78 58.5C77.4477 58.5 77 58.9477 77 59.5V67.5C77 68.0523 77.4477 68.5 78 68.5C78.5523 68.5 79 68.0523 79 67.5Z", fill: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M159 67.5V59.5C159 58.9477 158.552 58.5 158 58.5C157.448 58.5 157 58.9477 157 59.5V67.5C157 68.0523 157.448 68.5 158 68.5C158.552 68.5 159 68.0523 159 67.5Z", fill: "#B8C4FF" })))
|
|
81
81
|
);
|
|
82
82
|
}
|
|
83
83
|
);
|
|
@@ -75,8 +75,8 @@ const SectionScale = (0, import_react.forwardRef)(
|
|
|
75
75
|
className: ["SectionScale-root", className].filter(Boolean).join(" "),
|
|
76
76
|
...props
|
|
77
77
|
},
|
|
78
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionScale-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "
|
|
79
|
-
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter0_i_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
78
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionScale-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "SectionScale-paint1_linear_1118_5963", x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionScale-filter0_i_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ import_react.default.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ import_react.default.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ import_react.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionScale-filter1_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "SectionScale-filter2_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionScale-clip0_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "SectionScale-clip1_1118_5963" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" }))),
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter0_i_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "SectionScale-node-3-2", fillOpacity: "0.25" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "#B8C4FF", className: "SectionScale-node-4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "#B8C4FF", className: "SectionScale-node-5" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "SectionScale-crop-mrxanv9k-m" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { display: "none", fill: "none", opacity: "0.5" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "#F8F6F6" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "SectionScale-node-8", clipPath: "url(#SectionScale-clip0_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter1_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: "url(#SectionScale-paint0_linear_1118_5963)", className: "SectionScale-node-11" }))), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("rect", { x: "101.68655", y: "53.2649", width: "33", height: "1.66238", rx: "0.831192", fill: "#002294", className: "SectionScale-node-12" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "109.1856", y: "59.0569", width: "18", height: "1.66238", rx: "0.831192", fill: "#002294", className: "SectionScale-node-13" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "SectionScale-node-14", clipPath: "url(#SectionScale-clip1_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", filter: "url(#SectionScale-filter2_f_1118_5963)" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: "url(#SectionScale-paint1_linear_1118_5963)" })), /* @__PURE__ */ import_react.default.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "#F8F6F6", opacity: "0" })))))))
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
);
|
package/dist/cjs/index.js
CHANGED
|
@@ -168,7 +168,7 @@ __export(index_exports, {
|
|
|
168
168
|
FacebookPost: () => import_FacebookPost.FacebookPost,
|
|
169
169
|
FacebookStory: () => import_FacebookStory.FacebookStory,
|
|
170
170
|
Fade: () => import_Fade.Fade,
|
|
171
|
-
|
|
171
|
+
FadeAnimation: () => import_FadeAnimation.FadeAnimation,
|
|
172
172
|
FadeBackSection: () => import_FadeBackSection.FadeBackSection,
|
|
173
173
|
FadeClick: () => import_FadeClick.FadeClick,
|
|
174
174
|
FadeHover: () => import_FadeHover.FadeHover,
|
|
@@ -627,7 +627,7 @@ var import_FacebookCover = require("./FacebookCover");
|
|
|
627
627
|
var import_FacebookPost = require("./FacebookPost");
|
|
628
628
|
var import_FacebookStory = require("./FacebookStory");
|
|
629
629
|
var import_Fade = require("./Fade");
|
|
630
|
-
var
|
|
630
|
+
var import_FadeAnimation = require("./FadeAnimation");
|
|
631
631
|
var import_FadeBackSection = require("./FadeBackSection");
|
|
632
632
|
var import_FadeClick = require("./FadeClick");
|
|
633
633
|
var import_FadeHover = require("./FadeHover");
|
|
@@ -1086,7 +1086,7 @@ var import_ZoomSection = require("./ZoomSection");
|
|
|
1086
1086
|
FacebookPost,
|
|
1087
1087
|
FacebookStory,
|
|
1088
1088
|
Fade,
|
|
1089
|
-
|
|
1089
|
+
FadeAnimation,
|
|
1090
1090
|
FadeBackSection,
|
|
1091
1091
|
FadeClick,
|
|
1092
1092
|
FadeHover,
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
const FadeAnimation = (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("mask", { id: "FadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimation__a)", d: "M22 22h28v28H22z" })),
|
|
13
|
+
/* @__PURE__ */ React.createElement("g", { mask: "url(#FadeAnimation__b)", clipPath: "url(#FadeAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
|
|
14
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17877", stdDeviation: "2.5" })))
|
|
15
|
+
);
|
|
16
|
+
FadeAnimation.displayName = "FadeAnimation";
|
|
17
|
+
export {
|
|
18
|
+
FadeAnimation
|
|
19
|
+
};
|
|
@@ -32,8 +32,8 @@ const ElementsFixedHeight = forwardRef(
|
|
|
32
32
|
className: ["ElementsFixedHeight-root", className].filter(Boolean).join(" "),
|
|
33
33
|
...props
|
|
34
34
|
},
|
|
35
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "
|
|
36
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "
|
|
35
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint0_linear_16_18", x1: "104.586", y1: "59.1065", x2: "137.096", y2: "91.7971", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint1_linear_16_18", x1: "78.2891", y1: "27.4515", x2: "139.642", y2: "103.55", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedHeight-paint2_linear_16_18", x1: "111.677", y1: "34.4475", x2: "87.1605", y2: "65.7319", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsFixedHeight-filter0_i_16_18", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_16_18" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsFixedHeight-filter1_f_16_18", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_16_18" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip0_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "44.2646", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip1_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "44.5781", y: "22.9559", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip2_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedHeight-clip3_16_18" }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
|
|
36
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter0_i_16_18)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip0_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "81.2646", y: "22.9559", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedHeight-node-4-3", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { className: "ElementsFixedHeight-crop-node-16" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip1_16_18)" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedHeight-clip2_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "68.2969", y: "34.39", width: "100", height: "58", fill: "#EAEFFF", className: "ElementsFixedHeight-node-7-3" }), /* @__PURE__ */ React.createElement("g", { className: "ElementsFixedHeight-group-mrw4nj39-4" }, /* @__PURE__ */ React.createElement("path", { d: "M119.417 47.2596L91.8188 82.1505L141.04 76.4115L119.417 47.2596Z", fill: "url(#ElementsFixedHeight-paint0_linear_16_18)" }), /* @__PURE__ */ React.createElement("path", { d: "M169.012 59.7176C169.012 59.7176 131.172 47.5971 129.327 46.983C127.481 46.369 116.031 43.5279 119.416 51.7194C122.78 59.8597 124.623 62.9902 125.356 64.3802C126.089 65.7703 129.074 71.4339 121.565 73.5239C113.053 75.8916 67.1477 87.1357 67.1477 87.1357V93.5932H169.012V59.7176Z", fill: "url(#ElementsFixedHeight-paint1_linear_16_18)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ElementsFixedHeight-node-10-3", clipPath: "url(#ElementsFixedHeight-clip3_16_18)" }, /* @__PURE__ */ React.createElement("rect", { x: "87.0811", y: "41.9574", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedHeight-filter1_f_16_18)" }, /* @__PURE__ */ React.createElement("path", { d: "M98.8074 32.1431C98.0424 32.2952 97.2871 32.5062 96.5515 32.776C93.5305 33.8946 90.8528 36.0238 89.0873 39.0214C85.0512 45.8653 87.2973 54.6324 94.1043 58.6014C100.911 62.5704 109.7 60.2351 113.736 53.3912C117.772 46.5424 115.526 37.7753 108.724 33.8112C105.614 31.996 102.098 31.5005 98.8074 32.1431Z", fill: "url(#ElementsFixedHeight-paint2_linear_16_18)" }))))))), /* @__PURE__ */ React.createElement("path", { d: "M41.7646 67.4559V59.4559C41.7646 58.9036 41.3169 58.4559 40.7646 58.4559C40.2124 58.4559 39.7646 58.9036 39.7646 59.4559V67.4559C39.7646 68.0082 40.2124 68.4559 40.7646 68.4559C41.3169 68.4559 41.7646 68.0082 41.7646 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-14-3" }), /* @__PURE__ */ React.createElement("path", { d: "M195.765 67.4559V59.4559C195.765 58.9036 195.317 58.4559 194.765 58.4559C194.212 58.4559 193.765 58.9036 193.765 59.4559V67.4559C193.765 68.0082 194.212 68.4559 194.765 68.4559C195.317 68.4559 195.765 68.0082 195.765 67.4559Z", fill: "#B8C4FF", className: "ElementsFixedHeight-node-15" })))
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
39
|
);
|
|
@@ -32,8 +32,8 @@ const ElementsFixedMargins = forwardRef(
|
|
|
32
32
|
className: ["ElementsFixedMargins-root", className].filter(Boolean).join(" "),
|
|
33
33
|
...props
|
|
34
34
|
},
|
|
35
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedMargins-paint0_linear_25_1905", x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "
|
|
36
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter0_i_25_1905)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
35
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedMargins-paint0_linear_25_1905", x1: "104.289", y1: "59.2165", x2: "136.799", y2: "91.907", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedMargins-paint1_linear_25_1905", x1: "77.9922", y1: "27.5615", x2: "139.345", y2: "103.66", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsFixedMargins-paint2_linear_25_1905", x1: "111.38", y1: "34.5575", x2: "86.8637", y2: "65.8419", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsFixedMargins-filter0_i_25_1905", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_25_1905" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsFixedMargins-filter1_f_25_1905", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.37792", result: "effect1_foregroundBlur_25_1905" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedMargins-clip1_25_1905" }, /* @__PURE__ */ React.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsFixedMargins-clip2_25_1905" }, /* @__PURE__ */ React.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "white" }))),
|
|
36
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter0_i_25_1905)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "ElementsFixedMargins-node-4", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("path", { d: "M42 68V60C42 59.4477 41.5523 59 41 59C40.4477 59 40 59.4477 40 60V68C40 68.5523 40.4477 69 41 69C41.5523 69 42 68.5523 42 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-5" }), /* @__PURE__ */ React.createElement("path", { d: "M196 68V60C196 59.4477 195.552 59 195 59C194.448 59 194 59.4477 194 60V68C194 68.5523 194.448 69 195 69C195.552 69 196 68.5523 196 68Z", fill: "#B8C4FF", className: "ElementsFixedMargins-node-6" }), /* @__PURE__ */ React.createElement("g", { className: "ElementsFixedMargins-crop-mrxa8x22-k" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsFixedMargins-clip1_25_1905)" }, /* @__PURE__ */ React.createElement("rect", { x: "68", y: "34.5", width: "100", height: "58", rx: "4", fill: "#EAEFFF" }), /* @__PURE__ */ React.createElement("g", { className: "ElementsFixedMargins-group-mrx7juoz-d" }, /* @__PURE__ */ React.createElement("path", { d: "M119.12 47.3696L91.522 82.2605L140.743 76.5215L119.12 47.3696Z", fill: "url(#ElementsFixedMargins-paint0_linear_25_1905)" }), /* @__PURE__ */ React.createElement("path", { d: "M168.715 59.8276C168.715 59.8276 130.875 47.7071 129.03 47.093C127.184 46.479 115.734 43.6378 119.119 51.8294C122.483 59.9697 124.326 63.1002 125.059 64.4902C125.792 65.8802 128.777 71.5439 121.268 73.6339C112.756 76.0016 66.8508 87.2457 66.8508 87.2457V93.7032H168.715V59.8276Z", fill: "url(#ElementsFixedMargins-paint1_linear_25_1905)" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ElementsFixedMargins-node-11", clipPath: "url(#ElementsFixedMargins-clip2_25_1905)" }, /* @__PURE__ */ React.createElement("rect", { x: "86.7842", y: "42.0673", width: "15.8969", height: "16.1237", rx: "7.94845", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsFixedMargins-filter1_f_25_1905)" }, /* @__PURE__ */ React.createElement("path", { d: "M98.5106 32.2531C97.7455 32.4052 96.9903 32.6162 96.2546 32.886C93.2336 34.0046 90.556 36.1338 88.7904 39.1314C84.7543 45.9753 87.0004 54.7424 93.8074 58.7114C100.614 62.6804 109.403 60.3451 113.439 53.5012C117.475 46.6523 115.229 37.8852 108.427 33.9212C105.318 32.1059 101.801 31.6104 98.5106 32.2531Z", fill: "url(#ElementsFixedMargins-paint2_linear_25_1905)" })))))))
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
39
|
);
|
|
@@ -32,8 +32,8 @@ const ElementsScale = forwardRef(
|
|
|
32
32
|
className: ["ElementsScale-root", className].filter(Boolean).join(" "),
|
|
33
33
|
...props
|
|
34
34
|
},
|
|
35
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12361", x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "
|
|
36
|
-
/* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter0_i_4125_12361)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip0_4125_12361)" }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
35
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12361", x1: "110.482", y1: "60.3398", x2: "133.552", y2: "78.8708", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint0_linear_4125_12403", x1: "113.562", y1: "61.7065", x2: "126.645", y2: "72.2151", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.325264", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint1_linear_4125_12361", x1: "95.2177", y1: "37.3346", x2: "140.84", y2: "82.5369", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint1_linear_4125_12403", x1: "104.902", y1: "48.661", x2: "130.774", y2: "74.2946", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.95", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint2_linear_4125_12361", x1: "113.012", y1: "41.6462", x2: "94.9412", y2: "64.7056", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "ElementsScale-paint2_linear_4125_12403", x1: "114.992", y1: "51.1105", x2: "104.744", y2: "64.1871", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsScale-filter0_i_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12361" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsScale-filter1_f_4125_12361", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.01565", result: "effect1_foregroundBlur_4125_12361" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip0_4125_12361" }, /* @__PURE__ */ React.createElement("rect", { x: "44.5", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip1_4125_12361" }, /* @__PURE__ */ React.createElement("rect", { x: "44.8125", y: "23", width: "147", height: "81", rx: "6", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip2_4125_12361" }, /* @__PURE__ */ React.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "41.6619", rx: "3.9058", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip3_4125_12361" }, /* @__PURE__ */ React.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip4_4125_12361" }, /* @__PURE__ */ React.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsScale-filter0_i_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_4125_12403" })), /* @__PURE__ */ React.createElement("filter", { id: "ElementsScale-filter1_f_4125_12403", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "0.575959", result: "effect1_foregroundBlur_4125_12403" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip0_4125_12403" }, /* @__PURE__ */ React.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "23.6259", rx: "2.21493", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip1_4125_12403" }, /* @__PURE__ */ React.createElement("rect", { x: "101.758", y: "51.6875", width: "32.4856", height: "24.1022", rx: "2.09584", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "ElementsScale-clip2_4125_12403" }, /* @__PURE__ */ React.createElement("rect", { x: "104.711", y: "54.6406", width: "6.64478", height: "6.64478", rx: "3.32239", fill: "white" }))),
|
|
36
|
+
/* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter0_i_4125_12361)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip0_4125_12361)" }, /* @__PURE__ */ React.createElement("rect", { x: "81.5", y: "23", width: "73", height: "81", rx: "6", fill: "#f8f6f6", className: "ElementsScale-node-3", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "ElementsScale-Frame-2147240028" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip1_4125_12361)" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip2_4125_12361)" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip3_4125_12361)" }, /* @__PURE__ */ React.createElement("rect", { x: "89.6719", y: "42.668", width: "57.2851", height: "42.5019", rx: "3.69581", fill: "#eaefff" }))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M119.091 51.7305L103.07 77.0863L131.643 72.9157L119.091 51.7305Z", fill: "url(#ElementsScale-paint0_linear_4125_12361)" }), /* @__PURE__ */ React.createElement("path", { d: "M147.883 60.7829C147.883 60.7829 125.917 51.9748 124.845 51.5285C123.774 51.0823 117.127 49.0176 119.092 54.9706C121.045 60.8862 122.115 63.1612 122.541 64.1714C122.966 65.1815 124.699 69.2975 120.34 70.8162C115.398 72.5369 88.75 80.7082 88.75 80.7082V85.401H147.883V60.7829Z", fill: "url(#ElementsScale-paint1_linear_4125_12361)" })), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#ElementsScale-clip4_4125_12361)" }, /* @__PURE__ */ React.createElement("rect", { x: "94.8828", y: "47.875", width: "11.7174", height: "11.7174", rx: "5.8587", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#ElementsScale-filter1_f_4125_12361)" }, /* @__PURE__ */ React.createElement("path", { d: "M103.526 39.9477C102.962 40.0598 102.405 40.2153 101.863 40.4142C99.6365 41.2387 97.6628 42.8081 96.3614 45.0176C93.3864 50.0622 95.042 56.5243 100.059 59.4498C105.077 62.3753 111.555 60.6539 114.53 55.6094C117.505 50.5612 115.849 44.0991 110.835 41.1772C108.543 39.8392 105.952 39.474 103.526 39.9477Z", fill: "url(#ElementsScale-paint2_linear_4125_12361)" })))))))))))))))), /* @__PURE__ */ React.createElement("g", { fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M42 59H40V69H42V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_4" }), /* @__PURE__ */ React.createElement("path", { d: "M196 59H194V69H196V59Z", fill: "#b8c4ff", className: "ElementsScale-Vector_5" }))))
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
39
|
);
|
|
@@ -32,9 +32,9 @@ const SectionFixedHeight = forwardRef(
|
|
|
32
32
|
className: ["SectionFixedHeight-root", className].filter(Boolean).join(" "),
|
|
33
33
|
...props
|
|
34
34
|
},
|
|
35
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "
|
|
36
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
37
|
-
/* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5980)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "
|
|
35
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionFixedHeight-paint0_linear_1118_5980", x1: "72.6142", y1: "9.26832", x2: "-18.2597", y2: "104.292", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionFixedHeight-paint1_linear_1118_5963", x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionFixedHeight-paint1_linear_1118_5980", x1: "180.417", y1: "18.5925", x2: "134.568", y2: "99.4575", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionFixedHeight-filter0_i_1118_5980", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5980" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionFixedHeight-filter1_f_1118_5980", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "11.6304", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionFixedHeight-filter2_f_1118_5980", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5980" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SectionFixedHeight-clip0_1118_5980" }, /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SectionFixedHeight-clip1_1118_5980" }, /* @__PURE__ */ React.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "white" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionFixedHeight-filter0_i_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5963" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionFixedHeight-filter1_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionFixedHeight-filter2_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SectionFixedHeight-clip0_1118_5963" }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SectionFixedHeight-clip1_1118_5963" }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" }))),
|
|
36
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "SectionFixedHeight-node-3-2", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "#B8C4FF", className: "SectionFixedHeight-node-4" }), /* @__PURE__ */ React.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "#B8C4FF", className: "SectionFixedHeight-node-5" }), /* @__PURE__ */ React.createElement("g", { className: "SectionFixedHeight-crop-node-7-3" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { display: "none", fill: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "#F8F6F6" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "SectionFixedHeight-node-8", clipPath: "url(#SectionFixedHeight-clip0_1118_5963)" }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter1_f_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: "url(#SectionFixedHeight-paint0_linear_1118_5963)", className: "SectionFixedHeight-node-11" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("rect", { x: "93.3218", y: "53.2649", width: "49.7295", height: "1.66238", rx: "0.831192", fill: "#002294" }), /* @__PURE__ */ React.createElement("rect", { x: "104.623", y: "59.0569", width: "27.1252", height: "1.66238", rx: "0.831192", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip1_1118_5963)" }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter2_f_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: "url(#SectionFixedHeight-paint1_linear_1118_5963)" })))))))),
|
|
37
|
+
/* @__PURE__ */ React.createElement("g", { display: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter0_i_1118_5980)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "23.5", width: "73", height: "80", rx: "6", fill: "#F8F6F6", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip0_1118_5980)" }, /* @__PURE__ */ React.createElement("rect", { x: "81.4805", y: "33.498", width: "73", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter1_f_1118_5980)" }, /* @__PURE__ */ React.createElement("path", { d: "M 184.384 93.502 L 184.384004 8.8873 L 81.127004 8.887295 L 81.127 93.501995 Z", fill: "url(#SectionFixedHeight-paint0_linear_1118_5980)" }))), /* @__PURE__ */ React.createElement("rect", { x: "93.1138", y: "53.3459", width: "49.7295", height: "1.5", rx: "0.75", fill: "#002294" }), /* @__PURE__ */ React.createElement("rect", { x: "104.415", y: "58.8528", width: "27.1252", height: "1.5", rx: "0.75", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", clipPath: "url(#SectionFixedHeight-clip1_1118_5980)" }, /* @__PURE__ */ React.createElement("rect", { x: "108.477", y: "66.6545", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionFixedHeight-filter2_f_1118_5980)" }, /* @__PURE__ */ React.createElement("path", { d: "M108.477 13.1484H192.307V73.7996H108.477V13.1484Z", fill: "url(#SectionFixedHeight-paint1_linear_1118_5980)" }))), /* @__PURE__ */ React.createElement("path", { d: "M79 67.5V59.5C79 58.9477 78.5523 58.5 78 58.5C77.4477 58.5 77 58.9477 77 59.5V67.5C77 68.0523 77.4477 68.5 78 68.5C78.5523 68.5 79 68.0523 79 67.5Z", fill: "#B8C4FF" }), /* @__PURE__ */ React.createElement("path", { d: "M159 67.5V59.5C159 58.9477 158.552 58.5 158 58.5C157.448 58.5 157 58.9477 157 59.5V67.5C157 68.0523 157.448 68.5 158 68.5C158.552 68.5 159 68.0523 159 67.5Z", fill: "#B8C4FF" })))
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
);
|
|
@@ -32,8 +32,8 @@ const SectionScale = forwardRef(
|
|
|
32
32
|
className: ["SectionScale-root", className].filter(Boolean).join(" "),
|
|
33
33
|
...props
|
|
34
34
|
},
|
|
35
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionScale-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "
|
|
36
|
-
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionScale-filter0_i_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "
|
|
35
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionScale-paint0_linear_1118_5963", x1: "69.8122", y1: "25.6667", x2: "-91.7874", y2: "84.3309", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#D5DFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#B8C4FF" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "SectionScale-paint1_linear_1118_5963", x1: "180.625", y1: "18.6735", x2: "134.776", y2: "99.5385", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.576923", stopColor: "#B8C4FF" }), /* @__PURE__ */ React.createElement("stop", { offset: "0.85", stopColor: "#002294" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionScale-filter0_i_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ React.createElement("feOffset", { dx: "1", dy: "1" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "1.5" }), /* @__PURE__ */ React.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), /* @__PURE__ */ React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_1118_5963" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionScale-filter1_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "8.40795", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ React.createElement("filter", { id: "SectionScale-filter2_f_1118_5963", filterUnits: "objectBoundingBox", x: "-1", y: "-1", width: "3", height: "3", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "3.72612", result: "effect1_foregroundBlur_1118_5963" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SectionScale-clip0_1118_5963" }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "SectionScale-clip1_1118_5963" }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "white" }))),
|
|
36
|
+
/* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionScale-filter0_i_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M0 8C0 3.58172 3.58172 0 8 0H228C232.418 0 236 3.58172 236 8V119C236 123.418 232.418 127 228 127H8C3.58172 127 0 123.418 0 119V8Z", fill: "#303030" }), /* @__PURE__ */ React.createElement("rect", { x: "81.6865", y: "23", width: "73", height: "81", rx: "6", fill: "#F8F6F6", className: "SectionScale-node-3-2", fillOpacity: "0.25" }), /* @__PURE__ */ React.createElement("path", { d: "M42 67.5V59.5C42 58.9477 41.5523 58.5 41 58.5C40.4477 58.5 40 58.9477 40 59.5V67.5C40 68.0523 40.4477 68.5 41 68.5C41.5523 68.5 42 68.0523 42 67.5Z", fill: "#B8C4FF", className: "SectionScale-node-4" }), /* @__PURE__ */ React.createElement("path", { d: "M196 67.5V59.5C196 58.9477 195.552 58.5 195 58.5C194.448 58.5 194 58.9477 194 59.5V67.5C194 68.0523 194.448 68.5 195 68.5C195.552 68.5 196 68.0523 196 67.5Z", fill: "#B8C4FF", className: "SectionScale-node-5" }), /* @__PURE__ */ React.createElement("g", { className: "SectionScale-crop-mrxanv9k-m" }, /* @__PURE__ */ React.createElement("rect", { x: "0", y: "0", width: "236", height: "127", fill: "none" }), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", { display: "none", fill: "none", opacity: "0.5" }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "#F8F6F6" })), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "SectionScale-node-8", clipPath: "url(#SectionScale-clip0_1118_5963)" }, /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "4", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionScale-filter1_f_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M 330.543 93.502 L 330.543004 12.1524 L 44.594004 12.152388 L 44.594 93.501988 Z", fill: "url(#SectionScale-paint0_linear_1118_5963)", className: "SectionScale-node-11" }))), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("rect", { x: "101.68655", y: "53.2649", width: "33", height: "1.66238", rx: "0.831192", fill: "#002294", className: "SectionScale-node-12" }), /* @__PURE__ */ React.createElement("rect", { x: "109.1856", y: "59.0569", width: "18", height: "1.66238", rx: "0.831192", fill: "#002294", className: "SectionScale-node-13" }), /* @__PURE__ */ React.createElement("g", { fill: "none", className: "SectionScale-node-14", clipPath: "url(#SectionScale-clip1_1118_5963)" }, /* @__PURE__ */ React.createElement("rect", { x: "108.685", y: "66.7356", width: "19", height: "7", rx: "3.5", fill: "#002294" }), /* @__PURE__ */ React.createElement("g", { fill: "none", filter: "url(#SectionScale-filter2_f_1118_5963)" }, /* @__PURE__ */ React.createElement("path", { d: "M108.685 13.2295H192.515V73.8807H108.685V13.2295Z", fill: "url(#SectionScale-paint1_linear_1118_5963)" })), /* @__PURE__ */ React.createElement("rect", { x: "44.6865", y: "33.498", width: "147", height: "60.0044", rx: "6", fill: "#F8F6F6", opacity: "0" })))))))
|
|
37
37
|
);
|
|
38
38
|
}
|
|
39
39
|
);
|
package/dist/esm/index.js
CHANGED
|
@@ -148,7 +148,7 @@ import { FacebookCover } from "./FacebookCover";
|
|
|
148
148
|
import { FacebookPost } from "./FacebookPost";
|
|
149
149
|
import { FacebookStory } from "./FacebookStory";
|
|
150
150
|
import { Fade } from "./Fade";
|
|
151
|
-
import {
|
|
151
|
+
import { FadeAnimation } from "./FadeAnimation";
|
|
152
152
|
import { FadeBackSection } from "./FadeBackSection";
|
|
153
153
|
import { FadeClick } from "./FadeClick";
|
|
154
154
|
import { FadeHover } from "./FadeHover";
|
|
@@ -606,7 +606,7 @@ export {
|
|
|
606
606
|
FacebookPost,
|
|
607
607
|
FacebookStory,
|
|
608
608
|
Fade,
|
|
609
|
-
|
|
609
|
+
FadeAnimation,
|
|
610
610
|
FadeBackSection,
|
|
611
611
|
FadeClick,
|
|
612
612
|
FadeHover,
|
package/dist/types/index.d.ts
CHANGED
|
@@ -148,7 +148,7 @@ export { FacebookCover } from './FacebookCover';
|
|
|
148
148
|
export { FacebookPost } from './FacebookPost';
|
|
149
149
|
export { FacebookStory } from './FacebookStory';
|
|
150
150
|
export { Fade } from './Fade';
|
|
151
|
-
export {
|
|
151
|
+
export { FadeAnimation } from './FadeAnimation';
|
|
152
152
|
export { FadeBackSection } from './FadeBackSection';
|
|
153
153
|
export { FadeClick } from './FadeClick';
|
|
154
154
|
export { FadeHover } from './FadeHover';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-illustrations",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.28.1",
|
|
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.219.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": "d6a19506dd4efe6a694d6c5522693c1a0814ce77e64c31bc84903664"
|
|
57
57
|
}
|
|
@@ -1,53 +0,0 @@
|
|
|
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 FadeAnimationFadeAnimation_exports = {};
|
|
30
|
-
__export(FadeAnimationFadeAnimation_exports, {
|
|
31
|
-
FadeAnimationFadeAnimation: () => FadeAnimationFadeAnimation
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(FadeAnimationFadeAnimation_exports);
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
const FadeAnimationFadeAnimation = (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("mask", { id: "FadeAnimationFadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__a)", d: "M22 22h28v28H22z" })),
|
|
46
|
-
/* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#FadeAnimationFadeAnimation__b)", clipPath: "url(#FadeAnimationFadeAnimation__c)" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ import_react.default.createElement("g", { filter: "url(#FadeAnimationFadeAnimation__d)" }, /* @__PURE__ */ import_react.default.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
|
|
47
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimationFadeAnimation__c" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: "FadeAnimationFadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ import_react.default.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ import_react.default.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17877", stdDeviation: "2.5" })))
|
|
48
|
-
);
|
|
49
|
-
FadeAnimationFadeAnimation.displayName = "FadeAnimationFadeAnimation";
|
|
50
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
51
|
-
0 && (module.exports = {
|
|
52
|
-
FadeAnimationFadeAnimation
|
|
53
|
-
});
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
const FadeAnimationFadeAnimation = (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("mask", { id: "FadeAnimationFadeAnimation__b", width: "28", height: "28", x: "22", y: "22", maskUnits: "userSpaceOnUse", style: { "maskType": "alpha" } }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__a)", d: "M22 22h28v28H22z" })),
|
|
13
|
-
/* @__PURE__ */ React.createElement("g", { mask: "url(#FadeAnimationFadeAnimation__b)", clipPath: "url(#FadeAnimationFadeAnimation__c)" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "var(--wds-illustration-color-1, #002291)", rx: "2", transform: "rotate(-45 21.857 35.999)" }), /* @__PURE__ */ React.createElement("g", { filter: "url(#FadeAnimationFadeAnimation__d)" }, /* @__PURE__ */ React.createElement("path", { fill: "url(#FadeAnimationFadeAnimation__e)", d: "M3.473 17.614 36-14.913l32.527 32.527L36 50.141z" }))),
|
|
14
|
-
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__a", x1: "50", x2: "22", y1: "36", y2: "36", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { offset: ".173", stopColor: "#fff", stopOpacity: "0" }), /* @__PURE__ */ React.createElement("stop", { offset: ".774", stopColor: "#fff" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "FadeAnimationFadeAnimation__e", x1: "34.306", x2: "41.987", y1: "-7.38", y2: "55.949", 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: "FadeAnimationFadeAnimation__c" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", x: "21.857", y: "35.999", fill: "#fff", rx: "2", transform: "rotate(-45 21.857 35.999)" })), /* @__PURE__ */ React.createElement("filter", { id: "FadeAnimationFadeAnimation__d", width: "75.054", height: "75.055", x: "-1.527", y: "-19.913", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ React.createElement("feFlood", { result: "BackgroundImageFix", floodOpacity: "0" }), /* @__PURE__ */ React.createElement("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), /* @__PURE__ */ React.createElement("feGaussianBlur", { result: "effect1_foregroundBlur_676_17877", stdDeviation: "2.5" })))
|
|
15
|
-
);
|
|
16
|
-
FadeAnimationFadeAnimation.displayName = "FadeAnimationFadeAnimation";
|
|
17
|
-
export {
|
|
18
|
-
FadeAnimationFadeAnimation
|
|
19
|
-
};
|
|
File without changes
|