@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.js
CHANGED
|
@@ -16,7 +16,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
16
16
|
/**
|
|
17
17
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
18
18
|
*/
|
|
19
|
-
var _svgContent$
|
|
19
|
+
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>";
|
|
20
20
|
var _IllustrationAnalytics = React.forwardRef((props, ref) => {
|
|
21
21
|
const { className, color = "primary", ...rest } = props;
|
|
22
22
|
const finalClassName = [
|
|
@@ -34,21 +34,21 @@ var _IllustrationAnalytics = React.forwardRef((props, ref) => {
|
|
|
34
34
|
className: finalClassName,
|
|
35
35
|
ref,
|
|
36
36
|
"data-c13y-component": "illustration",
|
|
37
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
37
|
+
dangerouslySetInnerHTML: { __html: _svgContent$26 }
|
|
38
38
|
});
|
|
39
39
|
});
|
|
40
40
|
_IllustrationAnalytics.displayName = "IllustrationAnalytics";
|
|
41
41
|
var IllustrationAnalytics = React.memo(_IllustrationAnalytics);
|
|
42
42
|
//#endregion
|
|
43
|
-
//#region src/illustrations/
|
|
43
|
+
//#region src/illustrations/IllustrationBin.tsx
|
|
44
44
|
/**
|
|
45
45
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
46
46
|
*/
|
|
47
|
-
var _svgContent$
|
|
48
|
-
var
|
|
47
|
+
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>";
|
|
48
|
+
var _IllustrationBin = React.forwardRef((props, ref) => {
|
|
49
49
|
const { className, color = "primary", ...rest } = props;
|
|
50
50
|
const finalClassName = [
|
|
51
|
-
"ds-illustration ds-illustration-
|
|
51
|
+
"ds-illustration ds-illustration-bin",
|
|
52
52
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
53
53
|
className
|
|
54
54
|
].filter(Boolean).join(" ");
|
|
@@ -62,21 +62,21 @@ var _IllustrationChat = React.forwardRef((props, ref) => {
|
|
|
62
62
|
className: finalClassName,
|
|
63
63
|
ref,
|
|
64
64
|
"data-c13y-component": "illustration",
|
|
65
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
65
|
+
dangerouslySetInnerHTML: { __html: _svgContent$25 }
|
|
66
66
|
});
|
|
67
67
|
});
|
|
68
|
-
|
|
69
|
-
var
|
|
68
|
+
_IllustrationBin.displayName = "IllustrationBin";
|
|
69
|
+
var IllustrationBin = React.memo(_IllustrationBin);
|
|
70
70
|
//#endregion
|
|
71
|
-
//#region src/illustrations/
|
|
71
|
+
//#region src/illustrations/IllustrationCalendar.tsx
|
|
72
72
|
/**
|
|
73
73
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
74
74
|
*/
|
|
75
|
-
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>";
|
|
76
|
-
var
|
|
75
|
+
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>";
|
|
76
|
+
var _IllustrationCalendar = React.forwardRef((props, ref) => {
|
|
77
77
|
const { className, color = "primary", ...rest } = props;
|
|
78
78
|
const finalClassName = [
|
|
79
|
-
"ds-illustration ds-illustration-
|
|
79
|
+
"ds-illustration ds-illustration-calendar",
|
|
80
80
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
81
81
|
className
|
|
82
82
|
].filter(Boolean).join(" ");
|
|
@@ -90,21 +90,21 @@ var _IllustrationClipboard = React.forwardRef((props, ref) => {
|
|
|
90
90
|
className: finalClassName,
|
|
91
91
|
ref,
|
|
92
92
|
"data-c13y-component": "illustration",
|
|
93
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
93
|
+
dangerouslySetInnerHTML: { __html: _svgContent$24 }
|
|
94
94
|
});
|
|
95
95
|
});
|
|
96
|
-
|
|
97
|
-
var
|
|
96
|
+
_IllustrationCalendar.displayName = "IllustrationCalendar";
|
|
97
|
+
var IllustrationCalendar = React.memo(_IllustrationCalendar);
|
|
98
98
|
//#endregion
|
|
99
|
-
//#region src/illustrations/
|
|
99
|
+
//#region src/illustrations/IllustrationChat.tsx
|
|
100
100
|
/**
|
|
101
101
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
102
102
|
*/
|
|
103
|
-
var _svgContent$
|
|
104
|
-
var
|
|
103
|
+
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>";
|
|
104
|
+
var _IllustrationChat = React.forwardRef((props, ref) => {
|
|
105
105
|
const { className, color = "primary", ...rest } = props;
|
|
106
106
|
const finalClassName = [
|
|
107
|
-
"ds-illustration ds-illustration-
|
|
107
|
+
"ds-illustration ds-illustration-chat",
|
|
108
108
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
109
109
|
className
|
|
110
110
|
].filter(Boolean).join(" ");
|
|
@@ -118,21 +118,21 @@ var _IllustrationDocument = React.forwardRef((props, ref) => {
|
|
|
118
118
|
className: finalClassName,
|
|
119
119
|
ref,
|
|
120
120
|
"data-c13y-component": "illustration",
|
|
121
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
121
|
+
dangerouslySetInnerHTML: { __html: _svgContent$23 }
|
|
122
122
|
});
|
|
123
123
|
});
|
|
124
|
-
|
|
125
|
-
var
|
|
124
|
+
_IllustrationChat.displayName = "IllustrationChat";
|
|
125
|
+
var IllustrationChat = React.memo(_IllustrationChat);
|
|
126
126
|
//#endregion
|
|
127
|
-
//#region src/illustrations/
|
|
127
|
+
//#region src/illustrations/IllustrationClipboard.tsx
|
|
128
128
|
/**
|
|
129
129
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
130
130
|
*/
|
|
131
|
-
var _svgContent$
|
|
132
|
-
var
|
|
131
|
+
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>";
|
|
132
|
+
var _IllustrationClipboard = React.forwardRef((props, ref) => {
|
|
133
133
|
const { className, color = "primary", ...rest } = props;
|
|
134
134
|
const finalClassName = [
|
|
135
|
-
"ds-illustration ds-illustration-
|
|
135
|
+
"ds-illustration ds-illustration-clipboard",
|
|
136
136
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
137
137
|
className
|
|
138
138
|
].filter(Boolean).join(" ");
|
|
@@ -146,17 +146,17 @@ var _IllustrationDocuments = React.forwardRef((props, ref) => {
|
|
|
146
146
|
className: finalClassName,
|
|
147
147
|
ref,
|
|
148
148
|
"data-c13y-component": "illustration",
|
|
149
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
149
|
+
dangerouslySetInnerHTML: { __html: _svgContent$22 }
|
|
150
150
|
});
|
|
151
151
|
});
|
|
152
|
-
|
|
153
|
-
var
|
|
152
|
+
_IllustrationClipboard.displayName = "IllustrationClipboard";
|
|
153
|
+
var IllustrationClipboard = React.memo(_IllustrationClipboard);
|
|
154
154
|
//#endregion
|
|
155
155
|
//#region src/illustrations/IllustrationDragDrop.tsx
|
|
156
156
|
/**
|
|
157
157
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
158
158
|
*/
|
|
159
|
-
var _svgContent$
|
|
159
|
+
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>";
|
|
160
160
|
var _IllustrationDragDrop = React.forwardRef((props, ref) => {
|
|
161
161
|
const { className, color = "primary", ...rest } = props;
|
|
162
162
|
const finalClassName = [
|
|
@@ -174,21 +174,21 @@ var _IllustrationDragDrop = React.forwardRef((props, ref) => {
|
|
|
174
174
|
className: finalClassName,
|
|
175
175
|
ref,
|
|
176
176
|
"data-c13y-component": "illustration",
|
|
177
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
177
|
+
dangerouslySetInnerHTML: { __html: _svgContent$21 }
|
|
178
178
|
});
|
|
179
179
|
});
|
|
180
180
|
_IllustrationDragDrop.displayName = "IllustrationDragDrop";
|
|
181
181
|
var IllustrationDragDrop = React.memo(_IllustrationDragDrop);
|
|
182
182
|
//#endregion
|
|
183
|
-
//#region src/illustrations/
|
|
183
|
+
//#region src/illustrations/IllustrationEmail.tsx
|
|
184
184
|
/**
|
|
185
185
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
186
186
|
*/
|
|
187
|
-
var _svgContent$
|
|
188
|
-
var
|
|
187
|
+
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>";
|
|
188
|
+
var _IllustrationEmail = React.forwardRef((props, ref) => {
|
|
189
189
|
const { className, color = "primary", ...rest } = props;
|
|
190
190
|
const finalClassName = [
|
|
191
|
-
"ds-illustration ds-illustration-email
|
|
191
|
+
"ds-illustration ds-illustration-email",
|
|
192
192
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
193
193
|
className
|
|
194
194
|
].filter(Boolean).join(" ");
|
|
@@ -202,21 +202,21 @@ var _IllustrationEmailDraft = React.forwardRef((props, ref) => {
|
|
|
202
202
|
className: finalClassName,
|
|
203
203
|
ref,
|
|
204
204
|
"data-c13y-component": "illustration",
|
|
205
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
205
|
+
dangerouslySetInnerHTML: { __html: _svgContent$20 }
|
|
206
206
|
});
|
|
207
207
|
});
|
|
208
|
-
|
|
209
|
-
var
|
|
208
|
+
_IllustrationEmail.displayName = "IllustrationEmail";
|
|
209
|
+
var IllustrationEmail = React.memo(_IllustrationEmail);
|
|
210
210
|
//#endregion
|
|
211
|
-
//#region src/illustrations/
|
|
211
|
+
//#region src/illustrations/IllustrationEmailDraft.tsx
|
|
212
212
|
/**
|
|
213
213
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
214
214
|
*/
|
|
215
|
-
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>";
|
|
216
|
-
var
|
|
215
|
+
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>";
|
|
216
|
+
var _IllustrationEmailDraft = React.forwardRef((props, ref) => {
|
|
217
217
|
const { className, color = "primary", ...rest } = props;
|
|
218
218
|
const finalClassName = [
|
|
219
|
-
"ds-illustration ds-illustration-email-
|
|
219
|
+
"ds-illustration ds-illustration-email-draft",
|
|
220
220
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
221
221
|
className
|
|
222
222
|
].filter(Boolean).join(" ");
|
|
@@ -230,17 +230,17 @@ var _IllustrationEmailFolder = React.forwardRef((props, ref) => {
|
|
|
230
230
|
className: finalClassName,
|
|
231
231
|
ref,
|
|
232
232
|
"data-c13y-component": "illustration",
|
|
233
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
233
|
+
dangerouslySetInnerHTML: { __html: _svgContent$19 }
|
|
234
234
|
});
|
|
235
235
|
});
|
|
236
|
-
|
|
237
|
-
var
|
|
236
|
+
_IllustrationEmailDraft.displayName = "IllustrationEmailDraft";
|
|
237
|
+
var IllustrationEmailDraft = React.memo(_IllustrationEmailDraft);
|
|
238
238
|
//#endregion
|
|
239
239
|
//#region src/illustrations/IllustrationEmailScheduled.tsx
|
|
240
240
|
/**
|
|
241
241
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
242
242
|
*/
|
|
243
|
-
var _svgContent$
|
|
243
|
+
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>";
|
|
244
244
|
var _IllustrationEmailScheduled = React.forwardRef((props, ref) => {
|
|
245
245
|
const { className, color = "primary", ...rest } = props;
|
|
246
246
|
const finalClassName = [
|
|
@@ -258,7 +258,7 @@ var _IllustrationEmailScheduled = React.forwardRef((props, ref) => {
|
|
|
258
258
|
className: finalClassName,
|
|
259
259
|
ref,
|
|
260
260
|
"data-c13y-component": "illustration",
|
|
261
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
261
|
+
dangerouslySetInnerHTML: { __html: _svgContent$18 }
|
|
262
262
|
});
|
|
263
263
|
});
|
|
264
264
|
_IllustrationEmailScheduled.displayName = "IllustrationEmailScheduled";
|
|
@@ -268,7 +268,7 @@ var IllustrationEmailScheduled = React.memo(_IllustrationEmailScheduled);
|
|
|
268
268
|
/**
|
|
269
269
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
270
270
|
*/
|
|
271
|
-
var _svgContent$
|
|
271
|
+
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>";
|
|
272
272
|
var _IllustrationEmailSent = React.forwardRef((props, ref) => {
|
|
273
273
|
const { className, color = "primary", ...rest } = props;
|
|
274
274
|
const finalClassName = [
|
|
@@ -286,17 +286,185 @@ var _IllustrationEmailSent = React.forwardRef((props, ref) => {
|
|
|
286
286
|
className: finalClassName,
|
|
287
287
|
ref,
|
|
288
288
|
"data-c13y-component": "illustration",
|
|
289
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
289
|
+
dangerouslySetInnerHTML: { __html: _svgContent$17 }
|
|
290
290
|
});
|
|
291
291
|
});
|
|
292
292
|
_IllustrationEmailSent.displayName = "IllustrationEmailSent";
|
|
293
293
|
var IllustrationEmailSent = React.memo(_IllustrationEmailSent);
|
|
294
294
|
//#endregion
|
|
295
|
+
//#region src/illustrations/IllustrationFile.tsx
|
|
296
|
+
/**
|
|
297
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
298
|
+
*/
|
|
299
|
+
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>";
|
|
300
|
+
var _IllustrationFile = React.forwardRef((props, ref) => {
|
|
301
|
+
const { className, color = "primary", ...rest } = props;
|
|
302
|
+
const finalClassName = [
|
|
303
|
+
"ds-illustration ds-illustration-file",
|
|
304
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
305
|
+
className
|
|
306
|
+
].filter(Boolean).join(" ");
|
|
307
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
308
|
+
"aria-hidden": "true",
|
|
309
|
+
fill: "none",
|
|
310
|
+
viewBox: "0 0 160 160",
|
|
311
|
+
width: "160",
|
|
312
|
+
height: "160",
|
|
313
|
+
...rest,
|
|
314
|
+
className: finalClassName,
|
|
315
|
+
ref,
|
|
316
|
+
"data-c13y-component": "illustration",
|
|
317
|
+
dangerouslySetInnerHTML: { __html: _svgContent$16 }
|
|
318
|
+
});
|
|
319
|
+
});
|
|
320
|
+
_IllustrationFile.displayName = "IllustrationFile";
|
|
321
|
+
var IllustrationFile = React.memo(_IllustrationFile);
|
|
322
|
+
//#endregion
|
|
323
|
+
//#region src/illustrations/IllustrationFilePreview.tsx
|
|
324
|
+
/**
|
|
325
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
326
|
+
*/
|
|
327
|
+
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>";
|
|
328
|
+
var _IllustrationFilePreview = React.forwardRef((props, ref) => {
|
|
329
|
+
const { className, color = "primary", ...rest } = props;
|
|
330
|
+
const finalClassName = [
|
|
331
|
+
"ds-illustration ds-illustration-file-preview",
|
|
332
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
333
|
+
className
|
|
334
|
+
].filter(Boolean).join(" ");
|
|
335
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
336
|
+
"aria-hidden": "true",
|
|
337
|
+
fill: "none",
|
|
338
|
+
viewBox: "0 0 160 160",
|
|
339
|
+
width: "160",
|
|
340
|
+
height: "160",
|
|
341
|
+
...rest,
|
|
342
|
+
className: finalClassName,
|
|
343
|
+
ref,
|
|
344
|
+
"data-c13y-component": "illustration",
|
|
345
|
+
dangerouslySetInnerHTML: { __html: _svgContent$15 }
|
|
346
|
+
});
|
|
347
|
+
});
|
|
348
|
+
_IllustrationFilePreview.displayName = "IllustrationFilePreview";
|
|
349
|
+
var IllustrationFilePreview = React.memo(_IllustrationFilePreview);
|
|
350
|
+
//#endregion
|
|
351
|
+
//#region src/illustrations/IllustrationFileRemove.tsx
|
|
352
|
+
/**
|
|
353
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
354
|
+
*/
|
|
355
|
+
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>";
|
|
356
|
+
var _IllustrationFileRemove = React.forwardRef((props, ref) => {
|
|
357
|
+
const { className, color = "primary", ...rest } = props;
|
|
358
|
+
const finalClassName = [
|
|
359
|
+
"ds-illustration ds-illustration-file-remove",
|
|
360
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
361
|
+
className
|
|
362
|
+
].filter(Boolean).join(" ");
|
|
363
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
364
|
+
"aria-hidden": "true",
|
|
365
|
+
fill: "none",
|
|
366
|
+
viewBox: "0 0 160 160",
|
|
367
|
+
width: "160",
|
|
368
|
+
height: "160",
|
|
369
|
+
...rest,
|
|
370
|
+
className: finalClassName,
|
|
371
|
+
ref,
|
|
372
|
+
"data-c13y-component": "illustration",
|
|
373
|
+
dangerouslySetInnerHTML: { __html: _svgContent$14 }
|
|
374
|
+
});
|
|
375
|
+
});
|
|
376
|
+
_IllustrationFileRemove.displayName = "IllustrationFileRemove";
|
|
377
|
+
var IllustrationFileRemove = React.memo(_IllustrationFileRemove);
|
|
378
|
+
//#endregion
|
|
379
|
+
//#region src/illustrations/IllustrationFileReplace.tsx
|
|
380
|
+
/**
|
|
381
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
382
|
+
*/
|
|
383
|
+
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>";
|
|
384
|
+
var _IllustrationFileReplace = React.forwardRef((props, ref) => {
|
|
385
|
+
const { className, color = "primary", ...rest } = props;
|
|
386
|
+
const finalClassName = [
|
|
387
|
+
"ds-illustration ds-illustration-file-replace",
|
|
388
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
389
|
+
className
|
|
390
|
+
].filter(Boolean).join(" ");
|
|
391
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
392
|
+
"aria-hidden": "true",
|
|
393
|
+
fill: "none",
|
|
394
|
+
viewBox: "0 0 160 160",
|
|
395
|
+
width: "160",
|
|
396
|
+
height: "160",
|
|
397
|
+
...rest,
|
|
398
|
+
className: finalClassName,
|
|
399
|
+
ref,
|
|
400
|
+
"data-c13y-component": "illustration",
|
|
401
|
+
dangerouslySetInnerHTML: { __html: _svgContent$13 }
|
|
402
|
+
});
|
|
403
|
+
});
|
|
404
|
+
_IllustrationFileReplace.displayName = "IllustrationFileReplace";
|
|
405
|
+
var IllustrationFileReplace = React.memo(_IllustrationFileReplace);
|
|
406
|
+
//#endregion
|
|
407
|
+
//#region src/illustrations/IllustrationFiles.tsx
|
|
408
|
+
/**
|
|
409
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
410
|
+
*/
|
|
411
|
+
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>";
|
|
412
|
+
var _IllustrationFiles = React.forwardRef((props, ref) => {
|
|
413
|
+
const { className, color = "primary", ...rest } = props;
|
|
414
|
+
const finalClassName = [
|
|
415
|
+
"ds-illustration ds-illustration-files",
|
|
416
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
417
|
+
className
|
|
418
|
+
].filter(Boolean).join(" ");
|
|
419
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
420
|
+
"aria-hidden": "true",
|
|
421
|
+
fill: "none",
|
|
422
|
+
viewBox: "0 0 160 160",
|
|
423
|
+
width: "160",
|
|
424
|
+
height: "160",
|
|
425
|
+
...rest,
|
|
426
|
+
className: finalClassName,
|
|
427
|
+
ref,
|
|
428
|
+
"data-c13y-component": "illustration",
|
|
429
|
+
dangerouslySetInnerHTML: { __html: _svgContent$12 }
|
|
430
|
+
});
|
|
431
|
+
});
|
|
432
|
+
_IllustrationFiles.displayName = "IllustrationFiles";
|
|
433
|
+
var IllustrationFiles = React.memo(_IllustrationFiles);
|
|
434
|
+
//#endregion
|
|
435
|
+
//#region src/illustrations/IllustrationFolderEmail.tsx
|
|
436
|
+
/**
|
|
437
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
438
|
+
*/
|
|
439
|
+
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>";
|
|
440
|
+
var _IllustrationFolderEmail = React.forwardRef((props, ref) => {
|
|
441
|
+
const { className, color = "primary", ...rest } = props;
|
|
442
|
+
const finalClassName = [
|
|
443
|
+
"ds-illustration ds-illustration-folder-email",
|
|
444
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
445
|
+
className
|
|
446
|
+
].filter(Boolean).join(" ");
|
|
447
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
448
|
+
"aria-hidden": "true",
|
|
449
|
+
fill: "none",
|
|
450
|
+
viewBox: "0 0 160 160",
|
|
451
|
+
width: "160",
|
|
452
|
+
height: "160",
|
|
453
|
+
...rest,
|
|
454
|
+
className: finalClassName,
|
|
455
|
+
ref,
|
|
456
|
+
"data-c13y-component": "illustration",
|
|
457
|
+
dangerouslySetInnerHTML: { __html: _svgContent$11 }
|
|
458
|
+
});
|
|
459
|
+
});
|
|
460
|
+
_IllustrationFolderEmail.displayName = "IllustrationFolderEmail";
|
|
461
|
+
var IllustrationFolderEmail = React.memo(_IllustrationFolderEmail);
|
|
462
|
+
//#endregion
|
|
295
463
|
//#region src/illustrations/IllustrationFolderEmpty.tsx
|
|
296
464
|
/**
|
|
297
465
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
298
466
|
*/
|
|
299
|
-
var _svgContent$
|
|
467
|
+
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>";
|
|
300
468
|
var _IllustrationFolderEmpty = React.forwardRef((props, ref) => {
|
|
301
469
|
const { className, color = "primary", ...rest } = props;
|
|
302
470
|
const finalClassName = [
|
|
@@ -314,17 +482,45 @@ var _IllustrationFolderEmpty = React.forwardRef((props, ref) => {
|
|
|
314
482
|
className: finalClassName,
|
|
315
483
|
ref,
|
|
316
484
|
"data-c13y-component": "illustration",
|
|
317
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
485
|
+
dangerouslySetInnerHTML: { __html: _svgContent$10 }
|
|
318
486
|
});
|
|
319
487
|
});
|
|
320
488
|
_IllustrationFolderEmpty.displayName = "IllustrationFolderEmpty";
|
|
321
489
|
var IllustrationFolderEmpty = React.memo(_IllustrationFolderEmpty);
|
|
322
490
|
//#endregion
|
|
491
|
+
//#region src/illustrations/IllustrationFolderRemove.tsx
|
|
492
|
+
/**
|
|
493
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
494
|
+
*/
|
|
495
|
+
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>";
|
|
496
|
+
var _IllustrationFolderRemove = React.forwardRef((props, ref) => {
|
|
497
|
+
const { className, color = "primary", ...rest } = props;
|
|
498
|
+
const finalClassName = [
|
|
499
|
+
"ds-illustration ds-illustration-folder-remove",
|
|
500
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
501
|
+
className
|
|
502
|
+
].filter(Boolean).join(" ");
|
|
503
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
504
|
+
"aria-hidden": "true",
|
|
505
|
+
fill: "none",
|
|
506
|
+
viewBox: "0 0 160 160",
|
|
507
|
+
width: "160",
|
|
508
|
+
height: "160",
|
|
509
|
+
...rest,
|
|
510
|
+
className: finalClassName,
|
|
511
|
+
ref,
|
|
512
|
+
"data-c13y-component": "illustration",
|
|
513
|
+
dangerouslySetInnerHTML: { __html: _svgContent$9 }
|
|
514
|
+
});
|
|
515
|
+
});
|
|
516
|
+
_IllustrationFolderRemove.displayName = "IllustrationFolderRemove";
|
|
517
|
+
var IllustrationFolderRemove = React.memo(_IllustrationFolderRemove);
|
|
518
|
+
//#endregion
|
|
323
519
|
//#region src/illustrations/IllustrationGroups.tsx
|
|
324
520
|
/**
|
|
325
521
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
326
522
|
*/
|
|
327
|
-
var _svgContent$
|
|
523
|
+
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>";
|
|
328
524
|
var _IllustrationGroups = React.forwardRef((props, ref) => {
|
|
329
525
|
const { className, color = "primary", ...rest } = props;
|
|
330
526
|
const finalClassName = [
|
|
@@ -342,21 +538,21 @@ var _IllustrationGroups = React.forwardRef((props, ref) => {
|
|
|
342
538
|
className: finalClassName,
|
|
343
539
|
ref,
|
|
344
540
|
"data-c13y-component": "illustration",
|
|
345
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
541
|
+
dangerouslySetInnerHTML: { __html: _svgContent$8 }
|
|
346
542
|
});
|
|
347
543
|
});
|
|
348
544
|
_IllustrationGroups.displayName = "IllustrationGroups";
|
|
349
545
|
var IllustrationGroups = React.memo(_IllustrationGroups);
|
|
350
546
|
//#endregion
|
|
351
|
-
//#region src/illustrations/
|
|
547
|
+
//#region src/illustrations/IllustrationHeadphones.tsx
|
|
352
548
|
/**
|
|
353
549
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
354
550
|
*/
|
|
355
|
-
var _svgContent$
|
|
356
|
-
var
|
|
551
|
+
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>";
|
|
552
|
+
var _IllustrationHeadphones = React.forwardRef((props, ref) => {
|
|
357
553
|
const { className, color = "primary", ...rest } = props;
|
|
358
554
|
const finalClassName = [
|
|
359
|
-
"ds-illustration ds-illustration-
|
|
555
|
+
"ds-illustration ds-illustration-headphones",
|
|
360
556
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
361
557
|
className
|
|
362
558
|
].filter(Boolean).join(" ");
|
|
@@ -370,17 +566,17 @@ var _IllustrationMail = React.forwardRef((props, ref) => {
|
|
|
370
566
|
className: finalClassName,
|
|
371
567
|
ref,
|
|
372
568
|
"data-c13y-component": "illustration",
|
|
373
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
569
|
+
dangerouslySetInnerHTML: { __html: _svgContent$7 }
|
|
374
570
|
});
|
|
375
571
|
});
|
|
376
|
-
|
|
377
|
-
var
|
|
572
|
+
_IllustrationHeadphones.displayName = "IllustrationHeadphones";
|
|
573
|
+
var IllustrationHeadphones = React.memo(_IllustrationHeadphones);
|
|
378
574
|
//#endregion
|
|
379
575
|
//#region src/illustrations/IllustrationNotFound.tsx
|
|
380
576
|
/**
|
|
381
577
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
382
578
|
*/
|
|
383
|
-
var _svgContent$
|
|
579
|
+
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>";
|
|
384
580
|
var _IllustrationNotFound = React.forwardRef((props, ref) => {
|
|
385
581
|
const { className, color = "primary", ...rest } = props;
|
|
386
582
|
const finalClassName = [
|
|
@@ -398,21 +594,77 @@ var _IllustrationNotFound = React.forwardRef((props, ref) => {
|
|
|
398
594
|
className: finalClassName,
|
|
399
595
|
ref,
|
|
400
596
|
"data-c13y-component": "illustration",
|
|
401
|
-
dangerouslySetInnerHTML: { __html: _svgContent$
|
|
597
|
+
dangerouslySetInnerHTML: { __html: _svgContent$6 }
|
|
402
598
|
});
|
|
403
599
|
});
|
|
404
600
|
_IllustrationNotFound.displayName = "IllustrationNotFound";
|
|
405
601
|
var IllustrationNotFound = React.memo(_IllustrationNotFound);
|
|
406
602
|
//#endregion
|
|
407
|
-
//#region src/illustrations/
|
|
603
|
+
//#region src/illustrations/IllustrationSearch.tsx
|
|
604
|
+
/**
|
|
605
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
606
|
+
*/
|
|
607
|
+
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>";
|
|
608
|
+
var _IllustrationSearch = React.forwardRef((props, ref) => {
|
|
609
|
+
const { className, color = "primary", ...rest } = props;
|
|
610
|
+
const finalClassName = [
|
|
611
|
+
"ds-illustration ds-illustration-search",
|
|
612
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
613
|
+
className
|
|
614
|
+
].filter(Boolean).join(" ");
|
|
615
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
616
|
+
"aria-hidden": "true",
|
|
617
|
+
fill: "none",
|
|
618
|
+
viewBox: "0 0 160 160",
|
|
619
|
+
width: "160",
|
|
620
|
+
height: "160",
|
|
621
|
+
...rest,
|
|
622
|
+
className: finalClassName,
|
|
623
|
+
ref,
|
|
624
|
+
"data-c13y-component": "illustration",
|
|
625
|
+
dangerouslySetInnerHTML: { __html: _svgContent$5 }
|
|
626
|
+
});
|
|
627
|
+
});
|
|
628
|
+
_IllustrationSearch.displayName = "IllustrationSearch";
|
|
629
|
+
var IllustrationSearch = React.memo(_IllustrationSearch);
|
|
630
|
+
//#endregion
|
|
631
|
+
//#region src/illustrations/IllustrationSend.tsx
|
|
632
|
+
/**
|
|
633
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
634
|
+
*/
|
|
635
|
+
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>";
|
|
636
|
+
var _IllustrationSend = React.forwardRef((props, ref) => {
|
|
637
|
+
const { className, color = "primary", ...rest } = props;
|
|
638
|
+
const finalClassName = [
|
|
639
|
+
"ds-illustration ds-illustration-send",
|
|
640
|
+
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
641
|
+
className
|
|
642
|
+
].filter(Boolean).join(" ");
|
|
643
|
+
return /* @__PURE__ */ jsx("svg", {
|
|
644
|
+
"aria-hidden": "true",
|
|
645
|
+
fill: "none",
|
|
646
|
+
viewBox: "0 0 160 160",
|
|
647
|
+
width: "160",
|
|
648
|
+
height: "160",
|
|
649
|
+
...rest,
|
|
650
|
+
className: finalClassName,
|
|
651
|
+
ref,
|
|
652
|
+
"data-c13y-component": "illustration",
|
|
653
|
+
dangerouslySetInnerHTML: { __html: _svgContent$4 }
|
|
654
|
+
});
|
|
655
|
+
});
|
|
656
|
+
_IllustrationSend.displayName = "IllustrationSend";
|
|
657
|
+
var IllustrationSend = React.memo(_IllustrationSend);
|
|
658
|
+
//#endregion
|
|
659
|
+
//#region src/illustrations/IllustrationSurvey.tsx
|
|
408
660
|
/**
|
|
409
661
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
410
662
|
*/
|
|
411
|
-
var _svgContent$3 = "<
|
|
412
|
-
var
|
|
663
|
+
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>";
|
|
664
|
+
var _IllustrationSurvey = React.forwardRef((props, ref) => {
|
|
413
665
|
const { className, color = "primary", ...rest } = props;
|
|
414
666
|
const finalClassName = [
|
|
415
|
-
"ds-illustration ds-illustration-
|
|
667
|
+
"ds-illustration ds-illustration-survey",
|
|
416
668
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
417
669
|
className
|
|
418
670
|
].filter(Boolean).join(" ");
|
|
@@ -429,18 +681,18 @@ var _IllustrationPreview = React.forwardRef((props, ref) => {
|
|
|
429
681
|
dangerouslySetInnerHTML: { __html: _svgContent$3 }
|
|
430
682
|
});
|
|
431
683
|
});
|
|
432
|
-
|
|
433
|
-
var
|
|
684
|
+
_IllustrationSurvey.displayName = "IllustrationSurvey";
|
|
685
|
+
var IllustrationSurvey = React.memo(_IllustrationSurvey);
|
|
434
686
|
//#endregion
|
|
435
|
-
//#region src/illustrations/
|
|
687
|
+
//#region src/illustrations/IllustrationTable.tsx
|
|
436
688
|
/**
|
|
437
689
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
438
690
|
*/
|
|
439
|
-
var _svgContent$2 = "<path fill=\"var(--ds-illustration-50)\" fill-rule=\"evenodd\" d=\"
|
|
440
|
-
var
|
|
691
|
+
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>";
|
|
692
|
+
var _IllustrationTable = React.forwardRef((props, ref) => {
|
|
441
693
|
const { className, color = "primary", ...rest } = props;
|
|
442
694
|
const finalClassName = [
|
|
443
|
-
"ds-illustration ds-illustration-
|
|
695
|
+
"ds-illustration ds-illustration-table",
|
|
444
696
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
445
697
|
className
|
|
446
698
|
].filter(Boolean).join(" ");
|
|
@@ -457,18 +709,18 @@ var _IllustrationSearch = React.forwardRef((props, ref) => {
|
|
|
457
709
|
dangerouslySetInnerHTML: { __html: _svgContent$2 }
|
|
458
710
|
});
|
|
459
711
|
});
|
|
460
|
-
|
|
461
|
-
var
|
|
712
|
+
_IllustrationTable.displayName = "IllustrationTable";
|
|
713
|
+
var IllustrationTable = React.memo(_IllustrationTable);
|
|
462
714
|
//#endregion
|
|
463
|
-
//#region src/illustrations/
|
|
715
|
+
//#region src/illustrations/IllustrationTime.tsx
|
|
464
716
|
/**
|
|
465
717
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/illustrationGenerator`.
|
|
466
718
|
*/
|
|
467
|
-
var _svgContent$1 = "<
|
|
468
|
-
var
|
|
719
|
+
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>";
|
|
720
|
+
var _IllustrationTime = React.forwardRef((props, ref) => {
|
|
469
721
|
const { className, color = "primary", ...rest } = props;
|
|
470
722
|
const finalClassName = [
|
|
471
|
-
"ds-illustration ds-illustration-
|
|
723
|
+
"ds-illustration ds-illustration-time",
|
|
472
724
|
color === "neutral" ? "ds-illustration--neutral" : "",
|
|
473
725
|
className
|
|
474
726
|
].filter(Boolean).join(" ");
|
|
@@ -485,8 +737,8 @@ var _IllustrationSend = React.forwardRef((props, ref) => {
|
|
|
485
737
|
dangerouslySetInnerHTML: { __html: _svgContent$1 }
|
|
486
738
|
});
|
|
487
739
|
});
|
|
488
|
-
|
|
489
|
-
var
|
|
740
|
+
_IllustrationTime.displayName = "IllustrationTime";
|
|
741
|
+
var IllustrationTime = React.memo(_IllustrationTime);
|
|
490
742
|
//#endregion
|
|
491
743
|
//#region src/illustrations/IllustrationWarning.tsx
|
|
492
744
|
/**
|
|
@@ -516,6 +768,6 @@ var _IllustrationWarning = React.forwardRef((props, ref) => {
|
|
|
516
768
|
_IllustrationWarning.displayName = "IllustrationWarning";
|
|
517
769
|
var IllustrationWarning = React.memo(_IllustrationWarning);
|
|
518
770
|
//#endregion
|
|
519
|
-
export { IllustrationAnalytics,
|
|
771
|
+
export { IllustrationAnalytics, IllustrationBin, IllustrationCalendar, IllustrationChat, IllustrationClipboard, IllustrationDragDrop, IllustrationEmail, IllustrationEmailDraft, IllustrationEmailScheduled, IllustrationEmailSent, IllustrationFile, IllustrationFilePreview, IllustrationFileRemove, IllustrationFileReplace, IllustrationFiles, IllustrationFolderEmail, IllustrationFolderEmpty, IllustrationFolderRemove, IllustrationGroups, IllustrationHeadphones, IllustrationNotFound, IllustrationSearch, IllustrationSend, IllustrationSurvey, IllustrationTable, IllustrationTime, IllustrationWarning };
|
|
520
772
|
|
|
521
773
|
//# sourceMappingURL=illustrations.js.map
|