@bbl-digital/snorre 4.0.0-alpha.7 → 4.0.0-beta.10

package/esm/illustrations/MySite/IllustrationMySiteCooperative.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import withIllustration from '../withIllustration';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const IllustrationMySiteCooperative = props => /*#__PURE__*/_jsx("svg", {
+  viewBox: "0 0 222 150",
+  ...props,
+  children: /*#__PURE__*/_jsxs("g", {
+    fillRule: "nonzero",
+    fill: "none",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M128.987 24.731c-14.232-.497-27.788-5.136-40.731-10.21C75.313 9.445 62.49 3.82 48.599 1.131 39.664-.597 29.446-.84 22.248 3.994c-6.93 4.646-9.167 12.689-10.37 20.135-.906 5.615-1.438 11.51 1.041 16.761 1.723 3.646 4.782 6.709 6.898 10.2 7.358 12.149 2.161 27.13-5.819 38.993-3.733 5.564-8.08 10.873-10.967 16.795-2.886 5.923-4.222 12.71-1.697 18.753 2.505 5.99 8.47 10.488 14.931 13.652 13.126 6.428 14.42 10.76 29.58 10.715 34.035-.1 80.98-.1 114.503 0 12.4.037 24.854-1.844 37.043-3.778 6.766-1.075 13.752-2.778 18.664-6.895 6.238-5.227 7.784-14.07 3.603-20.619-7.004-10.984-26.39-13.71-31.29-25.504-2.697-6.49.074-13.72 3.993-19.749 8.409-12.911 22.503-24.24 23.246-39 .51-10.138-6.265-20.29-16.741-25.087-10.982-5.033-26.208-4.394-34.31 3.927-8.343 8.583-23.003 11.88-35.569 11.438z",
+      fillOpacity: ".136",
+      fill: "#1657E2",
+      className: "fill-primary"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M193.767 97c11.633 23.556 15.94 41.222 12.923 53h-25.846c-2.835-11.778 1.473-29.444 12.923-53z",
+      fill: "#0842C0",
+      className: "fill-dark-primary",
+      opacity: ".503"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#FFF",
+      d: "M33 19.355h61.25V150H33z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#C3D0D8",
+      d: "M94.25 19.355H138V150H94.25z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#091E43",
+      d: "M33 15h105v4.355H33z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#C3D0D8",
+      d: "M41.75 132.581h8.75v8.71h-8.75zM41.75 80.323h8.75v8.71h-8.75zM41.75 115.161h8.75v8.71h-8.75zM41.75 62.903h8.75v8.71h-8.75zM59.25 115.161H68v8.71h-8.75zM59.25 62.903H68v8.71h-8.75zM41.75 97.742h8.75v8.71h-8.75zM41.75 45.484h8.75v8.71h-8.75zM59.25 97.742H68v8.71h-8.75zM59.25 80.323H68v8.71h-8.75zM59.25 28.065H68v8.71h-8.75zM76.75 28.065h8.75v8.71h-8.75zM41.75 28.065h8.75v8.71h-8.75zM59.25 45.484H68v8.71h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#091E43",
+      d: "M59.25 132.581H68V150h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#C3D0D8",
+      d: "M76.75 132.581h8.75v8.71h-8.75zM76.75 80.323h8.75v8.71h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#091E43",
+      d: "M103 62.903h8.75v8.71H103zM120.5 62.903h8.75v8.71h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#C3D0D8",
+      d: "M76.75 115.161h8.75v8.71h-8.75zM76.75 62.903h8.75v8.71h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#091E43",
+      d: "M103 45.484h8.75v8.71H103zM120.5 45.484h8.75v8.71h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#C3D0D8",
+      d: "M76.75 97.742h8.75v8.71h-8.75zM76.75 45.484h8.75v8.71h-8.75z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#091E43",
+      d: "M103 28.065h8.75v8.71H103zM120.5 28.065h8.75v8.71h-8.75z"
+    }), /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("path", {
+        fill: "#FFF",
+        d: "M102 89.333h60.9V150H102z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M162.9 89.333H189V150h-26.1z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M102 85h87v4.333h-87z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M110.7 132.667h8.7v8.667h-8.7zM110.7 115.333h8.7V124h-8.7zM128.1 115.333h8.7V124h-8.7zM110.7 98h8.7v8.667h-8.7zM128.1 98h8.7v8.667h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M128.1 132.667h8.7V150h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M145.5 132.667h8.7v8.667h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M171.6 132.667h8.7v8.667h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M145.5 115.333h8.7V124h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M171.6 115.333h8.7V124h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M145.5 98h8.7v8.667h-8.7z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M171.6 98h8.7v8.667h-8.7z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      fill: "#1657E2",
+      className: "fill-primary",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M0 150c0-5.155 4.278-9.333 9.556-9.333 2.544 0 4.856.97 6.568 2.554 2.443-4.306 7.144-7.221 12.543-7.221 7.794 0 14.135 6.077 14.328 13.644L43 150H0z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      transform: "translate(176 20)",
+      fill: "#10105A",
+      children: /*#__PURE__*/_jsx("circle", {
+        cx: "13.5",
+        cy: "13.5",
+        r: "13.5"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      fill: "#FFF",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M191 34c0-3.314-2.885-6-6.444-6-1.716 0-3.275.624-4.43 1.642-1.648-2.768-4.818-4.642-8.46-4.642-5.256 0-9.533 3.906-9.663 8.771L162 34h29z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      fill: "#0842C0",
+      className: "fill-dark-primary",
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M207.767 97c11.633 23.556 15.94 41.222 12.923 53h-25.846c-2.835-11.778 1.473-29.444 12.923-53z"
+      })
+    })]
+  })
+});
+export default withIllustration('IllustrationMySiteCooperative')(IllustrationMySiteCooperative);

