@bbl-digital/snorre 4.2.74 → 4.2.75

package/lib/illustrations/MySite/IllustrationMySitePiggyBank.js

@@ -1,258 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _withIllustration = _interopRequireDefault(require("../withIllustration"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IllustrationMySitePiggyBank = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    viewBox: "0 0 126 88",
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-        transform: "translate(-1166.000000, -1044.000000)",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          transform: "translate(1166.000000, 1044.000000)",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-            d: "M73.2089619,14.0146489 C65.1313683,13.7326841 57.4373603,11.1039382 50.0912551,8.22833606 C42.7451496,5.35273387 35.4670638,2.16554412 27.5834931,0.641617593 C22.5121381,-0.338127826 16.71264,-0.476367381 12.6270101,2.26318952 C8.69414527,4.89632391 7.42407637,9.45384067 6.74165127,13.6734385 C6.22760235,16.8551426 5.92541739,20.1959319 7.33264034,23.1713737 C8.31055992,25.2372871 10.0467296,26.9729615 11.2476639,28.9511037 C15.4236148,35.835653 12.474245,44.3253171 7.94481578,51.0474898 C5.82617584,54.2006682 3.3585178,57.2090241 1.72047461,60.5651735 C0.0824313733,63.9213228 -0.675818698,67.767893 0.757050971,71.1920649 C2.17876986,74.5866139 5.56413353,77.1352687 9.23161076,78.9279944 C16.6814179,82.5704972 25.4163961,85 34.0208133,85 C53.2016269,85 72.1636364,85 91.0211489,85 C98.0596974,85 105.114565,83.9550869 112.032482,82.8590448 C115.872796,82.2501322 119.837997,81.2846495 122.625681,78.9521316 C126.16604,75.9898553 127.043603,70.9792199 124.670727,67.2675979 C120.695489,61.043526 109.693057,59.4987541 106.912064,52.8149813 C105.381068,49.1373702 106.953321,45.040652 109.177893,41.6241601 C113.950409,34.3073379 121.949947,27.8879757 122.371445,19.5233854 C122.661364,13.7787639 118.815474,8.02536527 112.869902,5.30775116 C106.63664,2.4551889 97.9948193,2.81724488 93.3962556,7.53274969 C88.6616529,12.3963684 80.3409732,14.2647966 73.2089619,14.0146489 Z",
-            fill: "#E7EEFC",
-            fillRule: "nonzero",
-            className: "fill-primary",
-            opacity: "0.1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-            transform: "translate(22.909091, 4.594595)",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
-              className: "fill-primary",
-              fill: "#1657E2",
-              transform: "translate(49.254545, 74.662162) scale(-1, 1) translate(-49.254545, -74.662162) ",
-              points: "54.9818182 68.9189189 54.9818182 80.4054054 50.4 80.4054054 43.5272727 68.9189189"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
-              className: "fill-primary",
-              fill: "#1657E2",
-              transform: "translate(25.772727, 74.662162) scale(-1, 1) translate(-25.772727, -74.662162) ",
-              points: "31.5 68.9189189 31.5 80.4054054 26.9181818 80.4054054 20.0454545 68.9189189"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-              d: "M11.4545455,17.2297297 C20.3111845,17.2297297 27.4909091,24.4094543 27.4909091,33.2660934 L27.4909091,35.6081081 L27.4909091,35.6081081 L13.7518428,35.6081081 C12.4830805,35.6081081 11.4545455,34.5795731 11.4545455,33.3108108 L11.4545455,17.2297297 L11.4545455,17.2297297 Z",
-              className: "fill-primary",
-              fill: "#1657E2"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-              transform: "translate(10.595455, 64.037162)"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-              d: "M25.7727273,17.2297297 C31.2303675,17.2297297 36.0512374,19.9560677 38.947703,24.1211099 L50.3361179,24.1216216 C63.0237406,24.1216216 73.3090909,34.406972 73.3090909,47.0945946 L73.3090909,49.3918919 C73.3090909,62.0795145 63.0237406,72.3648649 50.3361179,72.3648649 L28.4138821,72.3648649 C15.7262594,72.3648649 5.44090909,62.0795145 5.44090909,49.3918919 L5.44090909,47.0945946 C5.44090909,35.3002771 14.3289124,25.5818641 25.7724438,24.2718308 L25.7727273,17.2297297 Z",
-              className: "fill-primary-opa50",
-              fill: "#88A9F0"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-              fill: "#091E43",
-              cx: "21.7636364",
-              cy: "41.3513514",
-              rx: "2.57727273",
-              ry: "2.58445946"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-              fill: "#091E43",
-              cx: "6.01363636",
-              cy: "41.3513514",
-              rx: "2.57727273",
-              ry: "2.58445946"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-              d: "M50.3361179,72.3648649 L28.4138821,72.3648649 C21.3004172,72.3648649 14.9420864,69.1317512 10.7281982,64.0548323 C14.3314285,66.4044549 18.6358809,67.7702703 23.2593366,67.7702703 L23.2593366,67.7702703 L55.4906634,67.7702703 C60.1141698,67.7702703 64.4186659,66.404425 68.0226738,64.0542124 C63.8079136,69.1317512 57.4495828,72.3648649 50.3361179,72.3648649 Z",
-              className: "fill-primary",
-              fill: "#1657E2",
-              opacity: "0.244073"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-              className: "fill-primary",
-              fill: "#1657E2",
-              opacity: "0.242629278",
-              cx: "10.5954545",
-              cy: "52.2635135",
-              rx: "8.01818182",
-              ry: "10.3378378"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-              className: "fill-primary",
-              fill: "#1657E2",
-              cx: "8.01818182",
-              cy: "52.2635135",
-              rx: "8.01818182",
-              ry: "10.3378378"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-              fill: "#091E43",
-              x: "3.43636364",
-              y: "49.6790541",
-              width: "2.29090909",
-              height: "4.88175676",
-              rx: "1.14545455"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-              fill: "#091E43",
-              x: "8.01818182",
-              y: "49.6790541",
-              width: "2.29090909",
-              height: "4.88175676",
-              rx: "1.14545455"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-              transform: "translate(25.772727, 23.547297)",
-              className: "fill-primary",
-              fill: "#1657E2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-                d: "M0,0 C5.85170796,-1.07494131e-15 10.5954545,4.74374658 10.5954545,10.5954545 L10.5954545,12.0608108 L10.5954545,12.0608108 L2.2972973,12.0608108 C1.02853503,12.0608108 5.99467774e-16,11.0322758 0,9.76351351 L0,0 L0,0 Z"
-              })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
-              className: "fill-primary-opa50",
-              fill: "#88A9F0",
-              points: "35.5090909 64.8986486 35.5090909 80.4054054 30.9272727 80.4054054 20.0454545 64.8986486"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
-              className: "fill-primary-opa50",
-              fill: "#88A9F0",
-              transform: "translate(61.281818, 71.790541) scale(-1, 1) translate(-61.281818, -71.790541) ",
-              points: "68.7272727 67.7702703 68.7272727 80.4054054 64.1454545 80.4054054 53.8363636 63.1756757"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-              transform: "translate(53.836364, 62.027027)",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#FDD33F",
-                  x: "0",
-                  y: "0",
-                  width: "12.0272732",
-                  height: "18.3783791"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "0",
-                  y: "0",
-                  width: "3.43636377",
-                  height: "18.3783791"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#FFE168",
-                  x: "8.41909124",
-                  y: "0",
-                  width: "1.71818189",
-                  height: "18.3783791"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "3.26454558",
-                  y: "5.01228521",
-                  width: "1.71818189",
-                  height: "3.34152347"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "3.26454558",
-                  y: "15.0368556",
-                  width: "1.71818189",
-                  height: "3.34152347"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "0",
-                  y: "3.34152347",
-                  width: "12.0272732",
-                  height: "2.01013514"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "0",
-                  y: "8.35380869",
-                  width: "12.0272732",
-                  height: "1.67076174"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "0",
-                  y: "13.3660939",
-                  width: "12.0272732",
-                  height: "1.67076174"
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-                transform: "translate(9.736364, 5.168919)",
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#FDD33F",
-                  x: "0",
-                  y: "0",
-                  width: "12.0272732",
-                  height: "13.20946"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "-2.54342002e-16",
-                  y: "5.24896748e-07",
-                  width: "3.43636377",
-                  height: "13.2094595"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#FFE168",
-                  x: "8.41909124",
-                  y: "0",
-                  width: "1.71818189",
-                  height: "13.20946"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "3.26454558",
-                  y: "4.95354749",
-                  width: "1.71818189",
-                  height: "3.302365"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "0",
-                  y: "3.302365",
-                  width: "12.0272732",
-                  height: "1.6511825"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-                  fill: "#F7B523",
-                  x: "0",
-                  y: "8.25591249",
-                  width: "12.0272732",
-                  height: "1.6511825"
-                })]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-              d: "M41.2363636,29.8648649 L57.2727273,29.8648649 C57.2727273,31.1336271 56.2441922,32.1621622 54.97543,32.1621622 L43.5336609,32.1621622 C42.2648987,32.1621622 41.2363636,31.1336271 41.2363636,29.8648649 L41.2363636,29.8648649 L41.2363636,29.8648649 Z",
-              fill: "#091E43"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-              transform: "translate(42.381818, 16.655405)",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-                fill: "#FDD33F",
-                cx: "6.87272727",
-                cy: "6.89189189",
-                rx: "6.87272727",
-                ry: "6.89189189"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-                fill: "#F7B523",
-                cx: "6.87272727",
-                cy: "6.89189189",
-                rx: "5.44090909",
-                ry: "5.45608108"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-                fill: "#FDD33F",
-                cx: "7.01590909",
-                cy: "7.03547297",
-                rx: "3.86590909",
-                ry: "3.87668919"
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-              transform: "translate(42.381818, 0.000000)",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-                fill: "#FDD33F",
-                cx: "6.87272727",
-                cy: "6.89189189",
-                rx: "6.87272727",
-                ry: "6.89189189"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-                fill: "#F7B523",
-                cx: "6.87272727",
-                cy: "6.89189189",
-                rx: "5.44090909",
-                ry: "5.45608108"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ellipse", {
-                fill: "#FDD33F",
-                cx: "7.01590909",
-                cy: "7.03547297",
-                rx: "3.86590909",
-                ry: "3.87668919"
-              })]
-            })]
-          })]
-        })
-      })
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import withIllustration from '../withIllustration';
+const IllustrationMySitePiggyBank = (props) => {
+    return (_jsx("svg", { viewBox: "0 0 126 88", ...props, children: _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsx("g", { transform: "translate(-1166.000000, -1044.000000)", children: _jsxs("g", { transform: "translate(1166.000000, 1044.000000)", children: [_jsx("path", { d: "M73.2089619,14.0146489 C65.1313683,13.7326841 57.4373603,11.1039382 50.0912551,8.22833606 C42.7451496,5.35273387 35.4670638,2.16554412 27.5834931,0.641617593 C22.5121381,-0.338127826 16.71264,-0.476367381 12.6270101,2.26318952 C8.69414527,4.89632391 7.42407637,9.45384067 6.74165127,13.6734385 C6.22760235,16.8551426 5.92541739,20.1959319 7.33264034,23.1713737 C8.31055992,25.2372871 10.0467296,26.9729615 11.2476639,28.9511037 C15.4236148,35.835653 12.474245,44.3253171 7.94481578,51.0474898 C5.82617584,54.2006682 3.3585178,57.2090241 1.72047461,60.5651735 C0.0824313733,63.9213228 -0.675818698,67.767893 0.757050971,71.1920649 C2.17876986,74.5866139 5.56413353,77.1352687 9.23161076,78.9279944 C16.6814179,82.5704972 25.4163961,85 34.0208133,85 C53.2016269,85 72.1636364,85 91.0211489,85 C98.0596974,85 105.114565,83.9550869 112.032482,82.8590448 C115.872796,82.2501322 119.837997,81.2846495 122.625681,78.9521316 C126.16604,75.9898553 127.043603,70.9792199 124.670727,67.2675979 C120.695489,61.043526 109.693057,59.4987541 106.912064,52.8149813 C105.381068,49.1373702 106.953321,45.040652 109.177893,41.6241601 C113.950409,34.3073379 121.949947,27.8879757 122.371445,19.5233854 C122.661364,13.7787639 118.815474,8.02536527 112.869902,5.30775116 C106.63664,2.4551889 97.9948193,2.81724488 93.3962556,7.53274969 C88.6616529,12.3963684 80.3409732,14.2647966 73.2089619,14.0146489 Z", fill: "#E7EEFC", fillRule: "nonzero", className: "fill-primary", opacity: "0.1" }), _jsxs("g", { transform: "translate(22.909091, 4.594595)", children: [_jsx("polygon", { className: "fill-primary", fill: "#1657E2", transform: "translate(49.254545, 74.662162) scale(-1, 1) translate(-49.254545, -74.662162) ", points: "54.9818182 68.9189189 54.9818182 80.4054054 50.4 80.4054054 43.5272727 68.9189189" }), _jsx("polygon", { className: "fill-primary", fill: "#1657E2", transform: "translate(25.772727, 74.662162) scale(-1, 1) translate(-25.772727, -74.662162) ", points: "31.5 68.9189189 31.5 80.4054054 26.9181818 80.4054054 20.0454545 68.9189189" }), _jsx("path", { d: "M11.4545455,17.2297297 C20.3111845,17.2297297 27.4909091,24.4094543 27.4909091,33.2660934 L27.4909091,35.6081081 L27.4909091,35.6081081 L13.7518428,35.6081081 C12.4830805,35.6081081 11.4545455,34.5795731 11.4545455,33.3108108 L11.4545455,17.2297297 L11.4545455,17.2297297 Z", className: "fill-primary", fill: "#1657E2" }), _jsx("g", { transform: "translate(10.595455, 64.037162)" }), _jsx("path", { d: "M25.7727273,17.2297297 C31.2303675,17.2297297 36.0512374,19.9560677 38.947703,24.1211099 L50.3361179,24.1216216 C63.0237406,24.1216216 73.3090909,34.406972 73.3090909,47.0945946 L73.3090909,49.3918919 C73.3090909,62.0795145 63.0237406,72.3648649 50.3361179,72.3648649 L28.4138821,72.3648649 C15.7262594,72.3648649 5.44090909,62.0795145 5.44090909,49.3918919 L5.44090909,47.0945946 C5.44090909,35.3002771 14.3289124,25.5818641 25.7724438,24.2718308 L25.7727273,17.2297297 Z", className: "fill-primary-opa50", fill: "#88A9F0" }), _jsx("ellipse", { fill: "#091E43", cx: "21.7636364", cy: "41.3513514", rx: "2.57727273", ry: "2.58445946" }), _jsx("ellipse", { fill: "#091E43", cx: "6.01363636", cy: "41.3513514", rx: "2.57727273", ry: "2.58445946" }), _jsx("path", { d: "M50.3361179,72.3648649 L28.4138821,72.3648649 C21.3004172,72.3648649 14.9420864,69.1317512 10.7281982,64.0548323 C14.3314285,66.4044549 18.6358809,67.7702703 23.2593366,67.7702703 L23.2593366,67.7702703 L55.4906634,67.7702703 C60.1141698,67.7702703 64.4186659,66.404425 68.0226738,64.0542124 C63.8079136,69.1317512 57.4495828,72.3648649 50.3361179,72.3648649 Z", className: "fill-primary", fill: "#1657E2", opacity: "0.244073" }), _jsx("ellipse", { className: "fill-primary", fill: "#1657E2", opacity: "0.242629278", cx: "10.5954545", cy: "52.2635135", rx: "8.01818182", ry: "10.3378378" }), _jsx("ellipse", { className: "fill-primary", fill: "#1657E2", cx: "8.01818182", cy: "52.2635135", rx: "8.01818182", ry: "10.3378378" }), _jsx("rect", { fill: "#091E43", x: "3.43636364", y: "49.6790541", width: "2.29090909", height: "4.88175676", rx: "1.14545455" }), _jsx("rect", { fill: "#091E43", x: "8.01818182", y: "49.6790541", width: "2.29090909", height: "4.88175676", rx: "1.14545455" }), _jsx("g", { transform: "translate(25.772727, 23.547297)", className: "fill-primary", fill: "#1657E2", children: _jsx("path", { d: "M0,0 C5.85170796,-1.07494131e-15 10.5954545,4.74374658 10.5954545,10.5954545 L10.5954545,12.0608108 L10.5954545,12.0608108 L2.2972973,12.0608108 C1.02853503,12.0608108 5.99467774e-16,11.0322758 0,9.76351351 L0,0 L0,0 Z" }) }), _jsx("polygon", { className: "fill-primary-opa50", fill: "#88A9F0", points: "35.5090909 64.8986486 35.5090909 80.4054054 30.9272727 80.4054054 20.0454545 64.8986486" }), _jsx("polygon", { className: "fill-primary-opa50", fill: "#88A9F0", transform: "translate(61.281818, 71.790541) scale(-1, 1) translate(-61.281818, -71.790541) ", points: "68.7272727 67.7702703 68.7272727 80.4054054 64.1454545 80.4054054 53.8363636 63.1756757" }), _jsxs("g", { transform: "translate(53.836364, 62.027027)", children: [_jsxs("g", { children: [_jsx("rect", { fill: "#FDD33F", x: "0", y: "0", width: "12.0272732", height: "18.3783791" }), _jsx("rect", { fill: "#F7B523", x: "0", y: "0", width: "3.43636377", height: "18.3783791" }), _jsx("rect", { fill: "#FFE168", x: "8.41909124", y: "0", width: "1.71818189", height: "18.3783791" }), _jsx("rect", { fill: "#F7B523", x: "3.26454558", y: "5.01228521", width: "1.71818189", height: "3.34152347" }), _jsx("rect", { fill: "#F7B523", x: "3.26454558", y: "15.0368556", width: "1.71818189", height: "3.34152347" }), _jsx("rect", { fill: "#F7B523", x: "0", y: "3.34152347", width: "12.0272732", height: "2.01013514" }), _jsx("rect", { fill: "#F7B523", x: "0", y: "8.35380869", width: "12.0272732", height: "1.67076174" }), _jsx("rect", { fill: "#F7B523", x: "0", y: "13.3660939", width: "12.0272732", height: "1.67076174" })] }), _jsxs("g", { transform: "translate(9.736364, 5.168919)", children: [_jsx("rect", { fill: "#FDD33F", x: "0", y: "0", width: "12.0272732", height: "13.20946" }), _jsx("rect", { fill: "#F7B523", x: "-2.54342002e-16", y: "5.24896748e-07", width: "3.43636377", height: "13.2094595" }), _jsx("rect", { fill: "#FFE168", x: "8.41909124", y: "0", width: "1.71818189", height: "13.20946" }), _jsx("rect", { fill: "#F7B523", x: "3.26454558", y: "4.95354749", width: "1.71818189", height: "3.302365" }), _jsx("rect", { fill: "#F7B523", x: "0", y: "3.302365", width: "12.0272732", height: "1.6511825" }), _jsx("rect", { fill: "#F7B523", x: "0", y: "8.25591249", width: "12.0272732", height: "1.6511825" })] })] }), _jsx("path", { d: "M41.2363636,29.8648649 L57.2727273,29.8648649 C57.2727273,31.1336271 56.2441922,32.1621622 54.97543,32.1621622 L43.5336609,32.1621622 C42.2648987,32.1621622 41.2363636,31.1336271 41.2363636,29.8648649 L41.2363636,29.8648649 L41.2363636,29.8648649 Z", fill: "#091E43" }), _jsxs("g", { transform: "translate(42.381818, 16.655405)", children: [_jsx("ellipse", { fill: "#FDD33F", cx: "6.87272727", cy: "6.89189189", rx: "6.87272727", ry: "6.89189189" }), _jsx("ellipse", { fill: "#F7B523", cx: "6.87272727", cy: "6.89189189", rx: "5.44090909", ry: "5.45608108" }), _jsx("ellipse", { fill: "#FDD33F", cx: "7.01590909", cy: "7.03547297", rx: "3.86590909", ry: "3.87668919" })] }), _jsxs("g", { transform: "translate(42.381818, 0.000000)", children: [_jsx("ellipse", { fill: "#FDD33F", cx: "6.87272727", cy: "6.89189189", rx: "6.87272727", ry: "6.89189189" }), _jsx("ellipse", { fill: "#F7B523", cx: "6.87272727", cy: "6.89189189", rx: "5.44090909", ry: "5.45608108" }), _jsx("ellipse", { fill: "#FDD33F", cx: "7.01590909", cy: "7.03547297", rx: "3.86590909", ry: "3.87668919" })] })] })] }) }) }) }));
 };
