@staffbase/design 20.0.0 → 20.1.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/illustrations.cjs +347 -86
- package/dist/illustrations.cjs.map +1 -1
- package/dist/illustrations.d.ts +27 -9
- package/dist/illustrations.js +334 -82
- package/dist/illustrations.js.map +1 -1
- package/package.json +1 -1
package/dist/illustrations.cjs
CHANGED
|
@@ -19,7 +19,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
19
19
|
/**
|
|
20
20
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
21
21
|
*/
|
|
22
|
-
var _svgContent$
|
|
22
|
+
var _svgContent$26 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.387 12.358c21.272.11 44.739-1.773 59.023 13.991 15.046 16.606 15.89 41.184 10.729 62.99-5.103 21.563-17.76 40.972-37.647 50.746-20.075 9.866-44.531 10.501-63.778-.898-17.735-10.504-21.443-32.506-26.401-52.514C13.17 65.923 3.437 42.584 16.6 25.74 29.83 8.81 54.9 12.248 76.387 12.358\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M31.078 122.888h16.398a1.172 1.172 0 0 0 1.171-1.172v-9.37a4.685 4.685 0 0 0-4.685-4.685h-9.37a4.683 4.683 0 0 0-4.685 4.685v9.37a1.167 1.167 0 0 0 1.17 1.172M62.703 84.234a4.686 4.686 0 0 0-4.685 4.686v32.796a1.167 1.167 0 0 0 1.171 1.171h16.398a1.17 1.17 0 0 0 .83-.341 1.16 1.16 0 0 0 .342-.83V88.92a4.685 4.685 0 0 0-4.686-4.686zM90.814 93.605a4.685 4.685 0 0 0-4.685 4.685v23.426a1.16 1.16 0 0 0 .722 1.084c.143.058.296.088.45.088h16.398q.233 0 .449-.088a1.17 1.17 0 0 0 .722-1.084V98.29a4.687 4.687 0 0 0-4.685-4.685zM118.926 60.808a4.683 4.683 0 0 0-4.686 4.685v56.223a1.178 1.178 0 0 0 .342.83 1.17 1.17 0 0 0 .83.341h16.398a1.175 1.175 0 0 0 .83-.341 1.16 1.16 0 0 0 .341-.83V65.493a4.683 4.683 0 0 0-4.685-4.685z\"></path><g filter=\"url(#filter0_d_5_6849)\"><path fill=\"var(--ds-illustration-500)\" d=\"M123.611 25.429a9.37 9.37 0 0 0-9.117 11.525 1.2 1.2 0 0 1-.253 1.036L98.976 55.794a1.19 1.19 0 0 1-1.18.374 9 9 0 0 0-2.296-.285 9.37 9.37 0 0 0-6.64 2.769 1.16 1.16 0 0 1-1.198.28l-10.205-3.396a1.18 1.18 0 0 1-.792-.937 9.37 9.37 0 0 0-18.647 1.284c0 .732.086 1.462.258 2.174a1.17 1.17 0 0 1-.394 1.17l-13.587 11.34a1.2 1.2 0 0 1-1.227.173 9.37 9.37 0 1 0 5.327 6.4 1.17 1.17 0 0 1 .388-1.172L62.372 64.63a1.17 1.17 0 0 1 1.222-.173 9.37 9.37 0 0 0 10.42-1.973 1.17 1.17 0 0 1 1.204-.281l10.2 3.392a1.19 1.19 0 0 1 .787.937 9.37 9.37 0 0 0 18.666-1.279 9.2 9.2 0 0 0-.749-3.66 1.17 1.17 0 0 1 .192-1.222l14.262-16.642a1.17 1.17 0 0 1 1.349-.314 9.37 9.37 0 1 0 3.687-17.986\"></path></g><g filter=\"url(#filter1_d_5_6849)\"><path fill=\"#fff\" d=\"M29.907 138.115h103.075a4.68 4.68 0 0 0 3.312-1.373 4.683 4.683 0 0 0 0-6.626 4.68 4.68 0 0 0-3.312-1.372H29.907a4.69 4.69 0 0 0-4.686 4.685 4.684 4.684 0 0 0 4.686 4.686\"></path></g><ellipse cx=\"23.501\" cy=\"24\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"23\" cy=\"23.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 23 23.5)\"></ellipse><ellipse cx=\"149.309\" cy=\"44\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"149\" cy=\"43.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 149 43.693)\"></ellipse><ellipse cx=\"14.309\" cy=\"51\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"14\" cy=\"50.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 14 50.693)\"></ellipse><defs><filter id=\"filter0_d_5_6849\" width=\"123.071\" height=\"83.251\" x=\"19.907\" y=\"15.429\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6849\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6849\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6849\" width=\"132.445\" height=\"29.37\" x=\"15.221\" y=\"118.744\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6849\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6849\" result=\"shape\"></feBlend></filter></defs>";
|
|
23
23
|
var _IllustrationAnalytics = react.default.forwardRef((props, ref) => {
|
|
24
24
|
const { className, color = "primary", ...rest } = props;
|
|
25
25
|
const finalClassName = [
|
|
@@ -37,21 +37,21 @@ var _IllustrationAnalytics = react.default.forwardRef((props, ref) => {
|
|
|
37
37
|
className: finalClassName,
|
|
38
38
|
ref,
|
|
39
39
|
"data-c13y-component": "illustration",
|
|
40
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
40
|
+
dangerouslySetInnerHTML: { __html: _svgContent$26 }
|
|
41
41
|
});
|
|
42
42
|
});
|
|
43
43
|
_IllustrationAnalytics.displayName = "IllustrationAnalytics";
|
|
44
44
|
var IllustrationAnalytics = react.default.memo(_IllustrationAnalytics);
|
|
45
45
|
//#endregion
|
|
46
|
-
//#region src/illustrations/
|
|
46
|
+
//#region src/illustrations/IllustrationBin.tsx
|
|
47
47
|
/**
|
|
48
48
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
49
49
|
*/
|
|
50
|
-
var _svgContent$
|
|
51
|
-
var
|
|
50
|
+
var _svgContent$25 = "<g clip-path=\"url(#clip0_1094_12395)\"><path fill=\"var(--ds-illustration-50)\" d=\"M13.45 70.498C29.11 32.468 72.064 2.3 105.542 16.93s52.622 45.906 36.961 83.936-38.186 60.218-88.974 42.367c-33.478-14.631-55.742-34.705-40.08-72.735\"></path><g filter=\"url(#filter0_d_1094_12395)\"><path fill=\"var(--ds-illustration-300)\" d=\"M98.488 71.173c-4.618-.486-15.799-.729-20.903-.729s-22.36.972-27.708 2.188c-5.347 1.215-7.096 2.477-7.534 2.916-.44.439-.973.99-.973 1.61l8.507 56.966c.553 4.071 1.958 4.861 3.713 6.616S61.735 145 64.217 145h29.41c2.481 0 9.06-2.673 11.247-4.26 1.755-1.755 2.917-2.059 3.767-6.616l7.589-56.145c-.012-.613-.887-2.329-2.43-3.16-3.16-1.701-10.695-3.16-15.312-3.646\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M78.8 71.902c19.867 0 35.972 2.83 35.972 6.32S98.667 84.54 78.8 84.54c-19.866 0-35.971-2.83-35.971-6.32s16.105-6.319 35.971-6.319M100.181 117.778c-2.582 21.371-3.852 21.218-5.419 21.028-1.567-.189-2.837-.343-.254-21.714s3.853-21.217 5.42-21.028 2.836.343.253 21.714M57.564 116.32c2.582 21.371 3.852 21.217 5.419 21.028s2.837-.343.254-21.714-3.853-21.217-5.42-21.028-2.836.343-.253 21.714M81.598 118.314c0-20.648-1.28-20.648-2.857-20.648s-2.857 0-2.857 20.648 1.279 20.648 2.857 20.648 2.857 0 2.857-20.648\"></path></g><path fill=\"var(--ds-illustration-300)\" d=\"M96.613 22.513c-5.857.315-11.45 1.799-16.504 4.377-3.544-3.728-7.983-6.242-12.604-7.138s-9.157-.122-12.88 2.197c-3.722 2.32-6.416 6.05-7.648 10.592-1.233 4.543-.933 9.636.851 14.46-4.362 3.332-8.07 7.506-10.973 12.355-.771 1.286-1.162 2.831-1.131 4.467s.483 3.298 1.306 4.806c.657 1.054 1.641 1.844 2.736 2.197s2.035.757 4.433.357 6.973-2.246 11.827-4.437c9.007-4.066 11.029-5.094 20.321-11.275s10.683-6.71 18.514-12.944 8.07-7.753 8.47-8.313c.399-.56 1.551-2.92 1.717-4.059.166-1.138-.11-2.37-.767-3.424-.891-1.35-2.081-2.459-3.435-3.204s-2.82-1.096-4.233-1.014M59.56 29.87c1.796-1.143 3.932-1.67 6.168-1.523 2.235.147 4.482.964 6.488 2.358A144 144 0 0 0 54.73 41.597c-.398-2.42-.155-4.81.7-6.888.856-2.078 2.288-3.757 4.129-4.84\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M75.023 54.47c-17.286 10.77-32.74 17.188-34.517 14.335S50.765 52.202 68.05 41.433c17.287-10.77 33.277-14.48 35.054-11.627S92.309 43.7 75.023 54.47M52.187 43.731l2.596-2.158c-.572-2.45-.432-8.207 4.714-11.628 4.793-3.187 10.615-.867 12.707.837l3.635-1.838c-4.54-3.58-10.35-4.434-12.267-4.114-3.357.56-6.76 1.49-9.43 5.515s-2.315 10.243-1.955 13.386\"></path><g filter=\"url(#filter1_d_1094_12395)\"><path fill=\"#fff\" d=\"M56.16 55.109a5.986 5.986 0 0 1 5.971-5.99l34.653-.1a6.013 6.013 0 0 1 6.028 6.011l.002 27.786s-3.562.886-6.863.886c-3.76.5-11.697.8-16.45.799-4.75 0-7.989 0-12.219-.3-4.354-.31-11.12-1.204-11.12-1.204z\"></path></g><rect width=\"35.764\" height=\"4\" fill=\"var(--ds-illustration-300)\" rx=\"2\" transform=\"rotate(-.251 14219.177 -14033.525)skewX(-.07)\"></rect><rect width=\"35.764\" height=\"4\" fill=\"var(--ds-illustration-300)\" rx=\"2\" transform=\"matrix(.99999 -.00438 .00317 1 61 72.314)\"></rect><ellipse cx=\"21.501\" cy=\"50\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"21\" cy=\"49.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 21 49.501)\"></ellipse><ellipse cx=\"136.309\" cy=\"117\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"136\" cy=\"116.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 136 116.693)\"></ellipse><ellipse cx=\"128.309\" cy=\"29\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"128\" cy=\"28.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 128 28.693)\"></ellipse><ellipse cx=\"150.232\" cy=\"104\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"150\" cy=\"103.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 150 103.77)\"></ellipse></g><defs><filter id=\"filter0_d_1094_12395\" width=\"114.86\" height=\"114.556\" x=\"26.37\" y=\"48.444\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset dx=\"5\" dy=\"-2\"></feOffset><feGaussianBlur stdDeviation=\"10\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1094_12395\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1094_12395\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_1094_12395\" width=\"66.655\" height=\"55.481\" x=\"46.16\" y=\"39.02\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1094_12395\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1094_12395\" result=\"shape\"></feBlend></filter><clipPath id=\"clip0_1094_12395\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath></defs>";
|
|
51
|
+
var _IllustrationBin = react.default.forwardRef((props, ref) => {
|
|
52
52
|
const { className, color = "primary", ...rest } = props;
|
|
53
53
|
const finalClassName = [
|
|
54
|
-
"ds-illustration ds-illustration-
|
|
54
|
+
"ds-illustration ds-illustration-bin",
|
|
55
55
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
56
56
|
className
|
|
57
57
|
].filter(Boolean).join(" ");
|
|
@@ -65,21 +65,21 @@ var _IllustrationChat = react.default.forwardRef((props, ref) => {
|
|
|
65
65
|
className: finalClassName,
|
|
66
66
|
ref,
|
|
67
67
|
"data-c13y-component": "illustration",
|
|
68
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
68
|
+
dangerouslySetInnerHTML: { __html: _svgContent$25 }
|
|
69
69
|
});
|
|
70
70
|
});
|
|
71
|
-
|
|
72
|
-
var
|
|
71
|
+
_IllustrationBin.displayName = "IllustrationBin";
|
|
72
|
+
var IllustrationBin = react.default.memo(_IllustrationBin);
|
|
73
73
|
//#endregion
|
|
74
|
-
//#region src/illustrations/
|
|
74
|
+
//#region src/illustrations/IllustrationCalendar.tsx
|
|
75
75
|
/**
|
|
76
76
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
77
77
|
*/
|
|
78
|
-
var _svgContent$15 = "<g clip-path=\"url(#clip0_758_5102)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.77 155.999c27.839-.126 52.238-16.495 62.26-41.979 12.229-31.098 17.672-71.108-10.408-89.87-26.845-17.937-58.315 7.134-83.734 26.969-20.839 16.26-39.781 38.438-32.171 63.473 8.079 26.578 35.785 41.535 64.053 41.407\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_5102)\"><rect width=\"90\" height=\"116\" x=\"35.2\" y=\"24\" fill=\"#fff\" rx=\"12\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 56a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"57\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"65\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 82a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"83\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"91\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 108a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"109\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-300)\" d=\"M35 36c0-6.627 5.373-12 12-12h66c6.627 0 12 5.373 12 12v6H35z\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M58 22.4a5.4 5.4 0 0 1 5.4-5.4h33.2a5.4 5.4 0 0 1 5.4 5.4V31a2 2 0 0 1-2 2H60a2 2 0 0 1-2-2z\"></path><rect width=\"16\" height=\"16\" x=\"72\" y=\"11\" fill=\"var(--ds-illustration-500)\" rx=\"8\"></rect></g><ellipse cx=\"29.501\" cy=\"17\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"29\" cy=\"16.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 29 16.501)\"></ellipse><ellipse cx=\"19.309\" cy=\"38\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"19\" cy=\"37.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 19 37.693)\"></ellipse></g><defs><clipPath id=\"clip0_758_5102\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_758_5102\" width=\"120.2\" height=\"161\" x=\"20\" y=\"-6\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"7.5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0.204477 0 0 0 0 0.483105 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_5102\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_5102\" result=\"shape\"></feBlend></filter></defs>";
|
|
79
|
-
var
|
|
78
|
+
var _svgContent$24 = "<g clip-path=\"url(#clip0_769_5189)\"><path fill=\"var(--ds-illustration-50)\" d=\"M141.039 112.35c0-35.692-27.474-74.62-63.021-74.62S13.654 55.952 13.654 91.644s12.047 61.17 64.364 64.626c35.547 0 63.021-8.227 63.021-43.919\"></path><g filter=\"url(#filter0_dd_769_5189)\"><path fill=\"#fff\" d=\"M123.542 28.75H36.459a9.167 9.167 0 0 0-9.167 9.166v77.917a9.167 9.167 0 0 0 9.167 9.166h87.083a9.167 9.167 0 0 0 9.167-9.166V37.916a9.167 9.167 0 0 0-9.167-9.166\"></path></g><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M132.708 54.285H27.291V37.916a9.166 9.166 0 0 1 9.167-9.166h87.083a9.167 9.167 0 0 1 9.167 9.166z\" clip-rule=\"evenodd\"></path><ellipse cx=\"54.464\" cy=\"42.5\" fill=\"var(--ds-illustration-50)\" rx=\"9.821\" ry=\"3.929\"></ellipse><ellipse cx=\"105.536\" cy=\"42.5\" fill=\"var(--ds-illustration-50)\" rx=\"9.821\" ry=\"3.929\"></ellipse><g filter=\"url(#filter1_dd_769_5189)\"><path fill=\"var(--ds-illustration-500)\" d=\"M48.571 24.822a5.893 5.893 0 0 1 11.786 0V42.5H48.571z\"></path></g><g filter=\"url(#filter2_dd_769_5189)\"><path fill=\"var(--ds-illustration-500)\" d=\"M99.643 24.822a5.893 5.893 0 0 1 11.786 0V42.5H99.643z\"></path></g><rect width=\"23.571\" height=\"23.571\" x=\"36.785\" y=\"62.143\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"23.571\" height=\"23.571\" x=\"68.215\" y=\"62.143\" fill=\"var(--ds-illustration-500)\" rx=\"3.929\"></rect><rect width=\"23.571\" height=\"23.571\" x=\"99.643\" y=\"62.143\" fill=\"var(--ds-illustration-500)\" rx=\"3.929\"></rect><rect width=\"23.571\" height=\"23.571\" x=\"36.785\" y=\"93.571\" fill=\"var(--ds-illustration-500)\" rx=\"3.929\"></rect><rect width=\"23.571\" height=\"23.571\" x=\"68.215\" y=\"93.571\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><path fill=\"var(--ds-illustration-50)\" d=\"M79.988 78.687c2.529 0 4.579-2.08 4.579-4.647 0-2.566-2.05-4.647-4.58-4.647-2.528 0-4.578 2.08-4.578 4.647 0 2.566 2.05 4.647 4.579 4.647M79.988 67.457c.632 0 1.144-.52 1.144-1.162v-.774c0-.642-.512-1.162-1.144-1.162s-1.145.52-1.145 1.162v.774c0 .642.513 1.162 1.145 1.162M73.783 69.385c.45.44 1.164.434 1.605-.015a1.174 1.174 0 0 0 .013-1.628l-.538-.547a1.13 1.13 0 0 0-1.114-.317c-.4.106-.713.423-.817.829-.106.406.014.838.311 1.13zM71.593 75.202h.763c.633 0 1.145-.52 1.145-1.162s-.513-1.162-1.145-1.162h-.763c-.632 0-1.145.52-1.145 1.162s.513 1.162 1.145 1.162M73.783 78.695l-.54.548a1.17 1.17 0 0 0-.311 1.13c.104.406.417.723.817.83.4.105.826-.016 1.114-.318l.538-.547a1.174 1.174 0 0 0-.013-1.628 1.133 1.133 0 0 0-1.605-.015M79.988 80.623c-.632 0-1.145.52-1.145 1.162v.774c0 .642.513 1.162 1.145 1.162s1.144-.52 1.144-1.162v-.774c0-.642-.512-1.162-1.144-1.162M86.194 78.695a1.133 1.133 0 0 0-1.62 0 1.174 1.174 0 0 0 0 1.643l.54.547c.286.31.716.439 1.121.334.406-.106.723-.427.826-.839a1.17 1.17 0 0 0-.329-1.137zM88.382 72.878h-.763c-.632 0-1.145.52-1.145 1.162s.513 1.162 1.145 1.162h.763c.632 0 1.145-.52 1.145-1.162s-.513-1.162-1.145-1.162M85.383 69.725c.304 0 .596-.122.81-.34l.54-.548c.306-.29.432-.726.328-1.138a1.15 1.15 0 0 0-.826-.838 1.13 1.13 0 0 0-1.12.334l-.54.547a1.17 1.17 0 0 0-.249 1.265c.178.434.594.717 1.057.718M48.642 110.183c2.529 0 4.579-2.081 4.579-4.647s-2.05-4.647-4.58-4.647c-2.528 0-4.578 2.08-4.578 4.647 0 2.566 2.05 4.647 4.579 4.647M48.642 98.953c.632 0 1.144-.52 1.144-1.162v-.775c0-.641-.512-1.161-1.144-1.161s-1.145.52-1.145 1.161v.775c0 .642.513 1.162 1.145 1.162M42.437 100.881c.45.44 1.164.433 1.605-.015a1.174 1.174 0 0 0 .013-1.628l-.538-.547a1.13 1.13 0 0 0-1.114-.318c-.4.107-.712.424-.817.83s.014.838.311 1.13zM40.247 106.697h.763c.633 0 1.145-.52 1.145-1.161 0-.642-.512-1.162-1.145-1.162h-.763c-.632 0-1.145.52-1.145 1.162s.513 1.161 1.145 1.161M42.437 110.19l-.54.549a1.17 1.17 0 0 0-.311 1.13c.105.406.417.723.817.829s.826-.015 1.114-.317l.538-.547a1.175 1.175 0 0 0-.013-1.629 1.133 1.133 0 0 0-1.605-.015M48.642 112.119c-.632 0-1.145.52-1.145 1.162v.774c0 .642.513 1.162 1.145 1.162s1.144-.52 1.144-1.162v-.774c0-.642-.512-1.162-1.144-1.162M54.848 110.191a1.133 1.133 0 0 0-1.62 0 1.174 1.174 0 0 0 0 1.643l.54.547c.286.311.716.439 1.121.334.406-.106.723-.427.826-.839a1.17 1.17 0 0 0-.329-1.137zM57.036 104.374h-.763c-.632 0-1.145.52-1.145 1.162s.513 1.161 1.145 1.161h.763c.633 0 1.145-.52 1.145-1.161 0-.642-.512-1.162-1.145-1.162M54.037 101.22c.304.001.596-.121.81-.339l.54-.548c.306-.29.432-.726.328-1.138a1.15 1.15 0 0 0-.826-.838 1.13 1.13 0 0 0-1.12.334l-.54.547a1.17 1.17 0 0 0-.248 1.265c.176.434.593.717 1.056.717M111.633 78.687c2.529 0 4.579-2.08 4.579-4.647 0-2.566-2.05-4.647-4.579-4.647s-4.578 2.08-4.578 4.647c0 2.566 2.05 4.647 4.578 4.647M111.633 67.457c.632 0 1.145-.52 1.145-1.162v-.774c0-.642-.513-1.162-1.145-1.162s-1.144.52-1.144 1.162v.774c0 .642.512 1.162 1.144 1.162M105.429 69.385c.449.44 1.163.434 1.605-.015a1.175 1.175 0 0 0 .013-1.628l-.539-.547a1.13 1.13 0 0 0-1.113-.317c-.4.106-.713.423-.818.829s.014.838.312 1.13zM103.239 75.202h.763c.632 0 1.145-.52 1.145-1.162s-.513-1.162-1.145-1.162h-.763c-.633 0-1.145.52-1.145 1.162s.512 1.162 1.145 1.162M105.429 78.695l-.54.548a1.17 1.17 0 0 0-.312 1.13c.105.406.418.723.818.83.4.105.826-.016 1.113-.318l.539-.547a1.175 1.175 0 0 0-.013-1.628 1.133 1.133 0 0 0-1.605-.015M111.633 80.623c-.632 0-1.144.52-1.144 1.162v.774c0 .642.512 1.162 1.144 1.162s1.145-.52 1.145-1.162v-.774c0-.642-.513-1.162-1.145-1.162M117.839 78.695a1.133 1.133 0 0 0-1.619 0 1.175 1.175 0 0 0 0 1.643l.54.547c.285.31.715.439 1.121.334.405-.106.722-.427.826-.839a1.18 1.18 0 0 0-.329-1.137zM120.028 72.878h-.763c-.633 0-1.145.52-1.145 1.162s.512 1.162 1.145 1.162h.763c.632 0 1.144-.52 1.144-1.162s-.512-1.162-1.144-1.162M117.029 69.725c.303 0 .595-.122.81-.34l.539-.548c.306-.29.432-.726.329-1.138a1.16 1.16 0 0 0-.826-.838 1.13 1.13 0 0 0-1.121.334l-.54.547a1.17 1.17 0 0 0-.248 1.265c.177.434.594.717 1.057.718\"></path><ellipse cx=\"15.501\" cy=\"23\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"15\" cy=\"22.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 15 22.501)\"></ellipse><ellipse cx=\"33.309\" cy=\"11\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"33\" cy=\"10.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 33 10.693)\"></ellipse></g><defs><filter id=\"filter0_dd_769_5189\" width=\"155.228\" height=\"146.061\" x=\"2.387\" y=\"24.599\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feMorphology in=\"SourceAlpha\" radius=\"8.302\" result=\"effect1_dropShadow_769_5189\"></feMorphology><feOffset dy=\"8.302\"></feOffset><feGaussianBlur stdDeviation=\"6.226\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_769_5189\"></feBlend><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feMorphology in=\"SourceAlpha\" radius=\"6.226\" result=\"effect2_dropShadow_769_5189\"></feMorphology><feOffset dy=\"20.755\"></feOffset><feGaussianBlur stdDeviation=\"15.566\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"effect1_dropShadow_769_5189\" result=\"effect2_dropShadow_769_5189\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect2_dropShadow_769_5189\" result=\"shape\"></feBlend></filter><filter id=\"filter1_dd_769_5189\" width=\"106.071\" height=\"117.857\" x=\"1.428\" y=\"11.072\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feMorphology in=\"SourceAlpha\" radius=\"15.714\" result=\"effect1_dropShadow_769_5189\"></feMorphology><feOffset dy=\"15.714\"></feOffset><feGaussianBlur stdDeviation=\"11.786\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_769_5189\"></feBlend><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feMorphology in=\"SourceAlpha\" radius=\"11.786\" result=\"effect2_dropShadow_769_5189\"></feMorphology><feOffset dy=\"39.286\"></feOffset><feGaussianBlur stdDeviation=\"29.464\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"effect1_dropShadow_769_5189\" result=\"effect2_dropShadow_769_5189\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect2_dropShadow_769_5189\" result=\"shape\"></feBlend></filter><filter id=\"filter2_dd_769_5189\" width=\"106.071\" height=\"117.857\" x=\"52.5\" y=\"11.072\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feMorphology in=\"SourceAlpha\" radius=\"15.714\" result=\"effect1_dropShadow_769_5189\"></feMorphology><feOffset dy=\"15.714\"></feOffset><feGaussianBlur stdDeviation=\"11.786\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_769_5189\"></feBlend><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feMorphology in=\"SourceAlpha\" radius=\"11.786\" result=\"effect2_dropShadow_769_5189\"></feMorphology><feOffset dy=\"39.286\"></feOffset><feGaussianBlur stdDeviation=\"29.464\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"></feColorMatrix><feBlend in2=\"effect1_dropShadow_769_5189\" result=\"effect2_dropShadow_769_5189\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect2_dropShadow_769_5189\" result=\"shape\"></feBlend></filter><clipPath id=\"clip0_769_5189\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath></defs>";
|
|
79
|
+
var _IllustrationCalendar = react.default.forwardRef((props, ref) => {
|
|
80
80
|
const { className, color = "primary", ...rest } = props;
|
|
81
81
|
const finalClassName = [
|
|
82
|
-
"ds-illustration ds-illustration-
|
|
82
|
+
"ds-illustration ds-illustration-calendar",
|
|
83
83
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
84
84
|
className
|
|
85
85
|
].filter(Boolean).join(" ");
|
|
@@ -93,21 +93,21 @@ var _IllustrationClipboard = react.default.forwardRef((props, ref) => {
|
|
|
93
93
|
className: finalClassName,
|
|
94
94
|
ref,
|
|
95
95
|
"data-c13y-component": "illustration",
|
|
96
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
96
|
+
dangerouslySetInnerHTML: { __html: _svgContent$24 }
|
|
97
97
|
});
|
|
98
98
|
});
|
|
99
|
-
|
|
100
|
-
var
|
|
99
|
+
_IllustrationCalendar.displayName = "IllustrationCalendar";
|
|
100
|
+
var IllustrationCalendar = react.default.memo(_IllustrationCalendar);
|
|
101
101
|
//#endregion
|
|
102
|
-
//#region src/illustrations/
|
|
102
|
+
//#region src/illustrations/IllustrationChat.tsx
|
|
103
103
|
/**
|
|
104
104
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
105
105
|
*/
|
|
106
|
-
var _svgContent$
|
|
107
|
-
var
|
|
106
|
+
var _svgContent$23 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.576 9.31c21.654.426 44.636 1.287 59.309 17.23 15.779 17.142 20.606 41.684 15.932 64.517-4.811 23.501-18.534 45.39-40.429 55.155-21.256 9.48-45.702 3.827-65.904-7.731-18.38-10.516-28.812-29.215-34.393-49.652-5.982-21.91-11.264-47.16 3.17-64.688C28.548 6.794 54.118 8.867 76.577 9.31\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6618)\"><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M79.983 19c6.627 0 12 5.373 12 12v24.547c0 6.627-5.373 12-12 12H50.377l-8.322 7.602c-1.136 1.037-2.968.379-3.185-1.143l-.92-6.46H32c-6.627 0-12-5.372-12-12V31c0-6.627 5.373-12 12-12z\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter1_d_5_6618)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M71.156 71.611c-8.837 0-16 7.164-16 16v24.917c0 8.837 7.163 16 16 16h27.776l13.822 12.625c1.135 1.037 2.968.38 3.184-1.142l1.636-11.483h6.957c8.837 0 16-7.163 16-16V87.611c0-8.836-7.163-16-16-16z\" clip-rule=\"evenodd\"></path></g><rect width=\"48.786\" height=\"4\" x=\"73.569\" y=\"92.656\" fill=\"#fff\" rx=\"2\"></rect><rect width=\"48.786\" height=\"4\" x=\"73.569\" y=\"105.092\" fill=\"#fff\" rx=\"2\"></rect><rect width=\"35.394\" height=\"4\" x=\"38.176\" y=\"35.261\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"35.394\" height=\"4\" x=\"38.176\" y=\"46.093\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><ellipse cx=\"140.501\" cy=\"19\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"140\" cy=\"18.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 140 18.5)\"></ellipse><ellipse cx=\"124.501\" cy=\"40\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"124\" cy=\"39.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 124 39.5)\"></ellipse><ellipse cx=\"21.501\" cy=\"124\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"21\" cy=\"123.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 21 123.501)\"></ellipse><defs><filter id=\"filter0_d_5_6618\" width=\"91.983\" height=\"76.652\" x=\"10\" y=\"9\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6618\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6618\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6618\" width=\"105.375\" height=\"90.045\" x=\"45.156\" y=\"61.611\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6618\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6618\" result=\"shape\"></feBlend></filter></defs>";
|
|
107
|
+
var _IllustrationChat = react.default.forwardRef((props, ref) => {
|
|
108
108
|
const { className, color = "primary", ...rest } = props;
|
|
109
109
|
const finalClassName = [
|
|
110
|
-
"ds-illustration ds-illustration-
|
|
110
|
+
"ds-illustration ds-illustration-chat",
|
|
111
111
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
112
112
|
className
|
|
113
113
|
].filter(Boolean).join(" ");
|
|
@@ -121,21 +121,21 @@ var _IllustrationDocument = react.default.forwardRef((props, ref) => {
|
|
|
121
121
|
className: finalClassName,
|
|
122
122
|
ref,
|
|
123
123
|
"data-c13y-component": "illustration",
|
|
124
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
124
|
+
dangerouslySetInnerHTML: { __html: _svgContent$23 }
|
|
125
125
|
});
|
|
126
126
|
});
|
|
127
|
-
|
|
128
|
-
var
|
|
127
|
+
_IllustrationChat.displayName = "IllustrationChat";
|
|
128
|
+
var IllustrationChat = react.default.memo(_IllustrationChat);
|
|
129
129
|
//#endregion
|
|
130
|
-
//#region src/illustrations/
|
|
130
|
+
//#region src/illustrations/IllustrationClipboard.tsx
|
|
131
131
|
/**
|
|
132
132
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
133
133
|
*/
|
|
134
|
-
var _svgContent$
|
|
135
|
-
var
|
|
134
|
+
var _svgContent$22 = "<g clip-path=\"url(#clip0_758_5102)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.77 155.999c27.839-.126 52.238-16.495 62.26-41.979 12.229-31.098 17.672-71.108-10.408-89.87-26.845-17.937-58.315 7.134-83.734 26.969-20.839 16.26-39.781 38.438-32.171 63.473 8.079 26.578 35.785 41.535 64.053 41.407\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_5102)\"><rect width=\"90\" height=\"116\" x=\"35.2\" y=\"24\" fill=\"#fff\" rx=\"12\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 56a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"57\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"65\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 82a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"83\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"91\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-500)\" d=\"M54 108a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6\"></path><rect width=\"46\" height=\"4\" x=\"66\" y=\"109\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"30\" height=\"4\" x=\"66\" y=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-300)\" d=\"M35 36c0-6.627 5.373-12 12-12h66c6.627 0 12 5.373 12 12v6H35z\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M58 22.4a5.4 5.4 0 0 1 5.4-5.4h33.2a5.4 5.4 0 0 1 5.4 5.4V31a2 2 0 0 1-2 2H60a2 2 0 0 1-2-2z\"></path><rect width=\"16\" height=\"16\" x=\"72\" y=\"11\" fill=\"var(--ds-illustration-500)\" rx=\"8\"></rect></g><ellipse cx=\"29.501\" cy=\"17\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"29\" cy=\"16.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 29 16.501)\"></ellipse><ellipse cx=\"19.309\" cy=\"38\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"19\" cy=\"37.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 19 37.693)\"></ellipse></g><defs><clipPath id=\"clip0_758_5102\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_758_5102\" width=\"120.2\" height=\"161\" x=\"20\" y=\"-6\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"7.5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0.204477 0 0 0 0 0.483105 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_5102\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_5102\" result=\"shape\"></feBlend></filter></defs>";
|
|
135
|
+
var _IllustrationClipboard = react.default.forwardRef((props, ref) => {
|
|
136
136
|
const { className, color = "primary", ...rest } = props;
|
|
137
137
|
const finalClassName = [
|
|
138
|
-
"ds-illustration ds-illustration-
|
|
138
|
+
"ds-illustration ds-illustration-clipboard",
|
|
139
139
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
140
140
|
className
|
|
141
141
|
].filter(Boolean).join(" ");
|
|
@@ -149,17 +149,17 @@ var _IllustrationDocuments = react.default.forwardRef((props, ref) => {
|
|
|
149
149
|
className: finalClassName,
|
|
150
150
|
ref,
|
|
151
151
|
"data-c13y-component": "illustration",
|
|
152
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
152
|
+
dangerouslySetInnerHTML: { __html: _svgContent$22 }
|
|
153
153
|
});
|
|
154
154
|
});
|
|
155
|
-
|
|
156
|
-
var
|
|
155
|
+
_IllustrationClipboard.displayName = "IllustrationClipboard";
|
|
156
|
+
var IllustrationClipboard = react.default.memo(_IllustrationClipboard);
|
|
157
157
|
//#endregion
|
|
158
158
|
//#region src/illustrations/IllustrationDragDrop.tsx
|
|
159
159
|
/**
|
|
160
160
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
161
161
|
*/
|
|
162
|
-
var _svgContent$
|
|
162
|
+
var _svgContent$21 = "<g clip-path=\"url(#clip0_5_6916)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M83.494 13.042c21.004-.964 38.8 14.737 50.623 32.124 10.696 15.73 10.887 34.93 7.726 53.689-3.494 20.737-6.92 45.007-25.887 54.089-18.945 9.072-39.694-4.009-58.285-13.784-17.42-9.159-36.796-19.145-40.938-38.385-4.104-19.063 9.84-35.697 21.649-51.214C50.708 33.362 63.16 13.976 83.494 13.042\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6916)\"><rect width=\"108.212\" height=\"94.495\" x=\"32.788\" y=\"49.976\" fill=\"#fff\" rx=\"12\"></rect></g><rect width=\"83.924\" height=\"26.008\" x=\"45.694\" y=\"63.644\" fill=\"var(--ds-illustration-50)\" stroke=\"var(--ds-illustration-500)\" stroke-dasharray=\"12.78 12.78\" stroke-width=\"2.95\" rx=\"6.525\"></rect><g filter=\"url(#filter1_d_5_6916)\"><rect width=\"86.875\" height=\"28.958\" x=\"5.354\" y=\"56.365\" fill=\"var(--ds-illustration-300)\" rx=\"8\" transform=\"rotate(-14.918 5.354 56.365)\"></rect></g><rect width=\"86.875\" height=\"28.958\" x=\"43.456\" y=\"103.32\" fill=\"var(--ds-illustration-300)\" rx=\"8\"></rect><ellipse cx=\"140.501\" cy=\"21\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"140\" cy=\"20.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 140 20.5)\"></ellipse><ellipse cx=\"18.232\" cy=\"31\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"18\" cy=\"30.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 18 30.77)\"></ellipse><ellipse cx=\"33.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"33\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 33 19.693)\"></ellipse></g><defs><filter id=\"filter0_d_5_6916\" width=\"128.212\" height=\"114.495\" x=\"22.788\" y=\"39.976\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6916\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6916\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6916\" width=\"107.826\" height=\"66.772\" x=\"-2.858\" y=\"25.788\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6916\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6916\" result=\"shape\"></feBlend></filter><clipPath id=\"clip0_5_6916\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath></defs>";
|
|
163
163
|
var _IllustrationDragDrop = react.default.forwardRef((props, ref) => {
|
|
164
164
|
const { className, color = "primary", ...rest } = props;
|
|
165
165
|
const finalClassName = [
|
|
@@ -177,21 +177,21 @@ var _IllustrationDragDrop = react.default.forwardRef((props, ref) => {
|
|
|
177
177
|
className: finalClassName,
|
|
178
178
|
ref,
|
|
179
179
|
"data-c13y-component": "illustration",
|
|
180
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
180
|
+
dangerouslySetInnerHTML: { __html: _svgContent$21 }
|
|
181
181
|
});
|
|
182
182
|
});
|
|
183
183
|
_IllustrationDragDrop.displayName = "IllustrationDragDrop";
|
|
184
184
|
var IllustrationDragDrop = react.default.memo(_IllustrationDragDrop);
|
|
185
185
|
//#endregion
|
|
186
|
-
//#region src/illustrations/
|
|
186
|
+
//#region src/illustrations/IllustrationEmail.tsx
|
|
187
187
|
/**
|
|
188
188
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
189
189
|
*/
|
|
190
|
-
var _svgContent$
|
|
191
|
-
var
|
|
190
|
+
var _svgContent$20 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M75.456 10.003c22.046-.186 43.622 8.457 57.344 25.608 13.7 17.123 16.895 39.853 12.115 61.208-4.815 21.518-16.482 42.947-37.19 50.84-19.407 7.397-39.545-4.167-57.367-14.798-15.245-9.095-26.98-21.925-32.405-38.754-6.196-19.223-10.048-40.845 1.367-57.54 12.255-17.924 34.333-26.38 56.136-26.564\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M31.42 82.405h96.981c1.451 0 2.242-1.692 1.312-2.806L90.407 32.561c-5.468-6.544-15.525-6.544-20.992 0L30.108 79.599c-.93 1.114-.138 2.806 1.312 2.806\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M29.605 81.232c0-.944.766-1.71 1.71-1.71h97.509c.945 0 1.71.766 1.71 1.71v44.997c0 7.554-6.124 13.678-13.678 13.678H43.283c-7.554 0-13.678-6.124-13.678-13.678z\"></path><circle cx=\"41.441\" cy=\"127.713\" r=\"11.968\" fill=\"var(--ds-illustration-300)\"></circle><circle cx=\"118.38\" cy=\"127.713\" r=\"11.968\" fill=\"var(--ds-illustration-300)\"></circle><g filter=\"url(#filter0_d_5_6751)\"><path fill=\"#fff\" d=\"M42.296 49.952c0-6.627 5.373-12 12-12h52.083c6.628 0 12 5.373 12 12v77.73c0 6.627-5.372 12-12 12H54.296c-6.627 0-12-5.373-12-12z\"></path></g><rect width=\"55.566\" height=\"4\" x=\"52.554\" y=\"75.566\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"55.566\" height=\"4\" x=\"52.554\" y=\"64.453\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"55.566\" height=\"4\" x=\"52.554\" y=\"53.34\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"35.05\" height=\"4\" x=\"52.554\" y=\"86.68\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"m130.534 81.247-.036-.032a9.5 9.5 0 0 1-5.18 7.644L88.992 103.74c-11.342 4.647-11.317 20.718.039 25.33l25.078 10.185c7.869 3.196 16.471-2.594 16.471-11.088V86.703l-.046.02z\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"m29.606 81.247.035-.032a9.48 9.48 0 0 0 3.766 6.766l37.935 15.547c11.321 4.64 11.321 20.672 0 25.312l-25.23 10.34c-7.874 3.227-16.506-2.564-16.506-11.074V81.247\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter1_d_5_6751)\"><path fill=\"var(--ds-illustration-300)\" d=\"M39.482 140.272h80.266c3.092 0 4.582-3.79 2.318-5.896l-33.135-30.824c-5.25-4.884-13.382-4.884-18.632 0l-33.135 30.824c-2.264 2.106-.774 5.896 2.318 5.896\"></path></g><ellipse cx=\"52.501\" cy=\"14\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"52\" cy=\"13.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 52 13.5)\"></ellipse><ellipse cx=\"141.501\" cy=\"37\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"141\" cy=\"36.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 141 36.5)\"></ellipse><ellipse cx=\"20.309\" cy=\"51\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"20\" cy=\"50.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 20 50.693)\"></ellipse><defs><filter id=\"filter0_d_5_6751\" width=\"96.083\" height=\"121.729\" x=\"32.296\" y=\"27.952\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6751\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6751\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6751\" width=\"107.087\" height=\"60.383\" x=\"26.071\" y=\"89.889\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6751\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6751\" result=\"shape\"></feBlend></filter></defs>";
|
|
191
|
+
var _IllustrationEmail = react.default.forwardRef((props, ref) => {
|
|
192
192
|
const { className, color = "primary", ...rest } = props;
|
|
193
193
|
const finalClassName = [
|
|
194
|
-
"ds-illustration ds-illustration-email
|
|
194
|
+
"ds-illustration ds-illustration-email",
|
|
195
195
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
196
196
|
className
|
|
197
197
|
].filter(Boolean).join(" ");
|
|
@@ -205,21 +205,21 @@ var _IllustrationEmailDraft = react.default.forwardRef((props, ref) => {
|
|
|
205
205
|
className: finalClassName,
|
|
206
206
|
ref,
|
|
207
207
|
"data-c13y-component": "illustration",
|
|
208
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
208
|
+
dangerouslySetInnerHTML: { __html: _svgContent$20 }
|
|
209
209
|
});
|
|
210
210
|
});
|
|
211
|
-
|
|
212
|
-
var
|
|
211
|
+
_IllustrationEmail.displayName = "IllustrationEmail";
|
|
212
|
+
var IllustrationEmail = react.default.memo(_IllustrationEmail);
|
|
213
213
|
//#endregion
|
|
214
|
-
//#region src/illustrations/
|
|
214
|
+
//#region src/illustrations/IllustrationEmailDraft.tsx
|
|
215
215
|
/**
|
|
216
216
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
217
217
|
*/
|
|
218
|
-
var _svgContent$10 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C38.618 17.539 60.182 9.604 81.81 10.015\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_4749)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M18.235 62.174c-.034-1.984 1.403-3.705 3.356-4.046l36.792-6.425a3.92 3.92 0 0 1 4.538 3.106l1.075 5.446a.985.985 0 0 0 1.237.756c15.39-4.273 31.913-6.642 33.43-6.935 10.142-1.955 15.002-2.5 23.022-3.394 2.347-.262 4.385 1.558 4.335 3.924-.273 12.77-1.604 21.68-1.052 28.705.541 6.88 3.717 16.571 5.626 29.941.449 3.141-1.748 6.055-4.876 6.624l-96.263 17.499c-3.687-12.437-6.665-26.327-8.549-38.848-1.716-11.406-2.471-24.462-2.671-36.353\" clip-rule=\"evenodd\"></path></g><path fill=\"#fff\" d=\"M59.217 57.222a1.275 1.275 0 0 1 1.465-1.052l71.804 11.809c.695.114 1.166.77 1.051 1.465l-6.207 37.742a5.964 5.964 0 0 1-6.854 4.918l-62.547-10.286a5.966 5.966 0 0 1-4.919-6.855z\"></path><g filter=\"url(#filter1_d_758_4749)\"><path fill=\"#fff\" d=\"m53.026 94.869 6.217-37.802s1.174 3.527 3 4.731c1.364.9 44.938 28.29 44.938 28.29L60.34 101.63c-4.158 1.024-8.009-2.536-7.314-6.761\"></path></g><g filter=\"url(#filter2_d_758_4749)\"><path fill=\"#fff\" d=\"m127.322 107.087 6.217-37.801s-2.242 2.965-4.358 3.52c-1.58.416-51.63 12.409-51.63 12.409l40.677 25.935c3.611 2.302 8.399.163 9.094-4.063\"></path></g><g filter=\"url(#filter3_d_758_4749)\"><path fill=\"#fff\" d=\"m58 101.83 62.408 10.263c5.896.97 9.398-6.369 4.935-10.343L99.082 78.372a8.95 8.95 0 0 0-9.368-1.587L56.69 90.429c-5.55 2.293-4.616 10.426 1.31 11.401\"></path></g><g filter=\"url(#filter4_d_758_4749)\"><path fill=\"#fff\" d=\"m66.229 51.792 62.408 10.264c5.896.97 6.863 9.043 1.362 11.378L97.634 87.171a8.95 8.95 0 0 1-9.382-1.496L61.337 62.173c-4.524-3.95-1.034-11.355 4.892-10.38\"></path></g><path fill=\"#fff\" d=\"M9.616 76.157a1.275 1.275 0 0 1 .612-1.696l65.856-30.955a1.275 1.275 0 0 1 1.696.611l16.27 34.616a5.966 5.966 0 0 1-2.86 7.936l-57.366 26.965a5.967 5.967 0 0 1-7.937-2.862z\"></path><g filter=\"url(#filter5_d_758_4749)\"><path fill=\"#fff\" d=\"M25.846 110.686 9.55 76.016s2.966 2.24 5.153 2.197c1.633-.031 53.057-2.152 53.057-2.152l-32.056 36.051c-2.846 3.2-8.036 2.449-9.858-1.426\"></path></g><g filter=\"url(#filter6_d_758_4749)\"><path fill=\"#fff\" d=\"m93.988 78.656-16.296-34.67s-.167 3.713-1.596 5.37c-1.067 1.237-35.512 39.48-35.512 39.48l48.213-1.68c4.28-.149 7.013-4.624 5.191-8.5\"></path></g><g filter=\"url(#filter7_d_758_4749)\"><path fill=\"#fff\" d=\"m33.889 113.603 57.238-26.904c5.409-2.542 4.136-10.574-1.794-11.319l-34.885-4.383a8.95 8.95 0 0 0-8.618 4l-19.48 29.955c-3.274 5.034 2.104 11.206 7.539 8.651\"></path></g><g filter=\"url(#filter8_d_758_4749)\"><path fill=\"#fff\" d=\"m12.317 67.71 57.239-26.904c5.408-2.542 10.78 3.563 7.57 8.604L58.241 79.067a8.95 8.95 0 0 1-8.578 4.083l-35.495-4.114c-5.965-.692-7.286-8.77-1.85-11.325\"></path></g><g filter=\"url(#filter9_d_758_4749)\"><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M44.084 79.262a8 8 0 0 1 5.731-4.75q31.155-6.585 57.055-9.503 22.764-2.566 38.49-1.965c2.944.113 4.544 3.35 3.048 5.922-4.341 7.46-8.33 15.258-11.113 22.954-3.1 8.572-5.096 17.186-6.299 25.429-.259 1.775-1.621 3.211-3.384 3.512l-98.199 16.813c1.353-14.962 4.236-26.6 6.381-34.652q2.81-10.554 8.29-23.76\" clip-rule=\"evenodd\"></path></g><ellipse cx=\"17.501\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"27.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 27.501)\"></ellipse><ellipse cx=\"43.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"43\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 43 19.693)\"></ellipse><defs><filter id=\"filter0_d_758_4749\" width=\"132.418\" height=\"106.718\" x=\"8.234\" y=\"40.657\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_758_4749\" width=\"69.151\" height=\"59.654\" x=\"45.487\" y=\"49.61\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_758_4749\" width=\"70.903\" height=\"57.719\" x=\"70.093\" y=\"61.829\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_758_4749\" width=\"89.278\" height=\"50.988\" x=\"45.543\" y=\"68.649\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_758_4749\" width=\"89.278\" height=\"51.093\" x=\"51.815\" y=\"44.248\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter5_d_758_4749\" width=\"73.125\" height=\"53.014\" x=\"2.093\" y=\"68.558\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter6_d_758_4749\" width=\"68.892\" height=\"59.764\" x=\"33.127\" y=\"36.529\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter7_d_758_4749\" width=\"84.121\" height=\"58.188\" x=\"17.895\" y=\"63.469\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter8_d_758_4749\" width=\"84.121\" height=\"57.914\" x=\"1.428\" y=\"32.753\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter9_d_758_4749\" width=\"139.565\" height=\"94.744\" x=\"19.413\" y=\"52.93\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter></defs>";
|
|
219
|
-
var
|
|
218
|
+
var _svgContent$19 = "<g clip-path=\"url(#clip0_253_37012)\"><path fill=\"var(--ds-illustration-50)\" d=\"M146 80.13C146 123.45 121.991 155 83.213 155S13.564 129.534 13 89.568C12.428 49.063 47.11 20.21 83.213 22 114.984 23.574 146 36.812 146 80.13\"></path><ellipse cx=\"51.309\" cy=\"16\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"51\" cy=\"15.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 51 15.693)\"></ellipse><ellipse cx=\"17.501\" cy=\"43\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"42.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 42.5)\"></ellipse><g filter=\"url(#filter0_d_253_37012)\"><path fill=\"var(--ds-illustration-500)\" d=\"M31.702 90.241h97.439c1.447 0 2.239-1.685 1.317-2.8L90.26 38.851c-4.755-5.748-13.546-5.81-18.382-.132L30.4 87.423c-.945 1.11-.156 2.818 1.302 2.818\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"M30 88.71c0-.944.765-1.71 1.71-1.71h97.58c.945 0 1.71.766 1.71 1.71V140a8 8 0 0 1-8 8H38a8 8 0 0 1-8-8z\"></path><g filter=\"url(#filter1_d_253_37012)\"><rect width=\"73.522\" height=\"98.304\" x=\"43.652\" y=\"40\" fill=\"#fff\" rx=\"9.913\"></rect></g><rect width=\"45\" height=\"4\" x=\"55\" y=\"55\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"45\" height=\"4\" x=\"55\" y=\"67\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"45\" height=\"4\" x=\"55\" y=\"79\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><rect width=\"35.05\" height=\"4\" x=\"55\" y=\"91\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><g filter=\"url(#filter2_d_253_37012)\"><path fill=\"var(--ds-illustration-300)\" d=\"M30 139.872V88.5s2.32 4.411 5 5.607c2 .893 65.617 27.654 65.617 27.654l-59.468 25.465C35.87 149.486 30 145.614 30 139.872\"></path></g><g filter=\"url(#filter3_d_253_37012)\"><path fill=\"var(--ds-illustration-300)\" d=\"M130.967 139.872V88.5s-2.321 4.411-5 5.607c-2 .893-65.617 27.654-65.617 27.654l59.468 25.465c5.279 2.26 11.149-1.612 11.149-7.354\"></path></g><g filter=\"url(#filter4_d_253_37012)\"><path fill=\"var(--ds-illustration-300)\" d=\"M38.096 148h84.812c8.013 0 11.05-10.473 4.279-14.759l-39.836-25.22a12 12 0 0 0-12.74-.061L33.88 133.2c-6.845 4.242-3.838 14.8 4.215 14.8\"></path></g><g filter=\"url(#filter5_d_253_37012)\"><path fill=\"var(--ds-illustration-500)\" d=\"M111.753 91.4 97.611 77.26 132.962 41.9l14.142 14.142z\"></path><path fill=\"var(--ds-illustration-300)\" d=\"m147.109 56.046-14.143-14.143 2.829-2.828c3.904-3.906 10.236-3.906 14.141-.001s3.905 10.237.001 14.143zM111.751 91.4 97.609 77.257l-3.24 16.208a1 1 0 0 0 1.176 1.177z\"></path></g></g><defs><filter id=\"filter0_d_253_37012\" width=\"120.865\" height=\"75.741\" x=\"19.989\" y=\"24.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_253_37012\" width=\"90.043\" height=\"114.826\" x=\"35.391\" y=\"31.739\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"4.13\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_253_37012\" width=\"90.617\" height=\"79.38\" x=\"20\" y=\"78.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_253_37012\" width=\"90.617\" height=\"79.38\" x=\"50.35\" y=\"78.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_253_37012\" width=\"120.84\" height=\"61.84\" x=\"20.082\" y=\"96.16\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><filter id=\"filter5_d_253_37012\" width=\"130.516\" height=\"130.517\" x=\"50.349\" y=\"8.145\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset dx=\"-8\" dy=\"8\"></feOffset><feGaussianBlur stdDeviation=\"18\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37012\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37012\" result=\"shape\"></feBlend></filter><clipPath id=\"clip0_253_37012\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath></defs>";
|
|
219
|
+
var _IllustrationEmailDraft = react.default.forwardRef((props, ref) => {
|
|
220
220
|
const { className, color = "primary", ...rest } = props;
|
|
221
221
|
const finalClassName = [
|
|
222
|
-
"ds-illustration ds-illustration-email-
|
|
222
|
+
"ds-illustration ds-illustration-email-draft",
|
|
223
223
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
224
224
|
className
|
|
225
225
|
].filter(Boolean).join(" ");
|
|
@@ -233,17 +233,17 @@ var _IllustrationEmailFolder = react.default.forwardRef((props, ref) => {
|
|
|
233
233
|
className: finalClassName,
|
|
234
234
|
ref,
|
|
235
235
|
"data-c13y-component": "illustration",
|
|
236
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
236
|
+
dangerouslySetInnerHTML: { __html: _svgContent$19 }
|
|
237
237
|
});
|
|
238
238
|
});
|
|
239
|
-
|
|
240
|
-
var
|
|
239
|
+
_IllustrationEmailDraft.displayName = "IllustrationEmailDraft";
|
|
240
|
+
var IllustrationEmailDraft = react.default.memo(_IllustrationEmailDraft);
|
|
241
241
|
//#endregion
|
|
242
242
|
//#region src/illustrations/IllustrationEmailScheduled.tsx
|
|
243
243
|
/**
|
|
244
244
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
245
245
|
*/
|
|
246
|
-
var _svgContent$
|
|
246
|
+
var _svgContent$18 = "<path fill=\"var(--ds-illustration-50)\" d=\"M147 68.837C147 106.775 114.542 157 81.26 157 47.98 157 21 137.633 21 99.694S32.279 34.674 81.26 31c33.282 0 65.74-.102 65.74 37.837\"></path><g filter=\"url(#filter0_d_253_37051)\"><path fill=\"#fff\" d=\"m81.859 125.859-20.264-22.895a1.915 1.915 0 0 1 .756-3.06l49.605-18.786c2.214-.838 1.235-4.16-1.08-3.663l-59.955 12.86a1.91 1.91 0 0 1-1.804-.569L29.642 68.792c-1.157-1.244-.241-3.266 1.457-3.217L139.44 68.66c1.697.049 2.496 2.116 1.274 3.293L84.621 125.97a1.914 1.914 0 0 1-2.762-.11\"></path><path stroke=\"#fff\" stroke-width=\"1.135\" d=\"m81.859 125.859-20.264-22.895a1.915 1.915 0 0 1 .756-3.06l49.605-18.786c2.214-.838 1.235-4.16-1.08-3.663l-59.955 12.86a1.91 1.91 0 0 1-1.804-.569L29.642 68.792c-1.157-1.244-.241-3.266 1.457-3.217L139.44 68.66c1.697.049 2.496 2.116 1.274 3.293L84.621 125.97a1.914 1.914 0 0 1-2.762-.11Z\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"m139.944 70.152-92.108 20.68a1.915 1.915 0 0 0-1.488 1.707l-2.845 33.598c-.13 1.531 1.506 2.583 2.845 1.831l23.123-12.986a1.914 1.914 0 0 0 .507-2.926l-8.312-9.546a1.915 1.915 0 0 1 .767-3.048z\"></path><ellipse cx=\"97.501\" cy=\"17\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"97\" cy=\"16.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 97 16.501)\"></ellipse><ellipse cx=\"123.309\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"123\" cy=\"27.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 123 27.693)\"></ellipse><ellipse cx=\"72.309\" cy=\"148\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"72\" cy=\"147.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 72 147.693)\"></ellipse><circle cx=\"119.25\" cy=\"119.25\" r=\"25.25\" fill=\"var(--ds-illustration-500)\"></circle><circle cx=\"118.897\" cy=\"118.897\" r=\"20.897\" fill=\"#fff\"></circle><rect width=\"5\" height=\"17\" x=\"134\" y=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"2.5\" transform=\"rotate(90 134 117)\"></rect><rect width=\"5\" height=\"17\" x=\"117\" y=\"105\" fill=\"var(--ds-illustration-500)\" rx=\"2.5\"></rect><circle cx=\"119.5\" cy=\"119.5\" r=\"4.5\" fill=\"var(--ds-illustration-300)\"></circle><defs><filter id=\"filter0_d_253_37051\" width=\"133.317\" height=\"82.066\" x=\"18.556\" y=\"55.006\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_37051\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_37051\" result=\"shape\"></feBlend></filter></defs>";
|
|
247
247
|
var _IllustrationEmailScheduled = react.default.forwardRef((props, ref) => {
|
|
248
248
|
const { className, color = "primary", ...rest } = props;
|
|
249
249
|
const finalClassName = [
|
|
@@ -261,7 +261,7 @@ var _IllustrationEmailScheduled = react.default.forwardRef((props, ref) => {
|
|
|
261
261
|
className: finalClassName,
|
|
262
262
|
ref,
|
|
263
263
|
"data-c13y-component": "illustration",
|
|
264
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
264
|
+
dangerouslySetInnerHTML: { __html: _svgContent$18 }
|
|
265
265
|
});
|
|
266
266
|
});
|
|
267
267
|
_IllustrationEmailScheduled.displayName = "IllustrationEmailScheduled";
|
|
@@ -271,7 +271,7 @@ var IllustrationEmailScheduled = react.default.memo(_IllustrationEmailScheduled)
|
|
|
271
271
|
/**
|
|
272
272
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
273
273
|
*/
|
|
274
|
-
var _svgContent$
|
|
274
|
+
var _svgContent$17 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M78.192 22c-23.2.106-43.532 13.747-51.883 34.983-10.192 25.915-14.727 59.257 8.673 74.892 22.37 14.947 48.595-5.945 69.778-22.474 17.366-13.55 33.151-32.032 26.809-52.894-6.732-22.149-29.82-34.613-53.377-34.506\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M29 62.71c0-.944.765-1.71 1.71-1.71h97.58c.945 0 1.71.766 1.71 1.71V114a8 8 0 0 1-8 8H37a8 8 0 0 1-8-8z\"></path><g filter=\"url(#filter0_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M29 113.872V62.5s2.32 4.411 5 5.607C36 69 99.617 95.761 99.617 95.761L40.15 121.226C34.87 123.486 29 119.614 29 113.872\"></path></g><g filter=\"url(#filter1_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M129.967 113.872V62.5s-2.321 4.411-5 5.607c-2 .893-65.617 27.654-65.617 27.654l59.468 25.465c5.279 2.26 11.149-1.612 11.149-7.354\"></path></g><g filter=\"url(#filter2_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M37.096 122h84.812c8.013 0 11.05-10.473 4.279-14.759l-39.836-25.22a12 12 0 0 0-12.74-.061L32.88 107.2c-6.845 4.242-3.838 14.8 4.215 14.8\"></path></g><g filter=\"url(#filter3_d_253_36983)\"><path fill=\"var(--ds-illustration-300)\" d=\"M37.096 54h84.812c8.013 0 11.05 10.473 4.279 14.76L86.351 93.98a12 12 0 0 1-12.74.06L32.88 68.8C26.037 64.558 29.044 54 37.097 54\"></path></g><g filter=\"url(#filter4_d_253_36983)\"><path fill=\"#fff\" d=\"m122.186 141.982-11.86-10.745a1.002 1.002 0 0 1 .217-1.635l24.725-12.63c1.104-.563.403-2.235-.772-1.843l-30.452 10.142a1 1 0 0 1-.971-.192l-11.34-9.78c-.672-.581-.312-1.685.574-1.758l56.544-4.632c.885-.072 1.42.957.852 1.64l-26.074 31.331a1 1 0 0 1-1.443.102\"></path><path stroke=\"#fff\" stroke-width=\".594\" d=\"m122.186 141.982-11.86-10.745a1.002 1.002 0 0 1 .217-1.635l24.725-12.63c1.104-.563.403-2.235-.772-1.843l-30.452 10.142a1 1 0 0 1-.971-.192l-11.34-9.78c-.672-.581-.312-1.685.574-1.758l56.544-4.632c.885-.072 1.42.957.852 1.64l-26.074 31.331a1 1 0 0 1-1.443.102Z\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"m149.198 109.656-46.729 16.062a1 1 0 0 0-.676.974l.454 17.643a1.003 1.003 0 0 0 1.586.789l11.282-8.087c.516-.37.562-1.122.095-1.552l-4.874-4.488a1.002 1.002 0 0 1 .224-1.63z\"></path><ellipse cx=\"36.309\" cy=\"29\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"36\" cy=\"28.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 36 28.693)\"></ellipse><ellipse cx=\"18.501\" cy=\"42\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"18\" cy=\"41.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 18 41.5)\"></ellipse><defs><filter id=\"filter0_d_253_36983\" width=\"90.617\" height=\"79.38\" x=\"19\" y=\"52.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_253_36983\" width=\"90.617\" height=\"79.38\" x=\"49.35\" y=\"52.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_253_36983\" width=\"120.84\" height=\"61.84\" x=\"19.082\" y=\"70.16\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_253_36983\" width=\"120.84\" height=\"61.84\" x=\"19.082\" y=\"44\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_253_36983\" width=\"69.617\" height=\"44.399\" x=\"85.853\" y=\"103.374\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"2.617\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_253_36983\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_253_36983\" result=\"shape\"></feBlend></filter></defs>";
|
|
275
275
|
var _IllustrationEmailSent = react.default.forwardRef((props, ref) => {
|
|
276
276
|
const { className, color = "primary", ...rest } = props;
|
|
277
277
|
const finalClassName = [
|
|
@@ -289,17 +289,185 @@ var _IllustrationEmailSent = react.default.forwardRef((props, ref) => {
|
|
|
289
289
|
className: finalClassName,
|
|
290
290
|
ref,
|
|
291
291
|
"data-c13y-component": "illustration",
|
|
292
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
292
|
+
dangerouslySetInnerHTML: { __html: _svgContent$17 }
|
|
293
293
|
});
|
|
294
294
|
});
|
|
295
295
|
_IllustrationEmailSent.displayName = "IllustrationEmailSent";
|
|
296
296
|
var IllustrationEmailSent = react.default.memo(_IllustrationEmailSent);
|
|
297
297
|
//#endregion
|
|
298
|
+
//#region src/illustrations/IllustrationFile.tsx
|
|
299
|
+
/**
|
|
300
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
301
|
+
*/
|
|
302
|
+
var _svgContent$16 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.43 5.042c22.017.986 35.53 22.066 48.733 39.74 12.464 16.684 26.102 34.669 22.138 55.124-4.081 21.056-22.182 35.625-41.514 44.854-19.219 9.176-41.49 13.325-60.586 3.892-18.914-9.343-28.765-29.569-33.198-50.219-4.351-20.267-1.86-41.218 9.907-58.273C34.832 21.428 53.72 4.026 76.43 5.042\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6650)\"><path fill=\"#fff\" d=\"M36 33c0-6.627 5.373-12 12-12h65c6.627 0 12 5.373 12 12v95c0 6.627-5.373 12-12 12H48c-6.627 0-12-5.373-12-12z\"></path></g><rect width=\"65\" height=\"4\" x=\"48\" y=\"104\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"65\" height=\"4\" x=\"48\" y=\"117\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"65\" height=\"4\" x=\"48\" y=\"91\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"65\" height=\"4\" x=\"48\" y=\"39\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"23\" height=\"4\" x=\"90\" y=\"52\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"23\" height=\"4\" x=\"90\" y=\"65\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"23\" height=\"4\" x=\"90\" y=\"78\" fill=\"var(--ds-illustration-300)\" rx=\"2\"></rect><rect width=\"32\" height=\"30\" x=\"48\" y=\"52\" fill=\"var(--ds-illustration-500)\" rx=\"6\"></rect><ellipse cx=\"127.309\" cy=\"11\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"127\" cy=\"10.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 127 10.693)\"></ellipse><ellipse cx=\"143.501\" cy=\"36\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"143\" cy=\"35.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 143 35.5)\"></ellipse><ellipse cx=\"17.501\" cy=\"117\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"116.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 116.501)\"></ellipse><defs><filter id=\"filter0_d_5_6650\" width=\"109\" height=\"139\" x=\"26\" y=\"11\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6650\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6650\" result=\"shape\"></feBlend></filter></defs>";
|
|
303
|
+
var _IllustrationFile = react.default.forwardRef((props, ref) => {
|
|
304
|
+
const { className, color = "primary", ...rest } = props;
|
|
305
|
+
const finalClassName = [
|
|
306
|
+
"ds-illustration ds-illustration-file",
|
|
307
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
308
|
+
className
|
|
309
|
+
].filter(Boolean).join(" ");
|
|
310
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
311
|
+
"aria-hidden": "true",
|
|
312
|
+
fill: "none",
|
|
313
|
+
viewBox: "0 0 160 160",
|
|
314
|
+
width: "160",
|
|
315
|
+
height: "160",
|
|
316
|
+
...rest,
|
|
317
|
+
className: finalClassName,
|
|
318
|
+
ref,
|
|
319
|
+
"data-c13y-component": "illustration",
|
|
320
|
+
dangerouslySetInnerHTML: { __html: _svgContent$16 }
|
|
321
|
+
});
|
|
322
|
+
});
|
|
323
|
+
_IllustrationFile.displayName = "IllustrationFile";
|
|
324
|
+
var IllustrationFile = react.default.memo(_IllustrationFile);
|
|
325
|
+
//#endregion
|
|
326
|
+
//#region src/illustrations/IllustrationFilePreview.tsx
|
|
327
|
+
/**
|
|
328
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
329
|
+
*/
|
|
330
|
+
var _svgContent$15 = "<g clip-path=\"url(#clip0_5_6946)\"><path fill=\"var(--ds-illustration-50)\" d=\"M18.961 60.65c0 35.692 27.474 74.619 63.021 74.619s64.364-18.22 64.364-53.912-12.047-61.17-64.364-64.626c-35.547 0-63.02 8.227-63.02 43.919\"></path><g filter=\"url(#filter0_d_5_6946)\"><rect width=\"88\" height=\"117.333\" x=\"37\" y=\"34\" fill=\"#fff\" rx=\"16\"></rect></g><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"111.333\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"47.333\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"122\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"5.333\" x=\"47.667\" y=\"132.667\" fill=\"var(--ds-illustration-300)\" rx=\"2.667\"></rect><rect width=\"66.667\" height=\"37.333\" x=\"47.667\" y=\"63.333\" fill=\"var(--ds-illustration-500)\" rx=\"6\"></rect><ellipse cx=\"140.501\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"140\" cy=\"19.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 140 19.5)\"></ellipse><ellipse cx=\"18.232\" cy=\"31\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"18\" cy=\"30.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 18 30.77)\"></ellipse><ellipse cx=\"33.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"33\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 33 19.693)\"></ellipse></g><defs><clipPath id=\"clip0_5_6946\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_5_6946\" width=\"108\" height=\"137.333\" x=\"27\" y=\"24\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6946\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6946\" result=\"shape\"></feBlend></filter></defs>";
|
|
331
|
+
var _IllustrationFilePreview = react.default.forwardRef((props, ref) => {
|
|
332
|
+
const { className, color = "primary", ...rest } = props;
|
|
333
|
+
const finalClassName = [
|
|
334
|
+
"ds-illustration ds-illustration-file-preview",
|
|
335
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
336
|
+
className
|
|
337
|
+
].filter(Boolean).join(" ");
|
|
338
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
339
|
+
"aria-hidden": "true",
|
|
340
|
+
fill: "none",
|
|
341
|
+
viewBox: "0 0 160 160",
|
|
342
|
+
width: "160",
|
|
343
|
+
height: "160",
|
|
344
|
+
...rest,
|
|
345
|
+
className: finalClassName,
|
|
346
|
+
ref,
|
|
347
|
+
"data-c13y-component": "illustration",
|
|
348
|
+
dangerouslySetInnerHTML: { __html: _svgContent$15 }
|
|
349
|
+
});
|
|
350
|
+
});
|
|
351
|
+
_IllustrationFilePreview.displayName = "IllustrationFilePreview";
|
|
352
|
+
var IllustrationFilePreview = react.default.memo(_IllustrationFilePreview);
|
|
353
|
+
//#endregion
|
|
354
|
+
//#region src/illustrations/IllustrationFileRemove.tsx
|
|
355
|
+
/**
|
|
356
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
357
|
+
*/
|
|
358
|
+
var _svgContent$14 = "<path fill=\"var(--ds-illustration-50)\" d=\"M13.45 70.498c15.66-38.03 58.615-68.2 92.093-53.568 33.478 14.631 52.622 45.906 36.961 83.936s-38.186 60.218-88.974 42.367c-33.478-14.631-55.742-34.705-40.08-72.735\"></path><ellipse cx=\"21.501\" cy=\"50\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"21\" cy=\"49.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 21 49.501)\"></ellipse><ellipse cx=\"18.309\" cy=\"121\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"18\" cy=\"120.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 18 120.693)\"></ellipse><ellipse cx=\"135.309\" cy=\"21\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"135\" cy=\"20.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 135 20.693)\"></ellipse><ellipse cx=\"130.232\" cy=\"42\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"130\" cy=\"41.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 130 41.77)\"></ellipse><g filter=\"url(#filter0_d_1096_14472)\"><rect width=\"81.595\" height=\"109.099\" x=\"41\" y=\"28.295\" fill=\"#fff\" rx=\"12\" transform=\"rotate(-.213 41 28.295)\"></rect></g><rect width=\"58.722\" height=\"3.995\" x=\"53.541\" y=\"111.116\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 53.541 111.116)\"></rect><rect width=\"58.722\" height=\"3.995\" x=\"53.166\" y=\"92.349\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 53.166 92.349)\"></rect><rect width=\"58.722\" height=\"3.995\" x=\"53.817\" y=\"54.143\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 53.817 54.143)\"></rect><rect width=\"58.722\" height=\"3.995\" x=\"52.791\" y=\"73.581\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 52.79 73.581)\"></rect><path fill=\"var(--ds-illustration-500)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\"4\" d=\"M121 114c9.895 0 18 8.236 18 18.5s-8.105 18.5-18 18.5-18-8.236-18-18.5 8.105-18.5 18-18.5Z\"></path><path fill=\"#fff\" stroke=\"#fff\" d=\"m119.683 134.646-7.13.068a1 1 0 0 1-1.009-.967l-.062-1.885a1 1 0 0 1 .988-1.033l6.9-.076 4.15.057 6.941-.16a1 1 0 0 1 1.022 1.033l-.065 1.934a1 1 0 0 1-1 .966l-7.223-.005z\"></path><defs><filter id=\"filter0_d_1096_14472\" width=\"101.911\" height=\"129.312\" x=\"31.045\" y=\"18.036\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1096_14472\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1096_14472\" result=\"shape\"></feBlend></filter></defs>";
|
|
359
|
+
var _IllustrationFileRemove = react.default.forwardRef((props, ref) => {
|
|
360
|
+
const { className, color = "primary", ...rest } = props;
|
|
361
|
+
const finalClassName = [
|
|
362
|
+
"ds-illustration ds-illustration-file-remove",
|
|
363
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
364
|
+
className
|
|
365
|
+
].filter(Boolean).join(" ");
|
|
366
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
367
|
+
"aria-hidden": "true",
|
|
368
|
+
fill: "none",
|
|
369
|
+
viewBox: "0 0 160 160",
|
|
370
|
+
width: "160",
|
|
371
|
+
height: "160",
|
|
372
|
+
...rest,
|
|
373
|
+
className: finalClassName,
|
|
374
|
+
ref,
|
|
375
|
+
"data-c13y-component": "illustration",
|
|
376
|
+
dangerouslySetInnerHTML: { __html: _svgContent$14 }
|
|
377
|
+
});
|
|
378
|
+
});
|
|
379
|
+
_IllustrationFileRemove.displayName = "IllustrationFileRemove";
|
|
380
|
+
var IllustrationFileRemove = react.default.memo(_IllustrationFileRemove);
|
|
381
|
+
//#endregion
|
|
382
|
+
//#region src/illustrations/IllustrationFileReplace.tsx
|
|
383
|
+
/**
|
|
384
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
385
|
+
*/
|
|
386
|
+
var _svgContent$13 = "<path fill=\"var(--ds-illustration-50)\" d=\"M13.45 70.498C29.11 32.468 72.064 2.3 105.542 16.93s52.622 45.906 36.961 83.936-38.186 60.218-88.974 42.367c-33.478-14.631-55.742-34.705-40.08-72.735\"></path><ellipse cx=\"21.501\" cy=\"50\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"21\" cy=\"49.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 21 49.501)\"></ellipse><ellipse cx=\"18.309\" cy=\"121\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"18\" cy=\"120.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 18 120.693)\"></ellipse><ellipse cx=\"135.309\" cy=\"21\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"135\" cy=\"20.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 135 20.693)\"></ellipse><ellipse cx=\"130.232\" cy=\"42\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\"></ellipse><ellipse cx=\"130\" cy=\"41.77\" fill=\"var(--ds-illustration-500)\" rx=\".692\" ry=\"6\" transform=\"rotate(-90 130 41.77)\"></ellipse><g filter=\"url(#filter0_d_1096_14374)\"><rect width=\"81.595\" height=\"109.099\" x=\"41\" y=\"28.297\" fill=\"#fff\" rx=\"12\" transform=\"rotate(-.213 41 28.297)\"></rect></g><rect width=\"58.722\" height=\"3.995\" x=\"53.541\" y=\"111.118\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 53.541 111.118)\"></rect><rect width=\"58.722\" height=\"3.995\" x=\"53.166\" y=\"92.351\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 53.166 92.35)\"></rect><rect width=\"58.722\" height=\"3.995\" x=\"53.817\" y=\"54.145\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 53.817 54.145)\"></rect><rect width=\"58.722\" height=\"3.995\" x=\"52.791\" y=\"73.583\" fill=\"var(--ds-illustration-300)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\".87\" rx=\"1.565\" transform=\"rotate(-.214 52.79 73.583)\"></rect><path fill=\"var(--ds-illustration-500)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\"4\" d=\"M121 114c9.895 0 18 8.236 18 18.5s-8.105 18.5-18 18.5-18-8.236-18-18.5 8.105-18.5 18-18.5Z\"></path><path fill=\"#fff\" d=\"M116 142.748h10a1.25 1.25 0 0 0 0-2.5h-10a1.753 1.753 0 0 1-1.75-1.748v-4.25a.25.25 0 0 1 .25-.25h1a.498.498 0 0 0 .384-.82l-2.5-3a.5.5 0 0 0-.769 0l-2.5 3a.5.5 0 0 0 .385.82h1a.25.25 0 0 1 .25.25v4.25a4.256 4.256 0 0 0 4.25 4.248M129 136a.5.5 0 0 0 .384-.18l2.5-3a.498.498 0 0 0-.384-.82h-1a.25.25 0 0 1-.25-.25v-4.25a4.255 4.255 0 0 0-4.25-4.252h-10a1.25 1.25 0 1 0 0 2.5h10c.967.001 1.75.785 1.75 1.752v4.25a.25.25 0 0 1-.25.25h-1a.5.5 0 0 0-.384.82l2.5 3c.095.114.235.18.384.18\"></path><defs><filter id=\"filter0_d_1096_14374\" width=\"101.911\" height=\"129.312\" x=\"31.045\" y=\"18.039\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1096_14374\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1096_14374\" result=\"shape\"></feBlend></filter></defs>";
|
|
387
|
+
var _IllustrationFileReplace = react.default.forwardRef((props, ref) => {
|
|
388
|
+
const { className, color = "primary", ...rest } = props;
|
|
389
|
+
const finalClassName = [
|
|
390
|
+
"ds-illustration ds-illustration-file-replace",
|
|
391
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
392
|
+
className
|
|
393
|
+
].filter(Boolean).join(" ");
|
|
394
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
395
|
+
"aria-hidden": "true",
|
|
396
|
+
fill: "none",
|
|
397
|
+
viewBox: "0 0 160 160",
|
|
398
|
+
width: "160",
|
|
399
|
+
height: "160",
|
|
400
|
+
...rest,
|
|
401
|
+
className: finalClassName,
|
|
402
|
+
ref,
|
|
403
|
+
"data-c13y-component": "illustration",
|
|
404
|
+
dangerouslySetInnerHTML: { __html: _svgContent$13 }
|
|
405
|
+
});
|
|
406
|
+
});
|
|
407
|
+
_IllustrationFileReplace.displayName = "IllustrationFileReplace";
|
|
408
|
+
var IllustrationFileReplace = react.default.memo(_IllustrationFileReplace);
|
|
409
|
+
//#endregion
|
|
410
|
+
//#region src/illustrations/IllustrationFiles.tsx
|
|
411
|
+
/**
|
|
412
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
413
|
+
*/
|
|
414
|
+
var _svgContent$12 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M76.576 9.31c21.654.426 44.636 1.287 59.309 17.23 15.779 17.142 20.606 41.684 15.932 64.517-4.811 23.501-18.534 45.39-40.429 55.155-21.256 9.48-45.702 3.827-65.904-7.731-18.38-10.516-28.812-29.215-34.393-49.652-5.982-21.91-11.264-47.16 3.17-64.688C28.548 6.794 54.118 8.867 76.577 9.31\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6684)\"><path fill=\"var(--ds-illustration-300)\" d=\"M23.813 61.929c-2.226-6.243 1.03-13.108 7.273-15.334L71.68 32.121c6.242-2.226 13.107 1.03 15.333 7.273l22.07 61.898c2.226 6.242-1.03 13.107-7.273 15.333l-40.594 14.474c-6.242 2.226-13.107-1.03-15.333-7.273z\"></path></g><rect width=\"49.004\" height=\"4\" x=\"53.619\" y=\"108.973\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 53.62 108.973)\"></rect><rect width=\"49.004\" height=\"4\" x=\"48.199\" y=\"94.519\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 48.2 94.52)\"></rect><rect width=\"49.004\" height=\"4\" x=\"38.263\" y=\"64.71\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 38.263 64.71)\"></rect><rect width=\"49.004\" height=\"4\" x=\"42.779\" y=\"80.066\" fill=\"var(--ds-illustration-50)\" rx=\"2\" transform=\"rotate(-19.624 42.78 80.066)\"></rect><g filter=\"url(#filter1_d_5_6684)\"><rect width=\"67.098\" height=\"89.715\" x=\"73.851\" y=\"25.609\" fill=\"#fff\" rx=\"12\" transform=\"rotate(11.98 73.85 25.609)\"></rect></g><rect width=\"49.004\" height=\"4\" x=\"69.273\" y=\"93.933\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 69.273 93.933)\"></rect><rect width=\"49.004\" height=\"4\" x=\"72.232\" y=\"78.783\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 72.232 78.783)\"></rect><rect width=\"49.004\" height=\"4\" x=\"79.39\" y=\"48.188\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 79.39 48.188)\"></rect><rect width=\"49.004\" height=\"4\" x=\"75.19\" y=\"63.633\" fill=\"var(--ds-illustration-500)\" rx=\"2\" transform=\"rotate(11.98 75.19 63.633)\"></rect><ellipse cx=\"18.501\" cy=\"26\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"18\" cy=\"25.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 18 25.5)\"></ellipse><ellipse cx=\"143.501\" cy=\"128\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"143\" cy=\"127.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 143 127.501)\"></ellipse><ellipse cx=\"52.309\" cy=\"12\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"52\" cy=\"11.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 52 11.693)\"></ellipse><defs><filter id=\"filter0_d_5_6684\" width=\"106.671\" height=\"120.379\" x=\"13.113\" y=\"21.421\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6684\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6684\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_5_6684\" width=\"99.805\" height=\"117.234\" x=\"47.455\" y=\"17.836\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6684\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6684\" result=\"shape\"></feBlend></filter></defs>";
|
|
415
|
+
var _IllustrationFiles = react.default.forwardRef((props, ref) => {
|
|
416
|
+
const { className, color = "primary", ...rest } = props;
|
|
417
|
+
const finalClassName = [
|
|
418
|
+
"ds-illustration ds-illustration-files",
|
|
419
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
420
|
+
className
|
|
421
|
+
].filter(Boolean).join(" ");
|
|
422
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
423
|
+
"aria-hidden": "true",
|
|
424
|
+
fill: "none",
|
|
425
|
+
viewBox: "0 0 160 160",
|
|
426
|
+
width: "160",
|
|
427
|
+
height: "160",
|
|
428
|
+
...rest,
|
|
429
|
+
className: finalClassName,
|
|
430
|
+
ref,
|
|
431
|
+
"data-c13y-component": "illustration",
|
|
432
|
+
dangerouslySetInnerHTML: { __html: _svgContent$12 }
|
|
433
|
+
});
|
|
434
|
+
});
|
|
435
|
+
_IllustrationFiles.displayName = "IllustrationFiles";
|
|
436
|
+
var IllustrationFiles = react.default.memo(_IllustrationFiles);
|
|
437
|
+
//#endregion
|
|
438
|
+
//#region src/illustrations/IllustrationFolderEmail.tsx
|
|
439
|
+
/**
|
|
440
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
441
|
+
*/
|
|
442
|
+
var _svgContent$11 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C38.618 17.539 60.182 9.604 81.81 10.015\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_4749)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M18.235 62.174c-.034-1.984 1.403-3.705 3.356-4.046l36.792-6.425a3.92 3.92 0 0 1 4.538 3.106l1.075 5.446a.985.985 0 0 0 1.237.756c15.39-4.273 31.913-6.642 33.43-6.935 10.142-1.955 15.002-2.5 23.022-3.394 2.347-.262 4.385 1.558 4.335 3.924-.273 12.77-1.604 21.68-1.052 28.705.541 6.88 3.717 16.571 5.626 29.941.449 3.141-1.748 6.055-4.876 6.624l-96.263 17.499c-3.687-12.437-6.665-26.327-8.549-38.848-1.716-11.406-2.471-24.462-2.671-36.353\" clip-rule=\"evenodd\"></path></g><path fill=\"#fff\" d=\"M59.217 57.222a1.275 1.275 0 0 1 1.465-1.052l71.804 11.809c.695.114 1.166.77 1.051 1.465l-6.207 37.742a5.964 5.964 0 0 1-6.854 4.918l-62.547-10.286a5.966 5.966 0 0 1-4.919-6.855z\"></path><g filter=\"url(#filter1_d_758_4749)\"><path fill=\"#fff\" d=\"m53.026 94.869 6.217-37.802s1.174 3.527 3 4.731c1.364.9 44.938 28.29 44.938 28.29L60.34 101.63c-4.158 1.024-8.009-2.536-7.314-6.761\"></path></g><g filter=\"url(#filter2_d_758_4749)\"><path fill=\"#fff\" d=\"m127.322 107.087 6.217-37.801s-2.242 2.965-4.358 3.52c-1.58.416-51.63 12.409-51.63 12.409l40.677 25.935c3.611 2.302 8.399.163 9.094-4.063\"></path></g><g filter=\"url(#filter3_d_758_4749)\"><path fill=\"#fff\" d=\"m58 101.83 62.408 10.263c5.896.97 9.398-6.369 4.935-10.343L99.082 78.372a8.95 8.95 0 0 0-9.368-1.587L56.69 90.429c-5.55 2.293-4.616 10.426 1.31 11.401\"></path></g><g filter=\"url(#filter4_d_758_4749)\"><path fill=\"#fff\" d=\"m66.229 51.792 62.408 10.264c5.896.97 6.863 9.043 1.362 11.378L97.634 87.171a8.95 8.95 0 0 1-9.382-1.496L61.337 62.173c-4.524-3.95-1.034-11.355 4.892-10.38\"></path></g><path fill=\"#fff\" d=\"M9.616 76.157a1.275 1.275 0 0 1 .612-1.696l65.856-30.955a1.275 1.275 0 0 1 1.696.611l16.27 34.616a5.966 5.966 0 0 1-2.86 7.936l-57.366 26.965a5.967 5.967 0 0 1-7.937-2.862z\"></path><g filter=\"url(#filter5_d_758_4749)\"><path fill=\"#fff\" d=\"M25.846 110.686 9.55 76.016s2.966 2.24 5.153 2.197c1.633-.031 53.057-2.152 53.057-2.152l-32.056 36.051c-2.846 3.2-8.036 2.449-9.858-1.426\"></path></g><g filter=\"url(#filter6_d_758_4749)\"><path fill=\"#fff\" d=\"m93.988 78.656-16.296-34.67s-.167 3.713-1.596 5.37c-1.067 1.237-35.512 39.48-35.512 39.48l48.213-1.68c4.28-.149 7.013-4.624 5.191-8.5\"></path></g><g filter=\"url(#filter7_d_758_4749)\"><path fill=\"#fff\" d=\"m33.889 113.603 57.238-26.904c5.409-2.542 4.136-10.574-1.794-11.319l-34.885-4.383a8.95 8.95 0 0 0-8.618 4l-19.48 29.955c-3.274 5.034 2.104 11.206 7.539 8.651\"></path></g><g filter=\"url(#filter8_d_758_4749)\"><path fill=\"#fff\" d=\"m12.317 67.71 57.239-26.904c5.408-2.542 10.78 3.563 7.57 8.604L58.241 79.067a8.95 8.95 0 0 1-8.578 4.083l-35.495-4.114c-5.965-.692-7.286-8.77-1.85-11.325\"></path></g><g filter=\"url(#filter9_d_758_4749)\"><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M44.084 79.262a8 8 0 0 1 5.731-4.75q31.155-6.585 57.055-9.503 22.764-2.566 38.49-1.965c2.944.113 4.544 3.35 3.048 5.922-4.341 7.46-8.33 15.258-11.113 22.954-3.1 8.572-5.096 17.186-6.299 25.429-.259 1.775-1.621 3.211-3.384 3.512l-98.199 16.813c1.353-14.962 4.236-26.6 6.381-34.652q2.81-10.554 8.29-23.76\" clip-rule=\"evenodd\"></path></g><ellipse cx=\"17.501\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"27.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 27.501)\"></ellipse><ellipse cx=\"43.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"43\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 43 19.693)\"></ellipse><defs><filter id=\"filter0_d_758_4749\" width=\"132.418\" height=\"106.718\" x=\"8.234\" y=\"40.657\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_758_4749\" width=\"69.151\" height=\"59.654\" x=\"45.487\" y=\"49.61\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter2_d_758_4749\" width=\"70.903\" height=\"57.719\" x=\"70.093\" y=\"61.829\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter3_d_758_4749\" width=\"89.278\" height=\"50.988\" x=\"45.543\" y=\"68.649\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter4_d_758_4749\" width=\"89.278\" height=\"51.093\" x=\"51.815\" y=\"44.248\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter5_d_758_4749\" width=\"73.125\" height=\"53.014\" x=\"2.093\" y=\"68.558\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter6_d_758_4749\" width=\"68.892\" height=\"59.764\" x=\"33.127\" y=\"36.529\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter7_d_758_4749\" width=\"84.121\" height=\"58.188\" x=\"17.895\" y=\"63.469\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter8_d_758_4749\" width=\"84.121\" height=\"57.914\" x=\"1.428\" y=\"32.753\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"3.729\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter><filter id=\"filter9_d_758_4749\" width=\"139.565\" height=\"94.744\" x=\"19.413\" y=\"52.93\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4749\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4749\" result=\"shape\"></feBlend></filter></defs>";
|
|
443
|
+
var _IllustrationFolderEmail = react.default.forwardRef((props, ref) => {
|
|
444
|
+
const { className, color = "primary", ...rest } = props;
|
|
445
|
+
const finalClassName = [
|
|
446
|
+
"ds-illustration ds-illustration-folder-email",
|
|
447
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
448
|
+
className
|
|
449
|
+
].filter(Boolean).join(" ");
|
|
450
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
451
|
+
"aria-hidden": "true",
|
|
452
|
+
fill: "none",
|
|
453
|
+
viewBox: "0 0 160 160",
|
|
454
|
+
width: "160",
|
|
455
|
+
height: "160",
|
|
456
|
+
...rest,
|
|
457
|
+
className: finalClassName,
|
|
458
|
+
ref,
|
|
459
|
+
"data-c13y-component": "illustration",
|
|
460
|
+
dangerouslySetInnerHTML: { __html: _svgContent$11 }
|
|
461
|
+
});
|
|
462
|
+
});
|
|
463
|
+
_IllustrationFolderEmail.displayName = "IllustrationFolderEmail";
|
|
464
|
+
var IllustrationFolderEmail = react.default.memo(_IllustrationFolderEmail);
|
|
465
|
+
//#endregion
|
|
298
466
|
//#region src/illustrations/IllustrationFolderEmpty.tsx
|
|
299
467
|
/**
|
|
300
468
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
301
469
|
*/
|
|
302
|
-
var _svgContent$
|
|
470
|
+
var _svgContent$10 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C38.618 17.539 60.182 9.604 81.81 10.015\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_758_4766)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M18.235 62.174c-.034-1.984 1.403-3.705 3.356-4.046l36.792-6.425a3.92 3.92 0 0 1 4.538 3.106l1.075 5.446a.985.985 0 0 0 1.237.756c15.39-4.273 31.913-6.642 33.43-6.935 10.142-1.955 15.002-2.5 23.022-3.394 2.347-.262 4.385 1.558 4.335 3.924-.273 12.77-1.604 21.68-1.052 28.705.541 6.88 3.717 16.571 5.626 29.941.449 3.141-1.748 6.055-4.876 6.624l-96.263 17.499c-3.687-12.437-6.665-26.327-8.549-38.848-1.716-11.406-2.471-24.462-2.671-36.353\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter1_d_758_4766)\"><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M44.084 79.262a8 8 0 0 1 5.731-4.75q31.155-6.585 57.055-9.503 22.764-2.566 38.49-1.965c2.944.113 4.544 3.35 3.048 5.922-4.341 7.46-8.33 15.258-11.113 22.954-3.1 8.572-5.096 17.186-6.299 25.429-.259 1.775-1.621 3.211-3.384 3.512l-98.199 16.813c1.353-14.962 4.236-26.6 6.381-34.652q2.81-10.554 8.29-23.76\" clip-rule=\"evenodd\"></path></g><ellipse cx=\"17.501\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"27.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 27.501)\"></ellipse><ellipse cx=\"43.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"43\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 43 19.693)\"></ellipse><defs><filter id=\"filter0_d_758_4766\" width=\"132.418\" height=\"106.718\" x=\"8.234\" y=\"40.657\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4766\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4766\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_758_4766\" width=\"139.565\" height=\"94.744\" x=\"19.413\" y=\"52.93\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_758_4766\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_758_4766\" result=\"shape\"></feBlend></filter></defs>";
|
|
303
471
|
var _IllustrationFolderEmpty = react.default.forwardRef((props, ref) => {
|
|
304
472
|
const { className, color = "primary", ...rest } = props;
|
|
305
473
|
const finalClassName = [
|
|
@@ -317,17 +485,45 @@ var _IllustrationFolderEmpty = react.default.forwardRef((props, ref) => {
|
|
|
317
485
|
className: finalClassName,
|
|
318
486
|
ref,
|
|
319
487
|
"data-c13y-component": "illustration",
|
|
320
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
488
|
+
dangerouslySetInnerHTML: { __html: _svgContent$10 }
|
|
321
489
|
});
|
|
322
490
|
});
|
|
323
491
|
_IllustrationFolderEmpty.displayName = "IllustrationFolderEmpty";
|
|
324
492
|
var IllustrationFolderEmpty = react.default.memo(_IllustrationFolderEmpty);
|
|
325
493
|
//#endregion
|
|
494
|
+
//#region src/illustrations/IllustrationFolderRemove.tsx
|
|
495
|
+
/**
|
|
496
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
497
|
+
*/
|
|
498
|
+
var _svgContent$9 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C38.618 17.539 60.182 9.604 81.81 10.015\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_1096_14545)\"><path fill=\"var(--ds-illustration-500)\" fill-rule=\"evenodd\" d=\"M18.235 52.174c-.034-1.984 1.403-3.705 3.356-4.046l36.792-6.425a3.92 3.92 0 0 1 4.538 3.106l1.075 5.446a.985.985 0 0 0 1.237.756c15.39-4.273 31.913-6.642 33.43-6.935 10.142-1.955 15.002-2.5 23.022-3.394 2.347-.262 4.385 1.558 4.335 3.924-.273 12.77-1.604 21.68-1.052 28.705.541 6.88 3.717 16.571 5.626 29.941.449 3.141-1.748 6.055-4.876 6.624l-96.263 17.499c-3.687-12.437-6.665-26.327-8.549-38.848-1.716-11.406-2.471-24.462-2.671-36.353\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter1_d_1096_14545)\"><path fill=\"var(--ds-illustration-300)\" fill-rule=\"evenodd\" d=\"M44.084 69.262a8 8 0 0 1 5.731-4.75q31.155-6.585 57.055-9.503 22.764-2.565 38.49-1.965c2.944.113 4.544 3.35 3.048 5.922-4.341 7.46-8.33 15.258-11.113 22.954-3.1 8.572-5.096 17.187-6.299 25.43-.259 1.774-1.621 3.21-3.384 3.512l-98.199 16.812c1.353-14.962 4.236-26.599 6.381-34.652q2.81-10.554 8.29-23.76\" clip-rule=\"evenodd\"></path></g><ellipse cx=\"17.501\" cy=\"28\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"17\" cy=\"27.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 17 27.501)\"></ellipse><ellipse cx=\"43.309\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"43\" cy=\"19.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 43 19.693)\"></ellipse><path fill=\"var(--ds-illustration-500)\" stroke=\"var(--ds-illustration-300)\" stroke-width=\"4\" d=\"M124 108c9.895 0 18 8.236 18 18.5s-8.105 18.5-18 18.5-18-8.236-18-18.5 8.105-18.5 18-18.5Z\"></path><path fill=\"#fff\" stroke=\"#fff\" d=\"m122.683 128.646-7.13.068a1 1 0 0 1-1.009-.967l-.062-1.885a1 1 0 0 1 .988-1.033l6.9-.076 4.15.057 6.941-.16a1 1 0 0 1 1.022 1.033l-.065 1.934a1 1 0 0 1-1 .966l-7.223-.005z\"></path><defs><filter id=\"filter0_d_1096_14545\" width=\"132.418\" height=\"106.718\" x=\"8.234\" y=\"30.657\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1096_14545\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1096_14545\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_1096_14545\" width=\"139.565\" height=\"94.744\" x=\"19.413\" y=\"42.93\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1096_14545\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1096_14545\" result=\"shape\"></feBlend></filter></defs>";
|
|
499
|
+
var _IllustrationFolderRemove = react.default.forwardRef((props, ref) => {
|
|
500
|
+
const { className, color = "primary", ...rest } = props;
|
|
501
|
+
const finalClassName = [
|
|
502
|
+
"ds-illustration ds-illustration-folder-remove",
|
|
503
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
504
|
+
className
|
|
505
|
+
].filter(Boolean).join(" ");
|
|
506
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
507
|
+
"aria-hidden": "true",
|
|
508
|
+
fill: "none",
|
|
509
|
+
viewBox: "0 0 160 160",
|
|
510
|
+
width: "160",
|
|
511
|
+
height: "160",
|
|
512
|
+
...rest,
|
|
513
|
+
className: finalClassName,
|
|
514
|
+
ref,
|
|
515
|
+
"data-c13y-component": "illustration",
|
|
516
|
+
dangerouslySetInnerHTML: { __html: _svgContent$9 }
|
|
517
|
+
});
|
|
518
|
+
});
|
|
519
|
+
_IllustrationFolderRemove.displayName = "IllustrationFolderRemove";
|
|
520
|
+
var IllustrationFolderRemove = react.default.memo(_IllustrationFolderRemove);
|
|
521
|
+
//#endregion
|
|
326
522
|
//#region src/illustrations/IllustrationGroups.tsx
|
|
327
523
|
/**
|
|
328
524
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
329
525
|
*/
|
|
330
|
-
var _svgContent$
|
|
526
|
+
var _svgContent$8 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M80.81 10.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598C37.618 17.539 59.182 9.604 80.81 10.015\" clip-rule=\"evenodd\"></path><ellipse cx=\"139.501\" cy=\"20\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"139\" cy=\"19.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 139 19.5)\"></ellipse><g filter=\"url(#filter0_d_124_481)\"><path fill=\"var(--ds-illustration-500)\" d=\"M61.167 78c14.635 0 26.5-11.865 26.5-26.5S75.802 25 61.167 25s-26.5 11.865-26.5 26.5S46.53 78 61.167 78m0 5.889c11.734 0 22.405 3.583 30.254 8.635 3.924 2.527 7.29 5.515 9.729 8.773 2.401 3.207 4.183 7.062 4.183 11.195 0 4.443-2.056 8.012-5.091 10.582-2.854 2.417-6.572 3.982-10.424 5.058C82.09 130.291 71.862 131 61.167 131s-20.924-.709-28.651-2.868c-3.852-1.076-7.57-2.641-10.425-5.058-3.035-2.57-5.091-6.139-5.091-10.582 0-4.133 1.782-7.988 4.183-11.195 2.44-3.258 5.805-6.246 9.73-8.773 7.848-5.052 18.52-8.635 30.254-8.635\"></path></g><g filter=\"url(#filter1_d_124_481)\"><path fill=\"var(--ds-illustration-300)\" d=\"M126.699 61.175c0 9.757-7.909 17.666-17.667 17.666-9.757 0-17.666-7.91-17.666-17.666s7.91-17.667 17.666-17.667c9.758 0 17.667 7.91 17.667 17.667M109.032 84.73c7.777 0 14.832 2.569 20.025 6.191 4.838 3.373 9.42 8.7 9.42 14.841 0 3.452-1.488 6.314-3.759 8.398-2.102 1.928-4.762 3.109-7.323 3.884-5.12 1.55-11.72 2.019-18.363 2.019-.58-.002-.982-.583-.814-1.138.524-1.732.814-3.599.814-5.592 0-5.826-2.492-10.897-5.358-14.724-3.968-5.3-3.292-13.438 3.317-13.82a35 35 0 0 1 2.041-.059\"></path></g><ellipse cx=\"21.309\" cy=\"42\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"21\" cy=\"41.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 21 41.693)\"></ellipse><ellipse cx=\"11.309\" cy=\"27\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"11\" cy=\"26.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 11 26.693)\"></ellipse><defs><filter id=\"filter0_d_124_481\" width=\"108.333\" height=\"126\" x=\"7\" y=\"15\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_124_481\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_124_481\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_124_481\" width=\"67.111\" height=\"96.555\" x=\"81.366\" y=\"33.508\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_124_481\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_124_481\" result=\"shape\"></feBlend></filter></defs>";
|
|
331
527
|
var _IllustrationGroups = react.default.forwardRef((props, ref) => {
|
|
332
528
|
const { className, color = "primary", ...rest } = props;
|
|
333
529
|
const finalClassName = [
|
|
@@ -345,21 +541,21 @@ var _IllustrationGroups = react.default.forwardRef((props, ref) => {
|
|
|
345
541
|
className: finalClassName,
|
|
346
542
|
ref,
|
|
347
543
|
"data-c13y-component": "illustration",
|
|
348
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
544
|
+
dangerouslySetInnerHTML: { __html: _svgContent$8 }
|
|
349
545
|
});
|
|
350
546
|
});
|
|
351
547
|
_IllustrationGroups.displayName = "IllustrationGroups";
|
|
352
548
|
var IllustrationGroups = react.default.memo(_IllustrationGroups);
|
|
353
549
|
//#endregion
|
|
354
|
-
//#region src/illustrations/
|
|
550
|
+
//#region src/illustrations/IllustrationHeadphones.tsx
|
|
355
551
|
/**
|
|
356
552
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
357
553
|
*/
|
|
358
|
-
var _svgContent$
|
|
359
|
-
var
|
|
554
|
+
var _svgContent$7 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M74.387 10.358c21.272.11 44.739-1.773 59.023 13.991 15.046 16.606 15.89 41.184 10.729 62.99-5.103 21.563-17.76 40.972-37.647 50.746-20.075 9.866-44.531 10.501-63.778-.898-17.735-10.504-21.443-32.506-26.401-52.514C11.17 63.923 1.437 40.584 14.6 23.74 27.83 6.81 52.9 10.248 74.387 10.358\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M78.001 28.167C50.492 28.197 28.2 50.49 28.168 78c0 22.533 12.974 46.562 13.529 47.571a4.334 4.334 0 1 0 7.61-4.147c-.122-.225-12.472-23.149-12.472-43.424 0-22.736 18.43-41.167 41.166-41.167S119.168 55.264 119.168 78c0 20.275-12.35 43.199-12.471 43.424a4.334 4.334 0 1 0 7.609 4.147c.555-1.009 13.529-25.038 13.529-47.571-.031-27.51-22.324-49.802-49.834-49.833\"></path><g filter=\"url(#filter0_d_1722_10064)\"><path fill=\"#fff\" d=\"m108.639 88.773-4.026-1.608a6.5 6.5 0 0 0-8.445 3.623l-8.85 22.121a6.5 6.5 0 0 0 3.62 8.455l4.02 1.612c1.601.64 3.391.618 4.976-.061 1.585-.68 2.117-1.551 3.474-3.562 0 0 1.893-3.003 5.143-10.153 2.012-4.426 3.9-12.35 3.9-12.35.65-2.6.679-3.614 0-5.2-.678-1.586-2.211-2.237-3.812-2.877\"></path></g><g filter=\"url(#filter1_d_1722_10064)\"><path fill=\"#fff\" d=\"m47.213 89.154 4.026-1.593c3.334-1.318 7.115.288 8.448 3.59l8.851 21.915a6.38 6.38 0 0 1-.057 4.931 6.47 6.47 0 0 1-3.562 3.445l-4.022 1.597a6.56 6.56 0 0 1-4.977-.06c-1.585-.673-2.118-1.537-3.476-3.529 0 0-1.893-2.975-5.143-10.058-2.013-4.385-3.901-12.236-3.901-12.236-.65-2.576-.68-3.58 0-5.151.678-1.571 2.211-2.216 3.813-2.851\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"M91.464 92.885c0-.64-.247-1.255-.686-1.708a2.3 2.3 0 0 0-1.655-.707h-4.097c-.434 0-.86.124-1.229.36-.37.234-.668.57-.863.97l-1.142 2.353a.6.6 0 0 1-.244.26.57.57 0 0 1-.665-.077.6.6 0 0 1-.182-.308l-2.767-11.42a2.43 2.43 0 0 0-.735-1.23 2.28 2.28 0 0 0-2.66-.294c-.419.236-.758.6-.97 1.042l-3.88 7.994a.6.6 0 0 1-.212.242.57.57 0 0 1-.305.091l-2.305.017c-.621.003-1.216.26-1.653.714a2.46 2.46 0 0 0-.679 1.71c.003.641.252 1.255.692 1.706.441.451 1.037.703 1.658.7h.02L71 95.27c.431-.003.854-.13 1.22-.366a2.4 2.4 0 0 0 .856-.97l1.142-2.36c.054-.11.139-.2.243-.259a.57.57 0 0 1 .665.075c.09.081.154.189.183.308l2.764 11.402c.116.478.371.909.731 1.233s.808.528 1.283.582.955-.043 1.375-.279c.42-.235.76-.598.975-1.039l3.871-7.97a.6.6 0 0 1 .215-.243.57.57 0 0 1 .307-.09h2.292c.62 0 1.214-.253 1.653-.705a2.45 2.45 0 0 0 .688-1.703\"></path><ellipse cx=\"141.501\" cy=\"127\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"141\" cy=\"126.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 141 126.501)\"></ellipse><ellipse cx=\"33.501\" cy=\"26\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"33\" cy=\"25.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 33 25.501)\"></ellipse><ellipse cx=\"12.309\" cy=\"44\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"12\" cy=\"43.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 12 43.693)\"></ellipse><defs><filter id=\"filter0_d_1722_10064\" width=\"46.098\" height=\"56.741\" x=\"76.852\" y=\"76.7\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1722_10064\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1722_10064\" result=\"shape\"></feBlend></filter><filter id=\"filter1_d_1722_10064\" width=\"46.104\" height=\"56.4\" x=\"32.901\" y=\"77.1\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1722_10064\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1722_10064\" result=\"shape\"></feBlend></filter></defs>";
|
|
555
|
+
var _IllustrationHeadphones = react.default.forwardRef((props, ref) => {
|
|
360
556
|
const { className, color = "primary", ...rest } = props;
|
|
361
557
|
const finalClassName = [
|
|
362
|
-
"ds-illustration ds-illustration-
|
|
558
|
+
"ds-illustration ds-illustration-headphones",
|
|
363
559
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
364
560
|
className
|
|
365
561
|
].filter(Boolean).join(" ");
|
|
@@ -373,17 +569,17 @@ var _IllustrationMail = react.default.forwardRef((props, ref) => {
|
|
|
373
569
|
className: finalClassName,
|
|
374
570
|
ref,
|
|
375
571
|
"data-c13y-component": "illustration",
|
|
376
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
572
|
+
dangerouslySetInnerHTML: { __html: _svgContent$7 }
|
|
377
573
|
});
|
|
378
574
|
});
|
|
379
|
-
|
|
380
|
-
var
|
|
575
|
+
_IllustrationHeadphones.displayName = "IllustrationHeadphones";
|
|
576
|
+
var IllustrationHeadphones = react.default.memo(_IllustrationHeadphones);
|
|
381
577
|
//#endregion
|
|
382
578
|
//#region src/illustrations/IllustrationNotFound.tsx
|
|
383
579
|
/**
|
|
384
580
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
385
581
|
*/
|
|
386
|
-
var _svgContent$
|
|
582
|
+
var _svgContent$6 = "<g clip-path=\"url(#clip0_5_6879)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.652 3C50.18 3.144 22.6 21.649 11.27 50.456-2.554 85.61-8.706 130.84 23.037 152.048c30.345 20.276 65.92-8.064 94.655-30.486 23.557-18.382 44.97-43.453 36.367-71.753-9.133-30.045-40.452-46.953-72.407-46.808\" clip-rule=\"evenodd\"></path></g><g filter=\"url(#filter0_d_5_6879)\"><path fill=\"#fff\" d=\"M34.001 131c-6.627 0-12-5.373-12-12V54c0-6.627 5.373-12 12-12h95c6.627 0 12 5.373 12 12v65c0 6.627-5.373 12-12 12z\"></path><rect width=\"18\" height=\"119\" x=\"22\" y=\"60\" fill=\"var(--ds-illustration-300)\" rx=\"9\" transform=\"rotate(-90 22 60)\"></rect><rect width=\"5\" height=\"5\" x=\"29\" y=\"48\" fill=\"#fff\" rx=\"2.5\"></rect><rect width=\"5\" height=\"5\" x=\"38\" y=\"48\" fill=\"#fff\" rx=\"2.5\"></rect><rect width=\"5\" height=\"5\" x=\"47\" y=\"48\" fill=\"#fff\" rx=\"2.5\"></rect></g><path fill=\"var(--ds-illustration-300)\" d=\"m88.894 105.858 4.894-5.524 19.415 17.2-4.893 5.524z\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M106.044 124.427a3.636 3.636 0 0 1-.31-5.133l3.551-4.01a3.636 3.636 0 0 1 5.133-.31l23.29 20.631a6.315 6.315 0 0 1-8.374 9.453z\"></path><path fill=\"#fff\" stroke=\"var(--ds-illustration-500)\" stroke-width=\"6\" d=\"M81.14 70.331c13.645 0 24.707 11.061 24.707 24.706s-11.061 24.706-24.706 24.706-24.706-11.061-24.706-24.706 11.06-24.706 24.706-24.706Z\"></path><path fill=\"var(--ds-illustration-500)\" stroke=\"var(--ds-illustration-500)\" stroke-width=\"3\" d=\"m70.203 89.037 6.445 5.92a1 1 0 0 1 .013 1.46l-6.021 5.742a1 1 0 0 0-.051 1.395l1.826 2.016a1 1 0 0 0 1.433.05l6.402-6.133a1 1 0 0 1 1.376-.007l6.648 6.232a1 1 0 0 0 1.342.023l2.468-2.159a1 1 0 0 0 .008-1.498l-6.36-5.686a1 1 0 0 1-.034-1.46l6.015-5.893a1 1 0 0 0 .007-1.422l-2.578-2.579a1 1 0 0 0-1.415 0l-6.116 6.116a1 1 0 0 1-1.382.03l-6.418-5.877a1 1 0 0 0-1.383.03l-2.256 2.257a1 1 0 0 0 .03 1.443Z\"></path><defs><clipPath id=\"clip0_5_6879\"><path fill=\"#fff\" d=\"M0 3h156v156H0z\"></path></clipPath><filter id=\"filter0_d_5_6879\" width=\"139.001\" height=\"109\" x=\"12\" y=\"32\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6879\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6879\" result=\"shape\"></feBlend></filter></defs>";
|
|
387
583
|
var _IllustrationNotFound = react.default.forwardRef((props, ref) => {
|
|
388
584
|
const { className, color = "primary", ...rest } = props;
|
|
389
585
|
const finalClassName = [
|
|
@@ -401,21 +597,77 @@ var _IllustrationNotFound = react.default.forwardRef((props, ref) => {
|
|
|
401
597
|
className: finalClassName,
|
|
402
598
|
ref,
|
|
403
599
|
"data-c13y-component": "illustration",
|
|
404
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
600
|
+
dangerouslySetInnerHTML: { __html: _svgContent$6 }
|
|
405
601
|
});
|
|
406
602
|
});
|
|
407
603
|
_IllustrationNotFound.displayName = "IllustrationNotFound";
|
|
408
604
|
var IllustrationNotFound = react.default.memo(_IllustrationNotFound);
|
|
409
605
|
//#endregion
|
|
410
|
-
//#region src/illustrations/
|
|
606
|
+
//#region src/illustrations/IllustrationSearch.tsx
|
|
607
|
+
/**
|
|
608
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
609
|
+
*/
|
|
610
|
+
var _svgContent$5 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M81.777 20.939c20.491-.173 40.545 7.86 53.3 23.802 12.734 15.916 15.703 37.043 11.261 56.892-4.476 20.001-15.32 39.919-34.568 47.255-18.038 6.876-36.757-3.873-53.321-13.755-14.17-8.453-25.079-20.378-30.121-36.021-5.76-17.867-9.34-37.965 1.27-53.482C40.99 28.97 61.511 21.11 81.777 20.939\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_5_6810)\"><path fill=\"var(--ds-illustration-500)\" d=\"m67.645 76.68 6.688-7.551 26.535 23.506-6.688 7.55z\"></path><path fill=\"var(--ds-illustration-500)\" d=\"M90.085 101.173a3.636 3.636 0 0 1-.31-5.133l6.622-7.476a3.636 3.636 0 0 1 5.133-.31l32.829 29.08a8.63 8.63 0 0 1-11.445 12.92z\"></path><path fill=\"#fff\" stroke=\"var(--ds-illustration-500)\" stroke-width=\"7.273\" d=\"M57.048 27.66c18.904 0 34.23 15.326 34.23 34.23 0 18.905-15.326 34.23-34.23 34.23-18.905 0-34.23-15.325-34.23-34.23s15.325-34.23 34.23-34.23Z\"></path><path stroke=\"var(--ds-illustration-50)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"7.273\" d=\"M72.953 65.712c.582-2.173.71-4.358.444-6.45-.804-6.309-5.202-11.766-11.576-13.473a15.5 15.5 0 0 0-6.994-.244\"></path></g><ellipse cx=\"138.501\" cy=\"44\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"138\" cy=\"43.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 138 43.5)\"></ellipse><ellipse cx=\"110.309\" cy=\"29\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"110\" cy=\"28.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 110 28.693)\"></ellipse><ellipse cx=\"57.501\" cy=\"132\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"57\" cy=\"131.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 57 131.501)\"></ellipse><defs><filter id=\"filter0_d_5_6810\" width=\"138.084\" height=\"128.4\" x=\"9.182\" y=\"14.024\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6810\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6810\" result=\"shape\"></feBlend></filter></defs>";
|
|
611
|
+
var _IllustrationSearch = react.default.forwardRef((props, ref) => {
|
|
612
|
+
const { className, color = "primary", ...rest } = props;
|
|
613
|
+
const finalClassName = [
|
|
614
|
+
"ds-illustration ds-illustration-search",
|
|
615
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
616
|
+
className
|
|
617
|
+
].filter(Boolean).join(" ");
|
|
618
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
619
|
+
"aria-hidden": "true",
|
|
620
|
+
fill: "none",
|
|
621
|
+
viewBox: "0 0 160 160",
|
|
622
|
+
width: "160",
|
|
623
|
+
height: "160",
|
|
624
|
+
...rest,
|
|
625
|
+
className: finalClassName,
|
|
626
|
+
ref,
|
|
627
|
+
"data-c13y-component": "illustration",
|
|
628
|
+
dangerouslySetInnerHTML: { __html: _svgContent$5 }
|
|
629
|
+
});
|
|
630
|
+
});
|
|
631
|
+
_IllustrationSearch.displayName = "IllustrationSearch";
|
|
632
|
+
var IllustrationSearch = react.default.memo(_IllustrationSearch);
|
|
633
|
+
//#endregion
|
|
634
|
+
//#region src/illustrations/IllustrationSend.tsx
|
|
635
|
+
/**
|
|
636
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
637
|
+
*/
|
|
638
|
+
var _svgContent$4 = "<g clip-path=\"url(#clip0_5_6829)\"><path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M83.652 2C52.18 2.144 24.6 20.649 13.27 49.456-.554 84.61-6.706 129.84 25.037 151.048c30.345 20.276 65.92-8.064 94.655-30.486 23.557-18.382 44.97-43.453 36.367-71.753-9.133-30.045-40.452-46.953-72.407-46.808\" clip-rule=\"evenodd\"></path><path fill=\"var(--ds-illustration-300)\" d=\"M64.433 78.005a.741.741 0 1 0 .151-1.475zm-43.855 41.512-.737.084zm27.449-2.975-.735.1zm-23.59 35.255a.741.741 0 1 0 1.198-.873zM64.584 76.53a37 37 0 0 0-2.252-.16l-.061 1.482q1.143.047 2.162.153zm-6.776-.117a53 53 0 0 0-4.49.45l.21 1.467a51 51 0 0 1 4.363-.437zm-8.929 1.279c-1.44.333-2.894.735-4.347 1.213l.463 1.408a49 49 0 0 1 4.219-1.177zm-8.567 2.832a41 41 0 0 0-4.036 2.053l.745 1.281a40 40 0 0 1 3.89-1.979zm-7.813 4.567a34 34 0 0 0-3.427 2.986l1.048 1.048a32 32 0 0 1 3.276-2.854zm-6.406 6.426a31 31 0 0 0-2.448 3.837l1.305.704a29.6 29.6 0 0 1 2.33-3.654zm-4.318 7.986a35 35 0 0 0-1.29 4.359l1.445.329a34 34 0 0 1 1.235-4.175zm-2.034 8.815q-.241 2.175-.265 4.531l1.483.014c.014-1.524.102-2.984.255-4.383zm-.114 9.018q.084 1.114.214 2.265l1.473-.167a58 58 0 0 1-.209-2.209zm.214 2.265q.128 1.122.364 2.128l1.444-.337a17 17 0 0 1-.335-1.958zm1.96 6.159c.81 1.34 1.82 2.415 2.974 3.243l.865-1.204a9.4 9.4 0 0 1-2.57-2.805zm6.967 5.051c1.39.341 2.85.453 4.317.37l-.083-1.48c-1.339.075-2.65-.028-3.882-.329zm8.544-.385c1.37-.41 2.701-.973 3.944-1.664l-.72-1.296a18.3 18.3 0 0 1-3.65 1.54zm7.432-4.174c1.088-1.007 2.018-2.145 2.717-3.386l-1.292-.727c-.614 1.09-1.442 2.108-2.432 3.025zm4.065-7.579a9.7 9.7 0 0 0-.048-2.232l-1.469.201q.13.966.041 1.892zm-.048-2.232a24 24 0 0 0-.447-2.379l-1.44.351q.255 1.041.418 2.229zm-2.249-6.912c-.942-1.562-2.115-2.75-3.457-3.58l-.78 1.26c1.127.697 2.138 1.709 2.968 3.085zm-8.23-5.025c-1.58-.078-3.224.174-4.86.707l.46 1.41c1.49-.487 2.952-.704 4.328-.636zm-9.231 2.813a24 24 0 0 0-3.764 3.005l1.034 1.062a22.5 22.5 0 0 1 3.53-2.819zm-6.886 6.644a28.3 28.3 0 0 0-2.446 4.121l1.334.646a27 27 0 0 1 2.318-3.904zm-4.164 8.595a28.6 28.6 0 0 0-.945 4.692l1.472.17c.179-1.542.484-3.028.896-4.448zm-1.103 9.469c.075 1.546.271 3.131.604 4.746l1.452-.299a29.4 29.4 0 0 1-.575-4.518zm1.899 9.332a38 38 0 0 0 1.897 4.377l1.321-.673a36 36 0 0 1-1.823-4.205zm4.275 8.466q.645.986 1.365 1.974l1.198-.873a47 47 0 0 1-1.323-1.913z\"></path><g filter=\"url(#filter0_d_5_6829)\"><path fill=\"#fff\" d=\"M97.859 90.859 77.595 67.963a1.915 1.915 0 0 1 .756-3.06l49.605-18.785c2.214-.839 1.235-4.16-1.08-3.663l-59.955 12.86a1.92 1.92 0 0 1-1.804-.569L45.642 33.792c-1.157-1.244-.241-3.266 1.457-3.218l108.342 3.087c1.697.048 2.496 2.116 1.274 3.293L100.621 90.97a1.915 1.915 0 0 1-2.762-.11\"></path><path stroke=\"#fff\" stroke-width=\"1.135\" d=\"M97.859 90.859 77.595 67.963a1.915 1.915 0 0 1 .756-3.06l49.605-18.785c2.214-.839 1.235-4.16-1.08-3.663l-59.955 12.86a1.92 1.92 0 0 1-1.804-.569L45.642 33.792c-1.157-1.244-.241-3.266 1.457-3.218l108.342 3.087c1.697.048 2.496 2.116 1.274 3.293L100.621 90.97a1.915 1.915 0 0 1-2.762-.11Z\"></path></g><path fill=\"var(--ds-illustration-500)\" d=\"m155.944 35.152-92.108 20.68a1.915 1.915 0 0 0-1.488 1.707l-2.845 33.598c-.13 1.53 1.506 2.583 2.845 1.83l23.123-12.985a1.915 1.915 0 0 0 .507-2.927l-8.312-9.545a1.915 1.915 0 0 1 .767-3.048z\"></path><ellipse cx=\"18.501\" cy=\"50\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"18\" cy=\"49.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 18 49.5)\"></ellipse><ellipse cx=\"115.501\" cy=\"116\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"115\" cy=\"115.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 115 115.501)\"></ellipse><ellipse cx=\"88.309\" cy=\"133\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"88\" cy=\"132.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 88 132.693)\"></ellipse></g><defs><clipPath id=\"clip0_5_6829\"><path fill=\"#fff\" d=\"M0 0h160v160H0z\"></path></clipPath><filter id=\"filter0_d_5_6829\" width=\"133.317\" height=\"82.066\" x=\"34.556\" y=\"20.006\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5_6829\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5_6829\" result=\"shape\"></feBlend></filter></defs>";
|
|
639
|
+
var _IllustrationSend = react.default.forwardRef((props, ref) => {
|
|
640
|
+
const { className, color = "primary", ...rest } = props;
|
|
641
|
+
const finalClassName = [
|
|
642
|
+
"ds-illustration ds-illustration-send",
|
|
643
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
644
|
+
className
|
|
645
|
+
].filter(Boolean).join(" ");
|
|
646
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
647
|
+
"aria-hidden": "true",
|
|
648
|
+
fill: "none",
|
|
649
|
+
viewBox: "0 0 160 160",
|
|
650
|
+
width: "160",
|
|
651
|
+
height: "160",
|
|
652
|
+
...rest,
|
|
653
|
+
className: finalClassName,
|
|
654
|
+
ref,
|
|
655
|
+
"data-c13y-component": "illustration",
|
|
656
|
+
dangerouslySetInnerHTML: { __html: _svgContent$4 }
|
|
657
|
+
});
|
|
658
|
+
});
|
|
659
|
+
_IllustrationSend.displayName = "IllustrationSend";
|
|
660
|
+
var IllustrationSend = react.default.memo(_IllustrationSend);
|
|
661
|
+
//#endregion
|
|
662
|
+
//#region src/illustrations/IllustrationSurvey.tsx
|
|
411
663
|
/**
|
|
412
664
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
413
665
|
*/
|
|
414
|
-
var _svgContent$3 = "<
|
|
415
|
-
var
|
|
666
|
+
var _svgContent$3 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M82.81 12.015c21.099.402 41.755 9.391 53.988 26.61 11.544 16.249 10.973 37.558 5.146 56.627-5.269 17.244-18.388 29.703-34.176 38.379-17.232 9.469-36.752 17.876-55.033 10.642-19.578-7.748-32.187-26.687-37.23-47.154-5.162-20.952-2.697-43.68 10.683-60.598 13.43-16.982 34.994-24.917 56.622-24.506\" clip-rule=\"evenodd\"></path><rect width=\"104\" height=\"80\" x=\"22\" y=\"44.335\" fill=\"var(--ds-illustration-300)\" rx=\"12\" transform=\"rotate(-6 22 44.335)\"></rect><g filter=\"url(#filter0_d_1235_41013)\"><rect width=\"104\" height=\"80\" x=\"34\" y=\"32\" fill=\"#fff\" rx=\"12\"></rect></g><rect width=\"88\" height=\"4\" x=\"42\" y=\"45\" fill=\"var(--ds-illustration-500)\" rx=\"2\"></rect><path fill=\"var(--ds-illustration-300)\" d=\"M42 66a6 6 0 0 1 6-6h76a6 6 0 0 1 6 6v28a6 6 0 0 1-6 6H48a6 6 0 0 1-6-6z\"></path><g clip-path=\"url(#clip0_1235_41013)\"><path fill=\"#fff\" d=\"M97.56 76.73a1.51 1.51 0 0 0-1.41-1h-6.09a.5.5 0 0 1-.47-.33l-2.18-6.2a1.52 1.52 0 0 0-1.41-.95 1.49 1.49 0 0 0-1.4 1l-2.19 6.17a.5.5 0 0 1-.47.33h-6.09a1.5 1.5 0 0 0-1.41 1 1.52 1.52 0 0 0 .45 1.65l5.18 4.3a.5.5 0 0 1 .16.54l-2.18 6.53a1.5 1.5 0 0 0 2.31 1.69l5.34-3.92a.49.49 0 0 1 .59 0l5.35 3.92A1.5 1.5 0 0 0 94 89.77l-2.18-6.53a.5.5 0 0 1 .16-.54l5.19-4.31a1.51 1.51 0 0 0 .39-1.66\"></path></g><ellipse cx=\"128.501\" cy=\"19\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"128\" cy=\"18.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 128 18.501)\"></ellipse><ellipse cx=\"94.309\" cy=\"130\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"94\" cy=\"129.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 94 129.693)\"></ellipse><ellipse cx=\"115.309\" cy=\"139\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"115\" cy=\"138.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 115 138.693)\"></ellipse><defs><clipPath id=\"clip0_1235_41013\"><path fill=\"#fff\" d=\"M74 68h24v24H74z\"></path></clipPath><filter id=\"filter0_d_1235_41013\" width=\"124\" height=\"100\" x=\"24\" y=\"22\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1235_41013\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1235_41013\" result=\"shape\"></feBlend></filter></defs>";
|
|
667
|
+
var _IllustrationSurvey = react.default.forwardRef((props, ref) => {
|
|
416
668
|
const { className, color = "primary", ...rest } = props;
|
|
417
669
|
const finalClassName = [
|
|
418
|
-
"ds-illustration ds-illustration-
|
|
670
|
+
"ds-illustration ds-illustration-survey",
|
|
419
671
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
420
672
|
className
|
|
421
673
|
].filter(Boolean).join(" ");
|
|
@@ -432,18 +684,18 @@ var _IllustrationPreview = react.default.forwardRef((props, ref) => {
|
|
|
432
684
|
dangerouslySetInnerHTML: { __html: _svgContent$3 }
|
|
433
685
|
});
|
|
434
686
|
});
|
|
435
|
-
|
|
436
|
-
var
|
|
687
|
+
_IllustrationSurvey.displayName = "IllustrationSurvey";
|
|
688
|
+
var IllustrationSurvey = react.default.memo(_IllustrationSurvey);
|
|
437
689
|
//#endregion
|
|
438
|
-
//#region src/illustrations/
|
|
690
|
+
//#region src/illustrations/IllustrationTable.tsx
|
|
439
691
|
/**
|
|
440
692
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
441
693
|
*/
|
|
442
|
-
var _svgContent$2 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"
|
|
443
|
-
var
|
|
694
|
+
var _svgContent$2 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M83.494 8.042c21.004-.964 38.8 14.737 50.623 32.124 10.696 15.73 10.887 34.93 7.726 53.689-3.494 20.737-6.92 45.007-25.887 54.089-18.945 9.072-39.694-4.009-58.285-13.784-17.42-9.159-36.796-19.145-40.938-38.385-4.104-19.063 9.84-35.697 21.649-51.214C50.708 28.363 63.16 8.976 83.494 8.042\" clip-rule=\"evenodd\"></path><g filter=\"url(#filter0_d_1891_11340)\"><path fill=\"#fff\" d=\"M32 124c-6.627 0-12-5.373-12-12V48c0-6.627 5.373-12 12-12h96c6.627 0 12 5.373 12 12v64c0 6.627-5.373 12-12 12z\"></path></g><rect width=\"44\" height=\"16\" x=\"34\" y=\"48\" fill=\"var(--ds-illustration-500)\" rx=\"3.929\"></rect><rect width=\"44\" height=\"12\" x=\"34\" y=\"68\" fill=\"var(--ds-illustration-300)\" rx=\"3.929\"></rect><rect width=\"32\" height=\"4\" x=\"40\" y=\"54\" fill=\"var(--ds-illustration-50)\" rx=\"2\"></rect><rect width=\"44\" height=\"12\" x=\"34\" y=\"84\" fill=\"var(--ds-illustration-300)\" rx=\"3.929\"></rect><rect width=\"44\" height=\"12\" x=\"34\" y=\"100\" fill=\"var(--ds-illustration-300)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"16\" x=\"82\" y=\"48\" fill=\"var(--ds-illustration-500)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"12\" x=\"82\" y=\"68\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"12\" x=\"82\" y=\"84\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"12\" x=\"82\" y=\"100\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"16\" x=\"106\" y=\"48\" fill=\"var(--ds-illustration-500)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"12\" x=\"106\" y=\"68\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"12\" x=\"106\" y=\"84\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"20\" height=\"12\" x=\"106\" y=\"100\" fill=\"var(--ds-illustration-50)\" rx=\"3.929\"></rect><rect width=\"8\" height=\"4\" x=\"88\" y=\"54\" fill=\"var(--ds-illustration-50)\" rx=\"2\"></rect><rect width=\"8\" height=\"4\" x=\"112\" y=\"54\" fill=\"var(--ds-illustration-50)\" rx=\"2\"></rect><ellipse cx=\"58.501\" cy=\"19\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"58\" cy=\"18.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 58 18.501)\"></ellipse><ellipse cx=\"10.309\" cy=\"54\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"10\" cy=\"53.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 10 53.693)\"></ellipse><defs><filter id=\"filter0_d_1891_11340\" width=\"140\" height=\"108\" x=\"10\" y=\"26\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation=\"5\"></feGaussianBlur><feComposite in2=\"hardAlpha\" operator=\"out\"></feComposite><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1891_11340\"></feBlend><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1891_11340\" result=\"shape\"></feBlend></filter></defs>";
|
|
695
|
+
var _IllustrationTable = react.default.forwardRef((props, ref) => {
|
|
444
696
|
const { className, color = "primary", ...rest } = props;
|
|
445
697
|
const finalClassName = [
|
|
446
|
-
"ds-illustration ds-illustration-
|
|
698
|
+
"ds-illustration ds-illustration-table",
|
|
447
699
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
448
700
|
className
|
|
449
701
|
].filter(Boolean).join(" ");
|
|
@@ -460,18 +712,18 @@ var _IllustrationSearch = react.default.forwardRef((props, ref) => {
|
|
|
460
712
|
dangerouslySetInnerHTML: { __html: _svgContent$2 }
|
|
461
713
|
});
|
|
462
714
|
});
|
|
463
|
-
|
|
464
|
-
var
|
|
715
|
+
_IllustrationTable.displayName = "IllustrationTable";
|
|
716
|
+
var IllustrationTable = react.default.memo(_IllustrationTable);
|
|
465
717
|
//#endregion
|
|
466
|
-
//#region src/illustrations/
|
|
718
|
+
//#region src/illustrations/IllustrationTime.tsx
|
|
467
719
|
/**
|
|
468
720
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
469
721
|
*/
|
|
470
|
-
var _svgContent$1 = "<
|
|
471
|
-
var
|
|
722
|
+
var _svgContent$1 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"M74.727 12.289c20.183.903 32.569 20.227 44.673 36.428 11.425 15.293 23.926 31.78 20.292 50.53-3.74 19.302-20.333 32.656-38.054 41.117-17.617 8.411-38.033 12.214-55.537 3.567-17.338-8.564-26.368-27.105-30.432-46.034-3.988-18.578-1.704-37.783 9.081-53.417 11.846-17.171 29.16-33.123 49.977-32.191\" clip-rule=\"evenodd\"></path><circle cx=\"80\" cy=\"80\" r=\"55\" fill=\"var(--ds-illustration-500)\"></circle><circle cx=\"79.231\" cy=\"79.23\" r=\"45.517\" fill=\"#fff\"></circle><rect width=\"10.891\" height=\"37.03\" x=\"112.125\" y=\"75.099\" fill=\"var(--ds-illustration-500)\" rx=\"5.446\" transform=\"rotate(90 112.125 75.1)\"></rect><rect width=\"10.891\" height=\"37.03\" x=\"75.096\" y=\"48.96\" fill=\"var(--ds-illustration-500)\" rx=\"5.446\"></rect><circle cx=\"80.541\" cy=\"80.544\" r=\"9.802\" fill=\"var(--ds-illustration-300)\"></circle><ellipse cx=\"25.501\" cy=\"38\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\"></ellipse><ellipse cx=\"25\" cy=\"37.501\" fill=\"var(--ds-illustration-500)\" rx=\"1.5\" ry=\"13\" transform=\"rotate(-90 25 37.501)\"></ellipse><ellipse cx=\"136.309\" cy=\"117\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"136\" cy=\"116.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 136 116.693)\"></ellipse><ellipse cx=\"128.309\" cy=\"29\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\"></ellipse><ellipse cx=\"128\" cy=\"28.693\" fill=\"var(--ds-illustration-500)\" rx=\".923\" ry=\"8\" transform=\"rotate(-90 128 28.693)\"></ellipse>";
|
|
723
|
+
var _IllustrationTime = react.default.forwardRef((props, ref) => {
|
|
472
724
|
const { className, color = "primary", ...rest } = props;
|
|
473
725
|
const finalClassName = [
|
|
474
|
-
"ds-illustration ds-illustration-
|
|
726
|
+
"ds-illustration ds-illustration-time",
|
|
475
727
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
476
728
|
className
|
|
477
729
|
].filter(Boolean).join(" ");
|
|
@@ -488,8 +740,8 @@ var _IllustrationSend = react.default.forwardRef((props, ref) => {
|
|
|
488
740
|
dangerouslySetInnerHTML: { __html: _svgContent$1 }
|
|
489
741
|
});
|
|
490
742
|
});
|
|
491
|
-
|
|
492
|
-
var
|
|
743
|
+
_IllustrationTime.displayName = "IllustrationTime";
|
|
744
|
+
var IllustrationTime = react.default.memo(_IllustrationTime);
|
|
493
745
|
//#endregion
|
|
494
746
|
//#region src/illustrations/IllustrationWarning.tsx
|
|
495
747
|
/**
|
|
@@ -520,22 +772,31 @@ _IllustrationWarning.displayName = "IllustrationWarning";
|
|
|
520
772
|
var IllustrationWarning = react.default.memo(_IllustrationWarning);
|
|
521
773
|
//#endregion
|
|
522
774
|
exports.IllustrationAnalytics = IllustrationAnalytics;
|
|
775
|
+
exports.IllustrationBin = IllustrationBin;
|
|
776
|
+
exports.IllustrationCalendar = IllustrationCalendar;
|
|
523
777
|
exports.IllustrationChat = IllustrationChat;
|
|
524
778
|
exports.IllustrationClipboard = IllustrationClipboard;
|
|
525
|
-
exports.IllustrationDocument = IllustrationDocument;
|
|
526
|
-
exports.IllustrationDocuments = IllustrationDocuments;
|
|
527
779
|
exports.IllustrationDragDrop = IllustrationDragDrop;
|
|
780
|
+
exports.IllustrationEmail = IllustrationEmail;
|
|
528
781
|
exports.IllustrationEmailDraft = IllustrationEmailDraft;
|
|
529
|
-
exports.IllustrationEmailFolder = IllustrationEmailFolder;
|
|
530
782
|
exports.IllustrationEmailScheduled = IllustrationEmailScheduled;
|
|
531
783
|
exports.IllustrationEmailSent = IllustrationEmailSent;
|
|
784
|
+
exports.IllustrationFile = IllustrationFile;
|
|
785
|
+
exports.IllustrationFilePreview = IllustrationFilePreview;
|
|
786
|
+
exports.IllustrationFileRemove = IllustrationFileRemove;
|
|
787
|
+
exports.IllustrationFileReplace = IllustrationFileReplace;
|
|
788
|
+
exports.IllustrationFiles = IllustrationFiles;
|
|
789
|
+
exports.IllustrationFolderEmail = IllustrationFolderEmail;
|
|
532
790
|
exports.IllustrationFolderEmpty = IllustrationFolderEmpty;
|
|
791
|
+
exports.IllustrationFolderRemove = IllustrationFolderRemove;
|
|
533
792
|
exports.IllustrationGroups = IllustrationGroups;
|
|
534
|
-
exports.
|
|
793
|
+
exports.IllustrationHeadphones = IllustrationHeadphones;
|
|
535
794
|
exports.IllustrationNotFound = IllustrationNotFound;
|
|
536
|
-
exports.IllustrationPreview = IllustrationPreview;
|
|
537
795
|
exports.IllustrationSearch = IllustrationSearch;
|
|
538
796
|
exports.IllustrationSend = IllustrationSend;
|
|
797
|
+
exports.IllustrationSurvey = IllustrationSurvey;
|
|
798
|
+
exports.IllustrationTable = IllustrationTable;
|
|
799
|
+
exports.IllustrationTime = IllustrationTime;
|
|
539
800
|
exports.IllustrationWarning = IllustrationWarning;
|
|
540
801
|
|
|
541
802
|
//# sourceMappingURL=illustrations.cjs.map
|