package/esm/illustrations/MySite/IllustrationMySiteDashboard.js

@@ -0,0 +1,131 @@
+import React from 'react';
+import withIllustration from '../withIllustration';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const IllustrationMySiteDashboard = props => /*#__PURE__*/_jsxs("svg", {
+  viewBox: "0 0 224 150",
+  ...props,
+  children: [/*#__PURE__*/_jsxs("defs", {
+    children: [/*#__PURE__*/_jsx("rect", {
+      id: "a",
+      x: "8.205",
+      y: "0",
+      width: "70.553",
+      height: "52",
+      rx: "4.411"
+    }), /*#__PURE__*/_jsx("rect", {
+      id: "b",
+      x: "8.205",
+      y: "0",
+      width: "70.553",
+      height: "35",
+      rx: "4.411"
+    }), /*#__PURE__*/_jsx("rect", {
+      id: "c",
+      x: "8.205",
+      y: "39",
+      width: "70.553",
+      height: "34",
+      rx: "4.411"
+    })]
+  }), /*#__PURE__*/_jsxs("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M127.825 24.898c-14.104-.501-27.538-5.171-40.364-10.28C74.634 9.509 61.927 3.848 48.16 1.14 39.308-.6 29.182-.846 22.048 4.02 15.18 8.7 11.447 16.428 10.255 23.924c-.897 5.653.091 11.956 2.548 17.242 1.708 3.67 4.739 6.754 6.836 10.268 7.291 12.23 2.141 27.313-5.767 39.255-3.7 5.602-8.008 10.947-10.868 16.909-2.86 5.962-4.184 12.796-1.682 18.88 2.482 6.03 8.393 10.558 14.797 13.742C29.126 146.691 43.976 150 59 150c33.5 0 66.6-.1 99.926-.1 12.29 0 24.607-.75 36.686-2.697 6.706-1.082 13.629-2.797 18.496-6.94 6.182-5.263 7.714-14.165 3.571-20.759-6.94-11.057-26.151-13.802-31.007-25.676-2.673-6.533.072-13.811 3.956-19.88 8.333-13 22.3-24.404 23.036-39.264.507-10.205-6.208-20.427-16.59-25.255-10.883-5.067-25.972-4.424-34.001 3.953-8.267 8.64-22.795 11.96-35.248 11.516z",
+      fillOpacity: ".14",
+      fill: "#1657E2",
+      className: "fill-primary",
+      fillRule: "nonzero"
+    }), /*#__PURE__*/_jsxs("g", {
+      transform: "translate(0 39)",
+      children: [/*#__PURE__*/_jsx("use", {
+        fill: "#88A9F0",
+        className: "fill-primary-opa50",
+        xlinkHref: "#a"
+      }), /*#__PURE__*/_jsx("use", {
+        fillOpacity: ".499",
+        fill: "#FFF",
+        xlinkHref: "#a"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#FFF",
+        width: "74.393",
+        height: "52",
+        rx: "4.411"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M8.752 8.719h17.504v17.438H8.752zM30.633 8.719h35.009v4.36H30.633zM30.633 17.438h26.803v4.36H30.633z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M8.752 30.517h18v4.36h-18zM8.752 39.517h18v4.36h-18zM30.256 30.517h28v4.36h-28zM30.256 39.517h28v4.36h-28z"
+      })]
+    }), /*#__PURE__*/_jsxs("g", {
+      fillRule: "nonzero",
+      children: [/*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M114 90.8L133 67l20 23.8V150h-39z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#FFF",
+        d: "M52 91h62v59H52z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M105 140l.296.005c5.011.161 9.046 4.408 9.2 9.684l.004.311-.296-.005c-5.011-.161-9.046-4.408-9.2-9.684L105 140z",
+        fill: "#1657E2",
+        className: "fill-primary"
+      }), /*#__PURE__*/_jsx("path", {
+        className: "fill-primary40",
+        d: "M124 140l-.005.311c-.15 5.17-4.028 9.353-8.9 9.67l-.3.014-.295.005.005-.311c.15-5.17 4.028-9.353 8.9-9.67l.3-.014L124 140z",
+        fill: "#779DED"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M70.692 67H133l-18.692 24H52z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M89.5 104.2H102v12.4H89.5zM89.5 128.2H102v12.4H89.5zM64.5 104.2H77v12.4H64.5z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#091E43",
+        d: "M127 104.2h12.5v12.4H127zM127 128.2h12.5v12.4H127z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M64.5 128H77v22H64.5z"
+      })]
+    }), /*#__PURE__*/_jsxs("g", {
+      transform: "translate(145 39)",
+      children: [/*#__PURE__*/_jsx("use", {
+        fill: "#88A9F0",
+        className: "fill-primary-opa50",
+        xlinkHref: "#b"
+      }), /*#__PURE__*/_jsx("use", {
+        fillOpacity: ".499",
+        fill: "#FFF",
+        xlinkHref: "#b"
+      }), /*#__PURE__*/_jsx("use", {
+        fill: "#88A9F0",
+        className: "fill-primary-opa50",
+        xlinkHref: "#c"
+      }), /*#__PURE__*/_jsx("use", {
+        fillOpacity: ".499",
+        fill: "#FFF",
+        xlinkHref: "#c"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#FFF",
+        width: "74.393",
+        height: "35",
+        rx: "4.411"
+      }), /*#__PURE__*/_jsx("rect", {
+        fill: "#FFF",
+        y: "39",
+        width: "74.393",
+        height: "34",
+        rx: "4.411"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D0D8",
+        d: "M11.633 49.719h48v4.36h-48zM11.633 58.438h36.75v4.36h-36.75z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#1657E2",
+        className: "fill-primary",
+        d: "M8.752 8.719h17.504v17.438H8.752zM30.633 8.719h35.009v4.36H30.633zM30.633 17.438h26.803v4.36H30.633z"
+      })]
+    })]
+  })]
+});
+export default withIllustration('IllustrationMySiteDashboard')(IllustrationMySiteDashboard);

