@wix/design-system-illustrations 2.44.2 → 2.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/BottomMenu.js +52 -0
- package/dist/cjs/FunnelStackedBarChart.js +59 -0
- package/dist/cjs/HorizontalStackedBarChart.js +57 -0
- package/dist/cjs/SideMenu.js +52 -0
- package/dist/cjs/VerticalStackedBarChart.js +57 -0
- package/dist/cjs/animated/StickySectionPresetsFullWidth.js +3 -1
- package/dist/cjs/animated/StickySectionPresetsGridRows.js +3 -1
- package/dist/cjs/animated/StickySectionPresetsSideBySide.js +3 -1
- package/dist/cjs/animated/StickySectionPresetsSplit.js +2 -1
- package/dist/cjs/animated/StickySectionPresetsZigzag.js +5 -3
- package/dist/cjs/animated/animated.global.css +5189 -235
- package/dist/cjs/index.js +15 -0
- package/dist/esm/BottomMenu.js +18 -0
- package/dist/esm/FunnelStackedBarChart.js +25 -0
- package/dist/esm/HorizontalStackedBarChart.js +23 -0
- package/dist/esm/SideMenu.js +18 -0
- package/dist/esm/VerticalStackedBarChart.js +23 -0
- package/dist/esm/animated/StickySectionPresetsFullWidth.js +3 -1
- package/dist/esm/animated/StickySectionPresetsGridRows.js +3 -1
- package/dist/esm/animated/StickySectionPresetsSideBySide.js +3 -1
- package/dist/esm/animated/StickySectionPresetsSplit.js +2 -1
- package/dist/esm/animated/StickySectionPresetsZigzag.js +5 -3
- package/dist/esm/animated/animated.global.css +5189 -235
- package/dist/esm/index.js +10 -0
- package/dist/types/BottomMenu.d.ts +5 -0
- package/dist/types/FunnelStackedBarChart.d.ts +5 -0
- package/dist/types/HorizontalStackedBarChart.d.ts +5 -0
- package/dist/types/SideMenu.d.ts +5 -0
- package/dist/types/VerticalStackedBarChart.d.ts +5 -0
- package/dist/types/index.d.ts +5 -0
- package/package.json +3 -3
- package/src/BottomMenu.svg +64 -0
- package/src/FunnelStackedBarChart.svg +184 -0
- package/src/HorizontalStackedBarChart.svg +202 -0
- package/src/MaxWidth.svg +1 -1
- package/src/SideMenu.svg +85 -0
- package/src/VerticalStackedBarChart.svg +202 -0
- package/src/animated/StickySectionPresetsFullWidth.html +1064 -45
- package/src/animated/StickySectionPresetsGridRows.html +1059 -40
- package/src/animated/StickySectionPresetsSideBySide.html +864 -45
- package/src/animated/StickySectionPresetsSplit.html +958 -46
- package/src/animated/StickySectionPresetsZigzag.html +1321 -62
|
@@ -77,8 +77,10 @@ const StickySectionPresetsSideBySide = (0, import_react.forwardRef)(
|
|
|
77
77
|
...props
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19258`, x1: "66.5888", y1: "5.72025", x2: "19.8579", y2: "25.1921", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4424_19258`, 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: "2.36111", result: "effect1_foregroundBlur_4424_19258" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4424_19258` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "13.2632", height: "21.0139", rx: "1.88889", transform: "matrix(-1 0 0 1 55 27.9922)", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-container" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))),
|
|
80
81
|
/* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222318" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222319" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-Group-2147222320" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` }))))))))),
|
|
81
|
-
/* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsSideBySide-import-mtr80uod-2-2" }, /* @__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("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__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(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` }))))))))
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsSideBySide-import-mtr80uod-2-2" }, /* @__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("path", { d: "M 24.36891 19 L 14.88349 19 A 1.88889 1.88889 90 0 0 12.9946 20.88889 L 12.9946 38.12501 A 1.88889 1.88889 90 0 0 14.88349 40.0139 L 24.36891 40.0139 A 1.88889 1.88889 90 0 0 26.2578 38.12501 L 26.2578 20.88889 A 1.88889 1.88889 90 0 0 24.36891 19 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 38.74391 23.4844 L 29.25849 23.4844 A 1.88889 1.88889 90 0 0 27.3696 25.37329 L 27.3696 42.60941 A 1.88889 1.88889 90 0 0 29.25849 44.4983 L 38.74391 44.4983 A 1.88889 1.88889 90 0 0 40.6328 42.60941 L 40.6328 25.37329 A 1.88889 1.88889 90 0 0 38.74391 23.4844 Z", fill: "var(--color-3)" }))), /* @__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(#${uid}-clip0_4424_19258)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 53.11111 27.9922 L 43.62569 27.9922 A 1.88889 1.88889 90 0 0 41.7368 29.88109 L 41.7368 47.11721 A 1.88889 1.88889 90 0 0 43.62569 49.0061 L 53.11111 49.0061 A 1.88889 1.88889 90 0 0 55 47.11721 L 55 29.88109 A 1.88889 1.88889 90 0 0 53.11111 27.9922 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M69.3828 55.9609L69.3828 -2.58272H38.2549L38.2549 55.9609H69.3828Z", fill: `url(#${uid}-paint0_linear_4424_19258)` })))))))),
|
|
83
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-scrollbar-first-run" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSideBySide-scrollbar" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(56.8 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsSideBySide-scrollbar-thumb" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
|
|
82
84
|
);
|
|
83
85
|
}
|
|
84
86
|
);
|
|
@@ -78,7 +78,8 @@ const StickySectionPresetsSplit = (0, import_react.forwardRef)(
|
|
|
78
78
|
},
|
|
79
79
|
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4428_19363`, x1: "97.8231", y1: "29.0557", x2: "58.7726", y2: "91.8283", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.176006", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.55", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.8", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4428_19363`, 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: "2.36111", result: "effect1_foregroundBlur_4428_19363" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4428_19363` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "55", y: "33", width: "22", height: "21", rx: "2.83333", transform: "rotate(90 55 33)", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-2-2-2`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" })), /* @__PURE__ */ import_react.default.createElement("mask", { id: `${uid}-am-node-1-2-3`, maskUnits: "userSpaceOnUse", "mask-type": "alpha", x: "0", y: "0", width: "68", height: "68" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "0", y: "0", width: "68", height: "68", rx: "7.55556", fill: "var(--color-1)" }))),
|
|
80
80
|
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483281" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483278" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-Frame-1707483277" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` })))))))),
|
|
81
|
-
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` }))))))))
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-split07-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { style: { "transformBox": "fill-box", "transformOrigin": "50% 50%", "transform": "translate(0px, 0px)" }, d: "M 55 15.83333 L 55 32.16667 A 2.83333 2.83333 45 0 1 52.16667 35 L 36.83333 35 A 2.83333 2.83333 45 0 1 34 32.16667 L 34 15.83333 A 2.83333 2.83333 45 0 1 36.83333 13 L 52.16667 13 A 2.83333 2.83333 45 0 1 55 15.83333 Z", fill: "var(--color-2)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-2-2-2)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 25.83333 L 55 42.16667 A 2.83333 2.83333 45 0 1 52.16667 45 L 36.83333 45 A 2.83333 2.83333 45 0 1 34 42.16667 L 34 25.83333 A 2.83333 2.83333 45 0 1 36.83333 23 L 52.16667 23 A 2.83333 2.83333 45 0 1 55 25.83333 Z", fill: "var(--color-3)" }))), /* @__PURE__ */ import_react.default.createElement("g", { mask: `url(#${uid}-am-node-1-2-3)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4428_19363)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 55 35.83333 L 55 52.16667 A 2.83333 2.83333 45 0 1 52.16667 55 L 36.83333 55 A 2.83333 2.83333 45 0 1 34 52.16667 L 34 35.83333 A 2.83333 2.83333 45 0 1 36.83333 33 L 52.16667 33 A 2.83333 2.83333 45 0 1 55 35.83333 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.953 62.2891L104.953 23.5634L25.5188 23.5634L25.5188 62.2891L104.953 62.2891Z", fill: `url(#${uid}-paint0_linear_4428_19363)` })))))))),
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-scrollbar-first-run" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsSplit-scrollbar" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(56.8 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsSplit-scrollbar-thumb" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
|
|
82
83
|
);
|
|
83
84
|
}
|
|
84
85
|
);
|
|
@@ -76,9 +76,11 @@ const StickySectionPresetsZigzag = (0, import_react.forwardRef)(
|
|
|
76
76
|
className: ["StickySectionPresetsZigzag-root", className].filter(Boolean).join(" "),
|
|
77
77
|
...props
|
|
78
78
|
},
|
|
79
|
-
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19163`, x1: "
|
|
80
|
-
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none"
|
|
81
|
-
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none"
|
|
79
|
+
/* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("linearGradient", { id: `${uid}-paint0_linear_4424_19163`, x1: "84.4835", y1: "12.5889", x2: "44.9505", y2: "76.1371", gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.28649", stopColor: "#EAEFFF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.65592", stopColor: "#B8C4FF" }), /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0.90287", stopColor: "#002294" })), /* @__PURE__ */ import_react.default.createElement("filter", { id: `${uid}-filter1_f_4424_19163`, 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: "2.36111", result: "effect1_foregroundBlur_4424_19163" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip0_4424_19163` }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "68", height: "68", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip1_4424_19163` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M0 7.55556C0 3.38274 3.38274 0 7.55556 0H60.4444C64.6173 0 68 3.38274 68 7.55556V60.4444C68 64.6173 64.6173 68 60.4444 68H7.55556C3.38274 68 0 64.6173 0 60.4444V7.55556Z", fill: "white" })), /* @__PURE__ */ import_react.default.createElement("clipPath", { id: `${uid}-clip2_4424_19163` }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "54.7812", y: "32.1719", width: "23.6111", height: "20.7778", rx: "2.83333", transform: "rotate(90 54.7812 32.1719)", fill: "white" }))),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-container" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--illustration-color-opacity-25)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", opacity: "0.25" }, /* @__PURE__ */ import_react.default.createElement("rect", { x: "13", y: "13", width: "42", height: "42", rx: "2.83333", fill: "var(--color-4)" }))),
|
|
81
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19163)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483283" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 16.05993 L 34 34.00437 A 2.83333 2.83333 45 0 1 31.16667 36.8377 L 16.05553 36.8377 A 2.83333 2.83333 45 0 1 13.2222 34.00437 L 13.2222 16.05993 A 2.83333 2.83333 45 0 1 16.05553 13.2266 L 31.16667 13.2266 A 2.83333 2.83333 45 0 1 34 16.05993 Z", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483285" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 21.72393 L 54.7812 39.66837 A 2.83333 2.83333 45 0 1 51.94787 42.5017 L 36.83673 42.5017 A 2.83333 2.83333 45 0 1 34.0034 39.66837 L 34.0034 21.72393 A 2.83333 2.83333 45 0 1 36.83673 18.8906 L 51.94787 18.8906 A 2.83333 2.83333 45 0 1 54.7812 21.72393 Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483284" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 29.27863 L 34 47.22307 A 2.83333 2.83333 45 0 1 31.16667 50.0564 L 16.05553 50.0564 A 2.83333 2.83333 45 0 1 13.2222 47.22307 L 13.2222 29.27863 A 2.83333 2.83333 45 0 1 16.05553 26.4453 L 31.16667 26.4453 A 2.83333 2.83333 45 0 1 34 29.27863 Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Frame-1707483282" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 35.00523 L 54.7812 52.94967 A 2.83333 2.83333 45 0 1 51.94787 55.783 L 36.83673 55.783 A 2.83333 2.83333 45 0 1 34.0034 52.94967 L 34.0034 35.00523 A 2.83333 2.83333 45 0 1 36.83673 32.1719 L 51.94787 32.1719 A 2.83333 2.83333 45 0 1 54.7812 35.00523 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.434 63.726L104.434 25.000L25.000 25.000L25.000 63.726L104.434 63.726Z", fill: `url(#${uid}-paint0_linear_4424_19163)` }))))))),
|
|
82
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-Thumbnail-Container-2" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip0_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip1_4424_19163)` })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 16.05993 L 34 34.00437 A 2.83333 2.83333 45 0 1 31.16667 36.8377 L 16.05553 36.8377 A 2.83333 2.83333 45 0 1 13.2222 34.00437 L 13.2222 16.05993 A 2.83333 2.83333 45 0 1 16.05553 13.2266 L 31.16667 13.2266 A 2.83333 2.83333 45 0 1 34 16.05993 Z", fill: "var(--color-2)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 21.72393 L 54.7812 39.66837 A 2.83333 2.83333 45 0 1 51.94787 42.5017 L 36.83673 42.5017 A 2.83333 2.83333 45 0 1 34.0034 39.66837 L 34.0034 21.72393 A 2.83333 2.83333 45 0 1 36.83673 18.8906 L 51.94787 18.8906 A 2.83333 2.83333 45 0 1 54.7812 21.72393 Z", fill: "var(--color-3)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 34 29.27863 L 34 47.22307 A 2.83333 2.83333 45 0 1 31.16667 50.0564 L 16.05553 50.0564 A 2.83333 2.83333 45 0 1 13.2222 47.22307 L 13.2222 29.27863 A 2.83333 2.83333 45 0 1 16.05553 26.4453 L 31.16667 26.4453 A 2.83333 2.83333 45 0 1 34 29.27863 Z", fill: "var(--color-4)" })), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", clipPath: `url(#${uid}-clip2_4424_19163)` }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M 54.7812 35.00523 L 54.7812 52.94967 A 2.83333 2.83333 45 0 1 51.94787 55.783 L 36.83673 55.783 A 2.83333 2.83333 45 0 1 34.0034 52.94967 L 34.0034 35.00523 A 2.83333 2.83333 45 0 1 36.83673 32.1719 L 51.94787 32.1719 A 2.83333 2.83333 45 0 1 54.7812 35.00523 Z", fill: "var(--color-2)" }), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M104.434 63.726L104.434 25.000L25.000 25.000L25.000 63.726L104.434 63.726Z", fill: `url(#${uid}-paint0_linear_4424_19163)` }))))))),
|
|
83
|
+
/* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-scrollbar-first-run" }, /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", className: "StickySectionPresetsZigzag-scrollbar" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(56.58 18) scale(0.52)", fill: "none" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 58.125C4 59.1605 3.10468 60 2.00025 60C0.895815 60 0.000495434 59.1605 0.000495434 58.125L0.000495434 1.875C0.000495434 0.839466 0.895815 0 2.00025 0C3.10468 0 4 0.839466 4 1.875L4 58.125Z", fill: "var(--scrollbar-track)" }), /* @__PURE__ */ import_react.default.createElement("g", { className: "StickySectionPresetsZigzag-scrollbar-thumb" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M2 8.48438L2 17.4572", fill: "none", stroke: "var(--color-2)", strokeWidth: "4", strokeLinecap: "round" })))))
|
|
82
84
|
);
|
|
83
85
|
}
|
|
84
86
|
);
|