-var _default = exports.default = (0, _withIllustration.default)('IllustrationMySitePiggyBank')(IllustrationMySitePiggyBank);
+export default withIllustration('IllustrationMySitePiggyBank')(IllustrationMySitePiggyBank);

package/lib/illustrations/MySite/IllustrationMySiteTransfer.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 declare const _default: React.ComponentType<import("../withIllustration").WithIllustrationWrapperProps>;
 export default _default;
-//# sourceMappingURL=IllustrationMySiteTransfer.d.ts.map

package/lib/illustrations/MySite/IllustrationMySiteTransfer.js

@@ -1,142 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _withIllustration = _interopRequireDefault(require("../withIllustration"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IllustrationMySiteTransfer = props => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    viewBox: "0 0 520 320",
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-        d: "M295.650343,72.8039537 C267.442873,71.8220528 240.574909,62.6678319 214.921843,52.6539703 C189.268776,42.6401085 163.853239,31.5411889 136.323309,26.2343389 C118.613816,22.8225196 98.3615998,22.3411206 84.0943209,31.8812247 C70.3605073,41.050728 65.9253461,56.9216099 63.5422743,71.6157389 C61.7471828,82.6955553 60.6919337,94.3293627 65.6060456,104.690901 C69.0210029,111.885141 75.0838177,117.929372 79.2775566,124.817961 C93.8602423,148.792392 83.5608554,178.356399 67.7438011,201.765376 C60.345376,212.745856 51.7281574,223.222013 46.0080066,234.90931 C40.2878556,246.596606 37.6399982,259.991722 42.6436701,271.915896 C47.6084027,283.736914 59.4303076,292.61223 72.2373709,298.855133 C98.2525704,311.539614 128.909308,315.169208 158.80284,317.224704 C224.975913,321.77507 291.503331,319.803628 357.851631,317.832184 C382.406614,317.098624 407.066734,316.361244 431.224539,312.544438 C444.635159,310.42399 458.481895,307.061838 468.216664,298.939188 C480.579823,288.623496 483.644328,271.174695 475.358093,258.249517 C461.47631,236.575102 423.055121,231.195661 413.343714,207.920405 C407.997379,195.113666 413.487788,180.847447 421.256135,168.950016 C437.922062,143.470259 465.856956,121.115774 467.328855,91.9873187 C468.34127,71.982519 454.911181,51.9471544 434.148864,42.4834629 C412.381919,32.5498343 382.204131,33.810641 366.145654,50.231693 C349.612121,67.1685299 320.555779,73.6750565 295.650343,72.8039537 Z",
-        fill: "#E6EDFB",
-        className: "fill-primary",
-        opacity: "0.1",
-        fillRule: "nonzero"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-        transform: "translate(159.000000, 102.000000)",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          transform: "translate(26.217391, 0.000000)",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#00226C",
-            className: "fill-dark-primary",
-            x: "0",
-            y: "0",
-            width: "172.597826",
-            height: "111.18",
-            rx: "4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#1657E2",
-            className: "fill-primary",
-            x: "8.73913043",
-            y: "0",
-            width: "166.043478",
-            height: "113.36",
-            rx: "4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            opacity: "0.502511161",
-            x: "72.0978261",
-            y: "52.32",
-            width: "56.8043478",
-            height: "10.9"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          transform: "translate(0.000000, 17.440000)",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            x: "0",
-            y: "0",
-            width: "172.597826",
-            height: "104.64",
-            rx: "4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#FFFFFF",
-            x: "8.73913043",
-            y: "0",
-            width: "174.782609",
-            height: "104.64",
-            rx: "4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
-            fill: "#C3D0D8",
-            points: "26.2173913 17.44 69.9130435 17.44 69.9130435 61.04 26.2173913 61.04"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            x: "78.6521739",
-            y: "26.16",
-            width: "87.3913043",
-            height: "8.72"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            x: "78.6521739",
-            y: "43.6",
-            width: "61.173913",
-            height: "8.72"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            x: "26.2173913",
-            y: "78.48",
-            width: "34.9565217",
-            height: "8.72"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            x: "69.9130435",
-            y: "78.48",
-            width: "52.4347826",
-            height: "8.72"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#C3D0D8",
-            x: "131.086957",
-            y: "78.48",
-            width: "34.9565217",
-            height: "8.72"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          transform: "translate(61.173913, 87.200000)",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#1657E2",
-            className: "fill-primary",
-            x: "0",
-            y: "95.92",
-            width: "87.3913043",
-            height: "34.88"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#00226C",
-            className: "fill-dark-primary",
-            x: "0",
-            y: "69.76",
-            width: "87.3913043",
-            height: "26.16"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fill: "#FEC9C8",
-            x: "0",
-            y: "34.88",
-            width: "87.3913043",
-            height: "34.88"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-            fillOpacity: "0.102272727",
-            fill: "#000000",
-            x: "0",
-            y: "34.88",
-            width: "87.3913043",
-            height: "10.9"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-            d: "M69.9130435,0 C79.5660204,-1.7732231e-15 87.3913043,7.82528394 87.3913043,17.4782609 L87.3913043,65.4 L87.3913043,65.4 L52.4347826,65.4 L52.4347826,17.4782609 C52.4347826,7.82528394 60.2600665,1.7732231e-15 69.9130435,0 Z",
-            fill: "#FEC9C8"
-          })]
-        })]
-      })]
-    })
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import withIllustration from '../withIllustration';
+const IllustrationMySiteTransfer = (props) => {
+    return (_jsx("svg", { viewBox: "0 0 520 320", ...props, children: _jsxs("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: [_jsx("path", { d: "M295.650343,72.8039537 C267.442873,71.8220528 240.574909,62.6678319 214.921843,52.6539703 C189.268776,42.6401085 163.853239,31.5411889 136.323309,26.2343389 C118.613816,22.8225196 98.3615998,22.3411206 84.0943209,31.8812247 C70.3605073,41.050728 65.9253461,56.9216099 63.5422743,71.6157389 C61.7471828,82.6955553 60.6919337,94.3293627 65.6060456,104.690901 C69.0210029,111.885141 75.0838177,117.929372 79.2775566,124.817961 C93.8602423,148.792392 83.5608554,178.356399 67.7438011,201.765376 C60.345376,212.745856 51.7281574,223.222013 46.0080066,234.90931 C40.2878556,246.596606 37.6399982,259.991722 42.6436701,271.915896 C47.6084027,283.736914 59.4303076,292.61223 72.2373709,298.855133 C98.2525704,311.539614 128.909308,315.169208 158.80284,317.224704 C224.975913,321.77507 291.503331,319.803628 357.851631,317.832184 C382.406614,317.098624 407.066734,316.361244 431.224539,312.544438 C444.635159,310.42399 458.481895,307.061838 468.216664,298.939188 C480.579823,288.623496 483.644328,271.174695 475.358093,258.249517 C461.47631,236.575102 423.055121,231.195661 413.343714,207.920405 C407.997379,195.113666 413.487788,180.847447 421.256135,168.950016 C437.922062,143.470259 465.856956,121.115774 467.328855,91.9873187 C468.34127,71.982519 454.911181,51.9471544 434.148864,42.4834629 C412.381919,32.5498343 382.204131,33.810641 366.145654,50.231693 C349.612121,67.1685299 320.555779,73.6750565 295.650343,72.8039537 Z", fill: "#E6EDFB", className: "fill-primary", opacity: "0.1", fillRule: "nonzero" }), _jsxs("g", { transform: "translate(159.000000, 102.000000)", children: [_jsxs("g", { transform: "translate(26.217391, 0.000000)", children: [_jsx("rect", { fill: "#00226C", className: "fill-dark-primary", x: "0", y: "0", width: "172.597826", height: "111.18", rx: "4" }), _jsx("rect", { fill: "#1657E2", className: "fill-primary", x: "8.73913043", y: "0", width: "166.043478", height: "113.36", rx: "4" }), _jsx("rect", { fill: "#C3D0D8", opacity: "0.502511161", x: "72.0978261", y: "52.32", width: "56.8043478", height: "10.9" })] }), _jsxs("g", { transform: "translate(0.000000, 17.440000)", children: [_jsx("rect", { fill: "#C3D0D8", x: "0", y: "0", width: "172.597826", height: "104.64", rx: "4" }), _jsx("rect", { fill: "#FFFFFF", x: "8.73913043", y: "0", width: "174.782609", height: "104.64", rx: "4" }), _jsx("polygon", { fill: "#C3D0D8", points: "26.2173913 17.44 69.9130435 17.44 69.9130435 61.04 26.2173913 61.04" }), _jsx("rect", { fill: "#C3D0D8", x: "78.6521739", y: "26.16", width: "87.3913043", height: "8.72" }), _jsx("rect", { fill: "#C3D0D8", x: "78.6521739", y: "43.6", width: "61.173913", height: "8.72" }), _jsx("rect", { fill: "#C3D0D8", x: "26.2173913", y: "78.48", width: "34.9565217", height: "8.72" }), _jsx("rect", { fill: "#C3D0D8", x: "69.9130435", y: "78.48", width: "52.4347826", height: "8.72" }), _jsx("rect", { fill: "#C3D0D8", x: "131.086957", y: "78.48", width: "34.9565217", height: "8.72" })] }), _jsxs("g", { transform: "translate(61.173913, 87.200000)", children: [_jsx("rect", { fill: "#1657E2", className: "fill-primary", x: "0", y: "95.92", width: "87.3913043", height: "34.88" }), _jsx("rect", { fill: "#00226C", className: "fill-dark-primary", x: "0", y: "69.76", width: "87.3913043", height: "26.16" }), _jsx("rect", { fill: "#FEC9C8", x: "0", y: "34.88", width: "87.3913043", height: "34.88" }), _jsx("rect", { fillOpacity: "0.102272727", fill: "#000000", x: "0", y: "34.88", width: "87.3913043", height: "10.9" }), _jsx("path", { d: "M69.9130435,0 C79.5660204,-1.7732231e-15 87.3913043,7.82528394 87.3913043,17.4782609 L87.3913043,65.4 L87.3913043,65.4 L52.4347826,65.4 L52.4347826,17.4782609 C52.4347826,7.82528394 60.2600665,1.7732231e-15 69.9130435,0 Z", fill: "#FEC9C8" })] })] })] }) }));
 };
-var _default = exports.default = (0, _withIllustration.default)('IllustrationMySiteTransfer')(IllustrationMySiteTransfer);
+export default withIllustration('IllustrationMySiteTransfer')(IllustrationMySiteTransfer);

package/lib/illustrations/styles.d.ts

@@ -1,4 +1,3 @@
 import { IAppTheme } from '../app-shell/theme';
 export declare const SvgTheme: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 export declare const withoutBackground: import("@emotion/react").SerializedStyles;
-//# sourceMappingURL=styles.d.ts.map

package/lib/illustrations/styles.js

@@ -1,22 +1,94 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withoutBackground = exports.SvgTheme = void 0;
-var _react = require("@emotion/react");
-var _alpha = require("../utils/alpha");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const SvgTheme = theme => {
-  const hasDifferentIllustrationColor = theme.customIllustrationColor !== theme.primary;
-  return /*#__PURE__*/(0, _react.css)("position:relative;width:100%;&>svg{position:relative;height:100%;}&>svg+svg{position:absolute;display:flex;width:100%;height:70%;bottom:5px;}&>svg .svg-theme-bg{fill:", theme.bg, ";}&>svg .svg-theme-bg-overlay{fill:", hasDifferentIllustrationColor ? theme.customIllustrationColor : theme.primary, ";opacity:0.2;}&>svg .fill-secondary{fill:", hasDifferentIllustrationColor ? theme.primary : theme.secondary, ";}&>svg .fill-primary{fill:", hasDifferentIllustrationColor ? theme.customIllustrationColor : theme.primary, ";}&>svg .fill-primary-opa50{fill:", hasDifferentIllustrationColor ? (0, _alpha.alpha)(theme.customIllustrationColor, 50) : theme.illustrationPrimary50, ";}&>svg .fill-dark-primary{fill:", hasDifferentIllustrationColor ? (0, _alpha.alpha)(theme.customIllustrationColor, 105) : theme.primary5darker, ";}&>svg .fill-gray{fill:", theme.illustrationGray, ";}&>svg .fill-white{fill:#ffffff;}&>svg .fill-primary40{fill:", hasDifferentIllustrationColor ? (0, _alpha.alpha)(theme.customIllustrationColor, 40) : theme.illustrationPrimary40, ";}&>svg .fill-primary20{fill:", hasDifferentIllustrationColor ? (0, _alpha.alpha)(theme.customIllustrationColor, 20) : theme.illustrationPrimary20, ";}&>svg .fill-primary10{fill:", hasDifferentIllustrationColor ? (0, _alpha.alpha)(theme.customIllustrationColor, 10) : theme.illustrationPrimary10, ";}&>svg .fill-primary5{fill:", hasDifferentIllustrationColor ? (0, _alpha.alpha)(theme.customIllustrationColor, 5) : theme.illustrationPrimary5, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:SvgTheme;"));
+import { css } from '@emotion/react';
+import { alpha } from '../utils/alpha';
+export const SvgTheme = (theme) => {
+    const hasDifferentIllustrationColor = theme.customIllustrationColor !== theme.primary;
+    return css `
+    position: relative;
+    width: 100%;
+
+    & > svg {
+      position: relative;
+      height: 100%;
+    }
+
+    & > svg + svg {
+      position: absolute;
+      display: flex;
+      width: 100%;
+      height: 70%;
+      bottom: 5px;
+    }
+
+    & > svg .svg-theme-bg {
+      fill: ${theme.bg};
+    }
+    & > svg .svg-theme-bg-overlay {
+      fill: ${hasDifferentIllustrationColor
+        ? theme.customIllustrationColor
+        : theme.primary};
+      opacity: 0.2;
+    }
+
+    & > svg .fill-secondary {
+      fill: ${hasDifferentIllustrationColor ? theme.primary : theme.secondary};
+    }
+
+    & > svg .fill-primary {
+      fill: ${hasDifferentIllustrationColor
+        ? theme.customIllustrationColor
+        : theme.primary};
+    }
+
+    & > svg .fill-primary-opa50 {
+      fill: ${hasDifferentIllustrationColor
+        ? alpha(theme.customIllustrationColor, 50)
+        : theme.illustrationPrimary50};
+    }
+
+    & > svg .fill-dark-primary {
+      fill: ${hasDifferentIllustrationColor
+        ? alpha(theme.customIllustrationColor, 105)
+        : theme.primary5darker};
+    }
+
+    & > svg .fill-gray {
+      fill: ${theme.illustrationGray};
+    }
+
+    & > svg .fill-white {
+      fill: #ffffff;
+    }
+
+    & > svg .fill-primary40 {
+      fill: ${hasDifferentIllustrationColor
+        ? alpha(theme.customIllustrationColor, 40)
+        : theme.illustrationPrimary40};
+    }
+
+    & > svg .fill-primary20 {
+      fill: ${hasDifferentIllustrationColor
+        ? alpha(theme.customIllustrationColor, 20)
+        : theme.illustrationPrimary20};
+    }
+
+    & > svg .fill-primary10 {
+      fill: ${hasDifferentIllustrationColor
+        ? alpha(theme.customIllustrationColor, 10)
+        : theme.illustrationPrimary10};
+    }
+
+    & > svg .fill-primary5 {
+      fill: ${hasDifferentIllustrationColor
+        ? alpha(theme.customIllustrationColor, 5)
+        : theme.illustrationPrimary5};
+    }
+  `;
 };
-exports.SvgTheme = SvgTheme;
-const withoutBackground = exports.withoutBackground = process.env.NODE_ENV === "production" ? {
-  name: "1u8p2fy",
-  styles: "&>svg .svg-theme-bg{fill:transparent;}&>svg .svg-theme-bg-overlay{fill:transparent;}"
-} : {
-  name: "hiysao-withoutBackground",
-  styles: "&>svg .svg-theme-bg{fill:transparent;}&>svg .svg-theme-bg-overlay{fill:transparent;};label:withoutBackground;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
+export const withoutBackground = css `
+  & > svg .svg-theme-bg {
+    fill: transparent;
+  }
+  & > svg .svg-theme-bg-overlay {
+    fill: transparent;
+  }
+`;

package/lib/illustrations/withIllustration.d.ts

@@ -22,4 +22,3 @@ export type Props = {
     style: React.CSSProperties;
 };
 export default function withIllustration(name: string): (WrappedComponent: React.ComponentType<Props>) => React.ComponentType<WithIllustrationWrapperProps>;
-//# sourceMappingURL=withIllustration.d.ts.map