package/esm/illustrations/MySite/IllustrationMySiteGift.js

@@ -2,7 +2,6 @@ import React from 'react';
 import withIllustration from '../withIllustration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const IllustrationMySiteGift = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 125 86",
@@ -297,5 +296,4 @@ const IllustrationMySiteGift = props => {
     })]
   });
 };
-
 export default withIllustration('IllustrationMySiteGift')(IllustrationMySiteGift);

package/esm/illustrations/MySite/IllustrationMySiteMailbox.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import withIllustration from '../withIllustration';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const IllustrationMySiteMailbox = props => /*#__PURE__*/_jsxs("svg", {
+  viewBox: "0 0 234 150",
+  ...props,
+  children: [/*#__PURE__*/_jsxs("defs", {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M10.41 0h65.18A4.41 4.41 0 0 1 80 4.41v35.18A4.41 4.41 0 0 1 75.59 44H33l-15 8-1-8h-6.59A4.41 4.41 0 0 1 6 39.59V4.41A4.41 4.41 0 0 1 10.41 0z",
+      id: "a"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M0 0l92.7 58.204c5.613 3.524 7.306 10.93 3.782 16.543a12 12 0 0 1-10.163 5.62L7 80.365a7 7 0 0 1-7-7V0z",
+      id: "b"
+    })]
+  }), /*#__PURE__*/_jsxs("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M129.568 24.731c-14.296-.497-27.913-5.136-40.914-10.21C75.652 9.445 62.77 3.82 48.818 1.131 39.843-.597 29.578-.84 22.348 3.994c-6.96 4.646-9.209 12.689-10.416 20.135-.91 5.615-1.445 11.51 1.046 16.761 1.73 3.646 4.803 6.709 6.929 10.2 7.39 12.149 2.17 27.13-5.846 38.993-3.75 5.564-8.117 10.873-11.016 16.795-2.9 5.923-4.241 12.71-1.705 18.753 2.516 5.99 8.508 10.488 14.998 13.652 13.185 6.428 14.485 10.76 29.713 10.715 34.188-.1 81.346-.1 115.019 0 12.457.037 24.966-1.844 37.21-3.778 6.796-1.075 13.814-2.778 18.748-6.895 6.266-5.227 7.819-14.07 3.62-20.619-7.036-10.984-26.509-13.71-31.43-25.504-2.71-6.49.072-13.72 4.01-19.749 8.446-12.911 22.604-24.24 23.35-39 .513-10.138-6.293-20.29-16.816-25.087-11.032-5.033-26.327-4.394-34.465 3.927-8.38 8.583-23.106 11.88-35.729 11.438z",
+      fillOpacity: ".136",
+      fill: "#1657E2",
+      className: "fill-primary",
+      fillRule: "nonzero"
+    }), /*#__PURE__*/_jsxs("g", {
+      transform: "translate(154 13)",
+      children: [/*#__PURE__*/_jsx("use", {
+        fill: "#88A9F0",
+        className: "fill-primary-opa50",
+        xlinkHref: "#a"
+      }), /*#__PURE__*/_jsx("use", {
+        fillOpacity: ".499",
+        fill: "#FFF",
+        xlinkHref: "#a"
+      })]
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M158.41 13h65.18a4.41 4.41 0 0 1 4.41 4.41v35.18a4.41 4.41 0 0 1-4.41 4.41H179l-7 8-7-8h-6.59a4.41 4.41 0 0 1-4.41-4.41V17.41a4.41 4.41 0 0 1 4.41-4.41z",
+      fill: "#FFF"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#C3D4F7",
+      className: "fill-primary20",
+      d: "M166 25h49v6h-49zM166 38h37v6h-37z"
+    }), /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M141 69.633L77 20 13 69.633v73.365a7 7 0 0 0 7 7h114a7 7 0 0 0 7-7V69.633z",
+        fill: "#1657E2",
+        className: "fill-primary"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#FFF",
+        d: "M113 29H34v104h79z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#FFF",
+        d: "M118 41H39v104h79z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#C3D4F7",
+        className: "fill-primary20",
+        d: "M100 64H47v6.003h53zM80 49H47v6.003h33zM100 79H47v6.003h53z"
+      }), /*#__PURE__*/_jsxs("g", {
+        transform: "matrix(-1 0 0 1 141 69.633)",
+        children: [/*#__PURE__*/_jsx("mask", {
+          id: "c",
+          fill: "#fff",
+          children: /*#__PURE__*/_jsx("use", {
+            xlinkHref: "#b"
+          })
+        }), /*#__PURE__*/_jsx("use", {
+          fill: "#C3D4F7",
+          className: "fill-primary20",
+          xlinkHref: "#b"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M128 0v73.365a7 7 0 0 1-7 7H0L128 0z",
+          fill: "#FFF",
+          mask: "url(#c)"
+        })]
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M13 69.633v73.365a7 7 0 0 0 7 7h113.46L13 69.633z",
+        fill: "#FFF"
+      })]
+    }), /*#__PURE__*/_jsxs("g", {
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M153 66h6a2 2 0 0 1 2 2v66h-10V68a2 2 0 0 1 2-2z",
+        fill: "#88A9F0",
+        className: "fill-primary-opa50"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M155.987 66H159a2 2 0 0 1 2 2v66h-4.992l-.021-68z",
+        fill: "#1657E2",
+        className: "fill-primary"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#FFF",
+        d: "M151 134h10l-5 9z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#1657E2",
+        className: "fill-primary",
+        d: "M157.66 140.01L156 143l-1.666-2.998z"
+      })]
+    })]
+  })]
+});
+export default withIllustration('IllustrationMySiteMailbox')(IllustrationMySiteMailbox);

package/esm/illustrations/MySite/IllustrationMySitePapers.js

@@ -2,7 +2,6 @@ import React from 'react';
 import withIllustration from '../withIllustration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const IllustrationMySitePapers = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 126 85",
@@ -247,5 +246,4 @@ const IllustrationMySitePapers = props => {
     })]
   });
 };
-
 export default withIllustration('IllustrationMySitePapers')(IllustrationMySitePapers);

package/esm/illustrations/MySite/IllustrationMySitePiggyBank.js

@@ -2,7 +2,6 @@ import React from 'react';
 import withIllustration from '../withIllustration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const IllustrationMySitePiggyBank = props => {
   return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 126 88",
@@ -250,5 +249,4 @@ const IllustrationMySitePiggyBank = props => {
     })
   });
 };
-
 export default withIllustration('IllustrationMySitePiggyBank')(IllustrationMySitePiggyBank);

package/esm/illustrations/MySite/IllustrationMySiteTransfer.js

@@ -2,7 +2,6 @@ import React from 'react';
 import withIllustration from '../withIllustration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const IllustrationMySiteTransfer = props => {
   return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 520 320",
@@ -134,5 +133,4 @@ const IllustrationMySiteTransfer = props => {
     })
   });
 };
-
 export default withIllustration('IllustrationMySiteTransfer')(IllustrationMySiteTransfer);

package/esm/illustrations/styles.js

@@ -1,13 +1,16 @@
 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)."; }
-
 import { css } from '@emotion/react';
-export const SvgTheme = theme => /*#__PURE__*/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:", theme.primary, ";opacity:0.2;}&>svg .fill-secondary{fill:", theme.secondary, ";}&>svg .fill-primary{fill:", theme.primary, ";}&>svg .fill-primary-opa50{fill:", theme.illustrationPrimary50, ";}&>svg .fill-dark-primary{fill:", theme.primary5darker, ";}&>svg .fill-gray{fill:", theme.illustrationGray, ";}&>svg .fill-white{fill:#ffffff;}&>svg .fill-primary40{fill:", theme.illustrationPrimary40, ";}&>svg .fill-primary20{fill:", theme.illustrationPrimary20, ";}&>svg .fill-primary10{fill:", theme.illustrationPrimary10, ";}&>svg .fill-primary5{fill:", theme.illustrationPrimary5, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:SvgTheme;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9pbGx1c3RyYXRpb25zL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHaUQiLCJmaWxlIjoiLi4vLi4vc3JjL3BhY2thZ2VzL2lsbHVzdHJhdGlvbnMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBTdmdUaGVtZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJiA+IHN2ZyB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuXG4gICYgPiBzdmcgKyBzdmcge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogNzAlO1xuICAgIGJvdHRvbTogNXB4O1xuICB9XG5cbiAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnIHtcbiAgICBmaWxsOiAke3RoZW1lLmJnfTtcbiAgfVxuICAmID4gc3ZnIC5zdmctdGhlbWUtYmctb3ZlcmxheSB7XG4gICAgZmlsbDogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICBvcGFjaXR5OiAwLjI7XG4gIH1cblxuICAmID4gc3ZnIC5maWxsLXNlY29uZGFyeSB7XG4gICAgZmlsbDogJHt0aGVtZS5zZWNvbmRhcnl9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5IHtcbiAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5LW9wYTUwIHtcbiAgICBmaWxsOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gIH1cblxuICAmID4gc3ZnIC5maWxsLWRhcmstcHJpbWFyeSB7XG4gICAgZmlsbDogJHt0aGVtZS5wcmltYXJ5NWRhcmtlcn07XG4gIH1cblxuICAmID4gc3ZnIC5maWxsLWdyYXkge1xuICAgIGZpbGw6ICR7dGhlbWUuaWxsdXN0cmF0aW9uR3JheX07XG4gIH1cblxuICAmID4gc3ZnIC5maWxsLXdoaXRlIHtcbiAgICBmaWxsOiAjZmZmZmZmO1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5NDAge1xuICAgIGZpbGw6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTQwfTtcbiAgfVxuXG4gICYgPiBzdmcgLmZpbGwtcHJpbWFyeTIwIHtcbiAgICBmaWxsOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkyMH07XG4gIH1cblxuICAmID4gc3ZnIC5maWxsLXByaW1hcnkxMCB7XG4gICAgZmlsbDogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTB9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5NSB7XG4gICAgZmlsbDogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NX07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHdpdGhvdXRCYWNrZ3JvdW5kID0gY3NzYFxuICAmID4gc3ZnIC5zdmctdGhlbWUtYmcge1xuICAgIGZpbGw6IHRyYW5zcGFyZW50O1xuICB9XG4gICYgPiBzdmcgLnN2Zy10aGVtZS1iZy1vdmVybGF5IHtcbiAgICBmaWxsOiB0cmFuc3BhcmVudDtcbiAgfVxuYFxuIl19 */");
+import { alpha } from '../utils/alpha';
+export const SvgTheme = theme => {
+  const hasDifferentIllustrationColor = theme.customIllustrationColor !== theme.primary;
+  return /*#__PURE__*/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, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:SvgTheme;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9pbGx1c3RyYXRpb25zL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvaWxsdXN0cmF0aW9ucy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uL2FwcC1zaGVsbC90aGVtZSdcbmltcG9ydCB7IGFscGhhIH0gZnJvbSAnLi4vdXRpbHMvYWxwaGEnXG5cbmV4cG9ydCBjb25zdCBTdmdUaGVtZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiB7XG4gIGNvbnN0IGhhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yID1cbiAgICB0aGVtZS5jdXN0b21JbGx1c3RyYXRpb25Db2xvciAhPT0gdGhlbWUucHJpbWFyeVxuXG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJiA+IHN2ZyB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyArIHN2ZyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDcwJTtcbiAgICAgIGJvdHRvbTogNXB4O1xuICAgIH1cblxuICAgICYgPiBzdmcgLnN2Zy10aGVtZS1iZyB7XG4gICAgICBmaWxsOiAke3RoZW1lLmJnfTtcbiAgICB9XG4gICAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnLW92ZXJsYXkge1xuICAgICAgZmlsbDogJHtoYXNEaWZmZXJlbnRJbGx1c3RyYXRpb25Db2xvclxuICAgICAgICA/IHRoZW1lLmN1c3RvbUlsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgIDogdGhlbWUucHJpbWFyeX07XG4gICAgICBvcGFjaXR5OiAwLjI7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuZmlsbC1zZWNvbmRhcnkge1xuICAgICAgZmlsbDogJHtoYXNEaWZmZXJlbnRJbGx1c3RyYXRpb25Db2xvciA/IHRoZW1lLnByaW1hcnkgOiB0aGVtZS5zZWNvbmRhcnl9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtcHJpbWFyeSB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgID8gdGhlbWUuY3VzdG9tSWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgOiB0aGVtZS5wcmltYXJ5fTtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLXByaW1hcnktb3BhNTAge1xuICAgICAgZmlsbDogJHtoYXNEaWZmZXJlbnRJbGx1c3RyYXRpb25Db2xvclxuICAgICAgICA/IGFscGhhKHRoZW1lLmN1c3RvbUlsbHVzdHJhdGlvbkNvbG9yLCA1MClcbiAgICAgICAgOiB0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtZGFyay1wcmltYXJ5IHtcbiAgICAgIGZpbGw6ICR7aGFzRGlmZmVyZW50SWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgPyBhbHBoYSh0aGVtZS5jdXN0b21JbGx1c3RyYXRpb25Db2xvciwgMTA1KVxuICAgICAgICA6IHRoZW1lLnByaW1hcnk1ZGFya2VyfTtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLWdyYXkge1xuICAgICAgZmlsbDogJHt0aGVtZS5pbGx1c3RyYXRpb25HcmF5fTtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLXdoaXRlIHtcbiAgICAgIGZpbGw6ICNmZmZmZmY7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5NDAge1xuICAgICAgZmlsbDogJHtoYXNEaWZmZXJlbnRJbGx1c3RyYXRpb25Db2xvclxuICAgICAgICA/IGFscGhhKHRoZW1lLmN1c3RvbUlsbHVzdHJhdGlvbkNvbG9yLCA0MClcbiAgICAgICAgOiB0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NDB9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtcHJpbWFyeTIwIHtcbiAgICAgIGZpbGw6ICR7aGFzRGlmZmVyZW50SWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgPyBhbHBoYSh0aGVtZS5jdXN0b21JbGx1c3RyYXRpb25Db2xvciwgMjApXG4gICAgICAgIDogdGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTIwfTtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLXByaW1hcnkxMCB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgID8gYWxwaGEodGhlbWUuY3VzdG9tSWxsdXN0cmF0aW9uQ29sb3IsIDEwKVxuICAgICAgICA6IHRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMH07XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5NSB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgID8gYWxwaGEodGhlbWUuY3VzdG9tSWxsdXN0cmF0aW9uQ29sb3IsIDUpXG4gICAgICAgIDogdGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTV9O1xuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgY29uc3Qgd2l0aG91dEJhY2tncm91bmQgPSBjc3NgXG4gICYgPiBzdmcgLnN2Zy10aGVtZS1iZyB7XG4gICAgZmlsbDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnLW92ZXJsYXkge1xuICAgIGZpbGw6IHRyYW5zcGFyZW50O1xuICB9XG5gXG4iXX0= */");
+};
 export const 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;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9pbGx1c3RyYXRpb25zL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRW9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWNrYWdlcy9pbGx1c3RyYXRpb25zL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgU3ZnVGhlbWUgPSAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuXG4gICYgPiBzdmcge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIH1cblxuICAmID4gc3ZnICsgc3ZnIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDcwJTtcbiAgICBib3R0b206IDVweDtcbiAgfVxuXG4gICYgPiBzdmcgLnN2Zy10aGVtZS1iZyB7XG4gICAgZmlsbDogJHt0aGVtZS5iZ307XG4gIH1cbiAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnLW92ZXJsYXkge1xuICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgb3BhY2l0eTogMC4yO1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1zZWNvbmRhcnkge1xuICAgIGZpbGw6ICR7dGhlbWUuc2Vjb25kYXJ5fTtcbiAgfVxuXG4gICYgPiBzdmcgLmZpbGwtcHJpbWFyeSB7XG4gICAgZmlsbDogJHt0aGVtZS5wcmltYXJ5fTtcbiAgfVxuXG4gICYgPiBzdmcgLmZpbGwtcHJpbWFyeS1vcGE1MCB7XG4gICAgZmlsbDogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NTB9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1kYXJrLXByaW1hcnkge1xuICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1ncmF5IHtcbiAgICBmaWxsOiAke3RoZW1lLmlsbHVzdHJhdGlvbkdyYXl9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC13aGl0ZSB7XG4gICAgZmlsbDogI2ZmZmZmZjtcbiAgfVxuXG4gICYgPiBzdmcgLmZpbGwtcHJpbWFyeTQwIHtcbiAgICBmaWxsOiAke3RoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk0MH07XG4gIH1cblxuICAmID4gc3ZnIC5maWxsLXByaW1hcnkyMCB7XG4gICAgZmlsbDogJHt0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MjB9O1xuICB9XG5cbiAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5MTAge1xuICAgIGZpbGw6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgfVxuXG4gICYgPiBzdmcgLmZpbGwtcHJpbWFyeTUge1xuICAgIGZpbGw6ICR7dGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTV9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3aXRob3V0QmFja2dyb3VuZCA9IGNzc2BcbiAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnIHtcbiAgICBmaWxsOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmID4gc3ZnIC5zdmctdGhlbWUtYmctb3ZlcmxheSB7XG4gICAgZmlsbDogdHJhbnNwYXJlbnQ7XG4gIH1cbmBcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9pbGx1c3RyYXRpb25zL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRm9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWNrYWdlcy9pbGx1c3RyYXRpb25zL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgYWxwaGEgfSBmcm9tICcuLi91dGlscy9hbHBoYSdcblxuZXhwb3J0IGNvbnN0IFN2Z1RoZW1lID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IHtcbiAgY29uc3QgaGFzRGlmZmVyZW50SWxsdXN0cmF0aW9uQ29sb3IgPVxuICAgIHRoZW1lLmN1c3RvbUlsbHVzdHJhdGlvbkNvbG9yICE9PSB0aGVtZS5wcmltYXJ5XG5cbiAgcmV0dXJuIGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmID4gc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICB9XG5cbiAgICAmID4gc3ZnICsgc3ZnIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogNzAlO1xuICAgICAgYm90dG9tOiA1cHg7XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnIHtcbiAgICAgIGZpbGw6ICR7dGhlbWUuYmd9O1xuICAgIH1cbiAgICAmID4gc3ZnIC5zdmctdGhlbWUtYmctb3ZlcmxheSB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgID8gdGhlbWUuY3VzdG9tSWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgOiB0aGVtZS5wcmltYXJ5fTtcbiAgICAgIG9wYWNpdHk6IDAuMjtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLXNlY29uZGFyeSB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yID8gdGhlbWUucHJpbWFyeSA6IHRoZW1lLnNlY29uZGFyeX07XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5IHtcbiAgICAgIGZpbGw6ICR7aGFzRGlmZmVyZW50SWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgPyB0aGVtZS5jdXN0b21JbGx1c3RyYXRpb25Db2xvclxuICAgICAgICA6IHRoZW1lLnByaW1hcnl9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtcHJpbWFyeS1vcGE1MCB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgID8gYWxwaGEodGhlbWUuY3VzdG9tSWxsdXN0cmF0aW9uQ29sb3IsIDUwKVxuICAgICAgICA6IHRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk1MH07XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuZmlsbC1kYXJrLXByaW1hcnkge1xuICAgICAgZmlsbDogJHtoYXNEaWZmZXJlbnRJbGx1c3RyYXRpb25Db2xvclxuICAgICAgICA/IGFscGhhKHRoZW1lLmN1c3RvbUlsbHVzdHJhdGlvbkNvbG9yLCAxMDUpXG4gICAgICAgIDogdGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtZ3JheSB7XG4gICAgICBmaWxsOiAke3RoZW1lLmlsbHVzdHJhdGlvbkdyYXl9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtd2hpdGUge1xuICAgICAgZmlsbDogI2ZmZmZmZjtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLXByaW1hcnk0MCB7XG4gICAgICBmaWxsOiAke2hhc0RpZmZlcmVudElsbHVzdHJhdGlvbkNvbG9yXG4gICAgICAgID8gYWxwaGEodGhlbWUuY3VzdG9tSWxsdXN0cmF0aW9uQ29sb3IsIDQwKVxuICAgICAgICA6IHRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnk0MH07XG4gICAgfVxuXG4gICAgJiA+IHN2ZyAuZmlsbC1wcmltYXJ5MjAge1xuICAgICAgZmlsbDogJHtoYXNEaWZmZXJlbnRJbGx1c3RyYXRpb25Db2xvclxuICAgICAgICA/IGFscGhhKHRoZW1lLmN1c3RvbUlsbHVzdHJhdGlvbkNvbG9yLCAyMClcbiAgICAgICAgOiB0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MjB9O1xuICAgIH1cblxuICAgICYgPiBzdmcgLmZpbGwtcHJpbWFyeTEwIHtcbiAgICAgIGZpbGw6ICR7aGFzRGlmZmVyZW50SWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgPyBhbHBoYSh0aGVtZS5jdXN0b21JbGx1c3RyYXRpb25Db2xvciwgMTApXG4gICAgICAgIDogdGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwfTtcbiAgICB9XG5cbiAgICAmID4gc3ZnIC5maWxsLXByaW1hcnk1IHtcbiAgICAgIGZpbGw6ICR7aGFzRGlmZmVyZW50SWxsdXN0cmF0aW9uQ29sb3JcbiAgICAgICAgPyBhbHBoYSh0aGVtZS5jdXN0b21JbGx1c3RyYXRpb25Db2xvciwgNSlcbiAgICAgICAgOiB0aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5NX07XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBjb25zdCB3aXRob3V0QmFja2dyb3VuZCA9IGNzc2BcbiAgJiA+IHN2ZyAuc3ZnLXRoZW1lLWJnIHtcbiAgICBmaWxsOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmID4gc3ZnIC5zdmctdGhlbWUtYmctb3ZlcmxheSB7XG4gICAgZmlsbDogdHJhbnNwYXJlbnQ7XG4gIH1cbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };

package/esm/illustrations/withIllustration.js

@@ -33,18 +33,16 @@ export default function withIllustration(name) {
           width
         }
       };
-
       if (decorative) {
         newProps['aria-hidden'] = true;
       }
-
       if (accessibilityLabel) {
         newProps['aria-label'] = accessibilityLabel;
       }
-
       return _jsx("div", {
         css: theme => [SvgTheme(theme), defaultProps.withBackground && withoutBackground],
-        children: _jsx(WrappedComponent, { ...newProps
+        children: _jsx(WrappedComponent, {
+          ...newProps
         })
       });
     };

package/esm/index.js

@@ -192,6 +192,10 @@ import IllustrationMySiteComputer from './illustrations/MySite/IllustrationMySit
 import IllustrationMySiteGift from './illustrations/MySite/IllustrationMySiteGift';
 import IllustrationMySitePapers from './illustrations/MySite/IllustrationMySitePapers';
 import IllustrationMySitePiggyBank from './illustrations/MySite/IllustrationMySitePiggyBank';
+import IllustrationMySiteDashboard from './illustrations/MySite/IllustrationMySiteDashboard';
+import IllustrationMySiteCooperative from './illustrations/MySite/IllustrationMySiteCooperative';
+import IllustrationMySiteAssociation from './illustrations/MySite/IllustrationMySiteAssociation';
+import IllustrationMySiteMailbox from './illustrations/MySite/IllustrationMySiteMailbox';
 import Html from './core/Html';
 import CustomText from './core/CustomText';
 import Select from './core/Select';
@@ -306,4 +310,4 @@ export { getFormatedPhone } from './utils/phone';
 export { getCurrentPage, getFirstButtonIndex, getHasMorePages, getHasPreviousPages, getSkippedItems } from './utils/pagination';
 export { handleDateToStringConvertion, handleStringToDateConvertion, getTimeFromHours, getTimeStringFromHours } from './utils/time';
 export { getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getFormattedCardNumber, getFormattedTime, getFormattedOrganizationNumber, getFormattedDateTimePretty, getFormattedTimePeriod } from './utils/format';
-export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, SearchSelect, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCases, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHomeFilled, IconHomeOutline, IconHouseBlockFilled, IconHouseBlockOutline, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeafFilled, IconLeafOutline, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconPinned, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IconCamera, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, IconAuditorFilled, IconAuditorOutline, IconJanitorFilled, IconJanitorOutline, useScreenOrientation, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, ImagePicker, Tooltip };
+export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Image, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, SearchSelect, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, DatepickerRange, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconChoice, IconReply, IconReplyAll, IconForward, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCases, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDelete, IconDoor, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileAdd, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHomeFilled, IconHomeOutline, IconHouseBlockFilled, IconHouseBlockOutline, IconHumans, IconImportantComment, IconInbox, IconLabel, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeafFilled, IconLeafOutline, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconPinned, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconSliders, IconTrain, IconTram, IconPrint, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconUserThin, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IconCamera, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteDashboard, IllustrationMySiteAssociation, IllustrationMySiteCooperative, IllustrationMySiteMailbox, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, IconBblFlame, IconBblWater, IconBblShield, IconFullscreenOpen, IconFullscreenClose, IconGmail, IconOffice365, IconAuditorFilled, IconAuditorOutline, IconJanitorFilled, IconJanitorOutline, useScreenOrientation, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, DraggableRow, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, Timepicker, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, NoticeCard, ListPager, Spinner, Autocomplete, GoogleButton, NotificationCounter, SearchFilter, ImagePicker, Tooltip };

package/esm/layout/Footer/Footer.stories.js

@@ -0,0 +1,62 @@
+import Footer from '.';
+import FooterCol from './FooterCol';
+import FooterGroup from './FooterGroup';
+import FooterLabel from './FooterLabel';
+import FooterLink from './FooterLink';
+import Text from '../../../packages/core/Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+  title: 'Layout/Footer',
+  component: Footer
+};
+export const FooterDefault = {
+  render: () => /*#__PURE__*/_jsxs(Footer, {
+    children: [/*#__PURE__*/_jsxs(FooterCol, {
+      children: [/*#__PURE__*/_jsxs(FooterGroup, {
+        children: [/*#__PURE__*/_jsx(FooterLabel, {
+          children: "Label"
+        }), /*#__PURE__*/_jsx(FooterLink, {
+          href: "#",
+          children: "Link"
+        })]
+      }), /*#__PURE__*/_jsxs(FooterGroup, {
+        children: [/*#__PURE__*/_jsx(FooterLink, {
+          href: "#",
+          external: true,
+          target: "blank",
+          children: "Zelda"
+        }), /*#__PURE__*/_jsx(FooterLink, {
+          href: "#",
+          target: "_blank",
+          children: "This opens in new tab"
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(FooterCol, {
+      children: /*#__PURE__*/_jsx(FooterGroup, {
+        children: /*#__PURE__*/_jsx(Text, {
+          color: "white",
+          children: "New column"
+        })
+      })
+    })]
+  }),
+  name: 'Footer'
+};
+export const LinkNotSet = {
+  render: () => /*#__PURE__*/_jsx(Footer, {
+    children: /*#__PURE__*/_jsx(FooterCol, {
+      children: /*#__PURE__*/_jsxs(FooterGroup, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: "white",
+          children: "The next link wont be shown"
+        }), /*#__PURE__*/_jsx(FooterLink, {
+          ifexists: true,
+          href: "",
+          children: "This is not shown"
+        })]
+      })
+    })
+  }),
+  name: 'Link not set'
+};

package/esm/layout/Footer/FooterButton/index.js

@@ -2,15 +2,14 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const FooterButton = ({
   ifexists,
   ...props
 }) => {
-  return ifexists && !props.onClick ? null : _jsx(Wrapper, { ...props,
+  return ifexists && !props.onClick ? null : _jsx(Wrapper, {
+    ...props,
     onClick: props.onClick,
     children: props.children
   });
 };
-
 export default FooterButton;

package/esm/layout/Footer/FooterButton/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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)."; }
-
 import Link from '../../../core/Link';
 export const Wrapper = /*#__PURE__*/_styled(Link, process.env.NODE_ENV === "production" ? {
   target: "ejgzy2n0"

package/esm/layout/Footer/FooterCol/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const FooterCol = ({
   children
 }) => {
@@ -9,5 +8,4 @@ const FooterCol = ({
     children: children
   });
 };
-
 export default FooterCol;

package/esm/layout/Footer/FooterCol/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 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)."; }
-
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e10isqnr0"
 } : {

package/esm/layout/Footer/FooterGroup/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const FooterGroup = ({
   children
 }) => {
@@ -9,5 +8,4 @@ const FooterGroup = ({
     children: children
   });
 };
-
 export default FooterGroup;