@bbl-digital/snorre 2.2.137 → 2.2.140

package/dist/bundle.js

@@ -684,11 +684,13 @@
     primary,
     secondary,
     dark,
-    children
+    children,
+    className
   }) => {
     const Tag = `h${level}`;
     return jsxRuntime$1.jsx(Tag, {
       css: theme => [styles$p.default(theme, color), level === 1 && styles$p.h1, level === 2 && styles$p.h2, level === 3 && styles$p.h3, level === 4 && styles$p.h4, level === 5 && styles$p.h5, primary && styles$p.setColor(theme.primary), secondary && styles$p.setColor(theme.secondary), dark && styles$p.setColor(theme.secondaryDarkText)],
+      className: className,
       children: children
     });
   };
@@ -28676,127 +28678,37 @@
 
   var IconAmericanExpress$1 = withIcon()(IconAmericanExpress);
 
-  const IconGmail = props => {
+  const IconGmail = () => {
     return /*#__PURE__*/jsxRuntime.jsxs("svg", {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 46 46",
-      version: "1.1",
-      ...props,
-      children: [/*#__PURE__*/jsxRuntime.jsxs("defs", {
-        children: [/*#__PURE__*/jsxRuntime.jsxs("filter", {
-          x: "-50%",
-          y: "-50%",
-          width: "200%",
-          height: "200%",
-          filterUnits: "objectBoundingBox",
-          id: "filter-1",
-          children: [/*#__PURE__*/jsxRuntime.jsx("feOffset", {
-            dx: "0",
-            dy: "1",
-            in: "SourceAlpha",
-            result: "shadowOffsetOuter1"
-          }), /*#__PURE__*/jsxRuntime.jsx("feGaussianBlur", {
-            stdDeviation: "0.5",
-            in: "shadowOffsetOuter1",
-            result: "shadowBlurOuter1"
-          }), /*#__PURE__*/jsxRuntime.jsx("feColorMatrix", {
-            values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",
-            in: "shadowBlurOuter1",
-            type: "matrix",
-            result: "shadowMatrixOuter1"
-          }), /*#__PURE__*/jsxRuntime.jsx("feOffset", {
-            dx: "0",
-            dy: "0",
-            in: "SourceAlpha",
-            result: "shadowOffsetOuter2"
-          }), /*#__PURE__*/jsxRuntime.jsx("feGaussianBlur", {
-            stdDeviation: "0.5",
-            in: "shadowOffsetOuter2",
-            result: "shadowBlurOuter2"
-          }), /*#__PURE__*/jsxRuntime.jsx("feColorMatrix", {
-            values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",
-            in: "shadowBlurOuter2",
-            type: "matrix",
-            result: "shadowMatrixOuter2"
-          }), /*#__PURE__*/jsxRuntime.jsxs("feMerge", {
-            children: [/*#__PURE__*/jsxRuntime.jsx("feMergeNode", {
-              in: "shadowMatrixOuter1"
-            }), /*#__PURE__*/jsxRuntime.jsx("feMergeNode", {
-              in: "shadowMatrixOuter2"
-            }), /*#__PURE__*/jsxRuntime.jsx("feMergeNode", {
-              in: "SourceGraphic"
-            })]
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsx("rect", {
-          id: "path-2",
-          x: "0",
-          y: "0",
-          width: "40",
-          height: "40",
-          rx: "2"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("g", {
-        id: "Google-Button",
-        stroke: "none",
-        strokeWidth: "1",
-        fill: "none",
-        fillRule: "evenodd",
-        children: [/*#__PURE__*/jsxRuntime.jsx("g", {
-          id: "9-PATCH",
-          transform: "translate(-608.000000, -160.000000)"
-        }), /*#__PURE__*/jsxRuntime.jsxs("g", {
-          id: "btn_google_light_normal",
-          transform: "translate(-1.000000, -1.000000)",
-          children: [/*#__PURE__*/jsxRuntime.jsx("g", {
-            id: "button",
-            transform: "translate(4.000000, 4.000000)",
-            filter: "url(#filter-1)",
-            children: /*#__PURE__*/jsxRuntime.jsxs("g", {
-              id: "button-bg",
-              children: [/*#__PURE__*/jsxRuntime.jsx("use", {
-                fill: "#FFFFFF",
-                fillRule: "evenodd"
-              }), /*#__PURE__*/jsxRuntime.jsx("use", {
-                fill: "none"
-              }), /*#__PURE__*/jsxRuntime.jsx("use", {
-                fill: "none"
-              }), /*#__PURE__*/jsxRuntime.jsx("use", {
-                fill: "none"
-              })]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsxs("g", {
-            id: "logo_googleg_48dp",
-            transform: "translate(15.000000, 15.000000)",
-            children: [/*#__PURE__*/jsxRuntime.jsx("path", {
-              d: "M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",
-              id: "Shape",
-              fill: "#4285F4"
-            }), /*#__PURE__*/jsxRuntime.jsx("path", {
-              d: "M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",
-              id: "Shape",
-              fill: "#34A853"
-            }), /*#__PURE__*/jsxRuntime.jsx("path", {
-              d: "M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",
-              id: "Shape",
-              fill: "#FBBC05"
-            }), /*#__PURE__*/jsxRuntime.jsx("path", {
-              d: "M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",
-              id: "Shape",
-              fill: "#EA4335"
-            }), /*#__PURE__*/jsxRuntime.jsx("path", {
-              d: "M0,0 L18,0 L18,18 L0,18 L0,0 Z",
-              id: "Shape"
-            })]
-          }), /*#__PURE__*/jsxRuntime.jsx("g", {
-            id: "handles_square"
-          })]
-        })]
+      children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M17.64 9.20456C17.64 8.56637 17.5827 7.95274 17.4764 7.36365H9V10.845H13.8436C13.635 11.97 13.0009 12.9232 12.0477 13.5614V15.8196H14.9564C16.6582 14.2527 17.64 11.9455 17.64 9.20456V9.20456Z",
+        fill: "#4285F4"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M9 18C11.43 18 13.4673 17.1941 14.9564 15.8195L12.0477 13.5614C11.2418 14.1014 10.2109 14.4204 9 14.4204C6.65591 14.4204 4.67182 12.8373 3.96409 10.71H0.957275V13.0418C2.43818 15.9832 5.48182 18 9 18V18Z",
+        fill: "#34A853"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M3.96409 10.71C3.78409 10.17 3.68182 9.59319 3.68182 9.00001C3.68182 8.40683 3.78409 7.83001 3.96409 7.29001V4.95819H0.957273C0.347727 6.17319 0 7.54774 0 9.00001C0 10.4523 0.347727 11.8268 0.957273 13.0418L3.96409 10.71V10.71Z",
+        fill: "#FBBC05"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M9 3.57955C10.3214 3.57955 11.5077 4.03364 12.4405 4.92545L15.0218 2.34409C13.4632 0.891818 11.4259 0 9 0C5.48182 0 2.43818 2.01682 0.957275 4.95818L3.96409 7.29C4.67182 5.16273 6.65591 3.57955 9 3.57955V3.57955Z",
+        fill: "#EA4335"
       })]
     });
   };
 
-  var IconGmail$1 = withIcon()(IconGmail);
-
   const IconOffice365 = props => {
     return /*#__PURE__*/jsxRuntime.jsxs("svg", {
       xmlns: "http://www.w3.org/2000/svg",
@@ -32118,7 +32030,7 @@
   exports.IconFullscreenClose = IconFullscreenClose$1;
   exports.IconFullscreenOpen = IconFullscreenOpen$1;
   exports.IconGarage = IconGarage$1;
-  exports.IconGmail = IconGmail$1;
+  exports.IconGmail = IconGmail;
   exports.IconGrid = IconGrid$1;
   exports.IconGym = IconGym$1;
   exports.IconHearth = IconHearth$1;

package/esm/core/GoogleButton/index.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import IconGmail from '../../icons/Logos/IconGmail';
+import { GButton } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const GoogleButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/_jsxs(GButton, {
+    onClick: onClick,
+    children: [/*#__PURE__*/_jsx(IconGmail, {}), "Logg p\xE5 med Google"]
+  });
+};
+
+export default GoogleButton;

package/esm/core/GoogleButton/styles.js

@@ -0,0 +1,18 @@
+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 GButton = _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1tm3r460"
+} : {
+  target: "e1tm3r460",
+  label: "GButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1wexes1",
+  styles: "display:grid;grid-template-columns:18px 1fr;grid-column-gap:24px;border:none;background-color:white;padding:11px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.12),0px 2px 2px rgba(0, 0, 0, 0.24);border-radius:2px;color:rgba(0, 0, 0, 0.54);font-family:'Roboto';font-weight:500;font-size:14px;cursor:pointer;align-items:center;&:focus{outline-color:rgba(66, 133, 244, 0.3);}&:active{background-color:#eeeeee;}"
+} : {
+  name: "1wexes1",
+  styles: "display:grid;grid-template-columns:18px 1fr;grid-column-gap:24px;border:none;background-color:white;padding:11px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.12),0px 2px 2px rgba(0, 0, 0, 0.24);border-radius:2px;color:rgba(0, 0, 0, 0.54);font-family:'Roboto';font-weight:500;font-size:14px;cursor:pointer;align-items:center;&:focus{outline-color:rgba(66, 133, 244, 0.3);}&:active{background-color:#eeeeee;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0dvb2dsZUJ1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0dvb2dsZUJ1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEdCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE4cHggMWZyO1xuICBncmlkLWNvbHVtbi1nYXA6IDI0cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDExcHg7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4xMiksIDBweCAycHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG4gIGZvbnQtZmFtaWx5OiAnUm9ib3RvJztcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZS1jb2xvcjogcmdiYSg2NiwgMTMzLCAyNDQsIDAuMyk7XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/core/Header/index.js

@@ -9,11 +9,13 @@ const Header = ({
   primary,
   secondary,
   dark,
-  children
+  children,
+  className
 }) => {
   const Tag = `h${level}`;
   return _jsx(Tag, {
     css: theme => [styles.default(theme, color), level === 1 && styles.h1, level === 2 && styles.h2, level === 3 && styles.h3, level === 4 && styles.h4, level === 5 && styles.h5, primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), dark && styles.setColor(theme.secondaryDarkText)],
+    className: className,
     children: children
   });
 };

package/esm/icons/Logos/IconGmail.js

@@ -1,125 +1,36 @@
 import React from 'react';
-import withIcon from '../withIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
-const IconGmail = props => {
+const IconGmail = () => {
   return /*#__PURE__*/_jsxs("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 46 46",
-    version: "1.1",
-    ...props,
-    children: [/*#__PURE__*/_jsxs("defs", {
-      children: [/*#__PURE__*/_jsxs("filter", {
-        x: "-50%",
-        y: "-50%",
-        width: "200%",
-        height: "200%",
-        filterUnits: "objectBoundingBox",
-        id: "filter-1",
-        children: [/*#__PURE__*/_jsx("feOffset", {
-          dx: "0",
-          dy: "1",
-          in: "SourceAlpha",
-          result: "shadowOffsetOuter1"
-        }), /*#__PURE__*/_jsx("feGaussianBlur", {
-          stdDeviation: "0.5",
-          in: "shadowOffsetOuter1",
-          result: "shadowBlurOuter1"
-        }), /*#__PURE__*/_jsx("feColorMatrix", {
-          values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",
-          in: "shadowBlurOuter1",
-          type: "matrix",
-          result: "shadowMatrixOuter1"
-        }), /*#__PURE__*/_jsx("feOffset", {
-          dx: "0",
-          dy: "0",
-          in: "SourceAlpha",
-          result: "shadowOffsetOuter2"
-        }), /*#__PURE__*/_jsx("feGaussianBlur", {
-          stdDeviation: "0.5",
-          in: "shadowOffsetOuter2",
-          result: "shadowBlurOuter2"
-        }), /*#__PURE__*/_jsx("feColorMatrix", {
-          values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",
-          in: "shadowBlurOuter2",
-          type: "matrix",
-          result: "shadowMatrixOuter2"
-        }), /*#__PURE__*/_jsxs("feMerge", {
-          children: [/*#__PURE__*/_jsx("feMergeNode", {
-            in: "shadowMatrixOuter1"
-          }), /*#__PURE__*/_jsx("feMergeNode", {
-            in: "shadowMatrixOuter2"
-          }), /*#__PURE__*/_jsx("feMergeNode", {
-            in: "SourceGraphic"
-          })]
-        })]
-      }), /*#__PURE__*/_jsx("rect", {
-        id: "path-2",
-        x: "0",
-        y: "0",
-        width: "40",
-        height: "40",
-        rx: "2"
-      })]
-    }), /*#__PURE__*/_jsxs("g", {
-      id: "Google-Button",
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: [/*#__PURE__*/_jsx("g", {
-        id: "9-PATCH",
-        transform: "translate(-608.000000, -160.000000)"
-      }), /*#__PURE__*/_jsxs("g", {
-        id: "btn_google_light_normal",
-        transform: "translate(-1.000000, -1.000000)",
-        children: [/*#__PURE__*/_jsx("g", {
-          id: "button",
-          transform: "translate(4.000000, 4.000000)",
-          filter: "url(#filter-1)",
-          children: /*#__PURE__*/_jsxs("g", {
-            id: "button-bg",
-            children: [/*#__PURE__*/_jsx("use", {
-              fill: "#FFFFFF",
-              fillRule: "evenodd"
-            }), /*#__PURE__*/_jsx("use", {
-              fill: "none"
-            }), /*#__PURE__*/_jsx("use", {
-              fill: "none"
-            }), /*#__PURE__*/_jsx("use", {
-              fill: "none"
-            })]
-          })
-        }), /*#__PURE__*/_jsxs("g", {
-          id: "logo_googleg_48dp",
-          transform: "translate(15.000000, 15.000000)",
-          children: [/*#__PURE__*/_jsx("path", {
-            d: "M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",
-            id: "Shape",
-            fill: "#4285F4"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",
-            id: "Shape",
-            fill: "#34A853"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",
-            id: "Shape",
-            fill: "#FBBC05"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",
-            id: "Shape",
-            fill: "#EA4335"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M0,0 L18,0 L18,18 L0,18 L0,0 Z",
-            id: "Shape"
-          })]
-        }), /*#__PURE__*/_jsx("g", {
-          id: "handles_square"
-        })]
-      })]
+    children: [/*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M17.64 9.20456C17.64 8.56637 17.5827 7.95274 17.4764 7.36365H9V10.845H13.8436C13.635 11.97 13.0009 12.9232 12.0477 13.5614V15.8196H14.9564C16.6582 14.2527 17.64 11.9455 17.64 9.20456V9.20456Z",
+      fill: "#4285F4"
+    }), /*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M9 18C11.43 18 13.4673 17.1941 14.9564 15.8195L12.0477 13.5614C11.2418 14.1014 10.2109 14.4204 9 14.4204C6.65591 14.4204 4.67182 12.8373 3.96409 10.71H0.957275V13.0418C2.43818 15.9832 5.48182 18 9 18V18Z",
+      fill: "#34A853"
+    }), /*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M3.96409 10.71C3.78409 10.17 3.68182 9.59319 3.68182 9.00001C3.68182 8.40683 3.78409 7.83001 3.96409 7.29001V4.95819H0.957273C0.347727 6.17319 0 7.54774 0 9.00001C0 10.4523 0.347727 11.8268 0.957273 13.0418L3.96409 10.71V10.71Z",
+      fill: "#FBBC05"
+    }), /*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M9 3.57955C10.3214 3.57955 11.5077 4.03364 12.4405 4.92545L15.0218 2.34409C13.4632 0.891818 11.4259 0 9 0C5.48182 0 2.43818 2.01682 0.957275 4.95818L3.96409 7.29C4.67182 5.16273 6.65591 3.57955 9 3.57955V3.57955Z",
+      fill: "#EA4335"
     })]
   });
 };
 
-export default withIcon('IconGmail')(IconGmail);
+export default IconGmail;

package/esm/index.d.js

@@ -0,0 +1,2 @@
+/// <reference types="@emotion/react/types/css-prop" />
+import '@emotion/react';

package/esm/layout/Menu/MenuBottom/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Wrapper, CollapseIconWrapper } from './styles';
+import IconChevronLeft from '../../../icons/General/IconChevronLeft';
+import { useTheme } from '@emotion/react';
+import Text from '../../../core/Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const MenuBottom = ({
+  open,
+  lightTheme,
+  label,
+  onMenuToggle
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    open: open,
+    children: [/*#__PURE__*/_jsx(CollapseIconWrapper, {
+      open: open,
+      lightTheme: lightTheme,
+      theme: theme,
+      onClick: () => onMenuToggle && onMenuToggle(!open),
+      "data-tracking-name": "Sidemenu",
+      "data-tracking-event": 'Menu toggle: ' + (open ? 'collapse' : 'expand'),
+      children: /*#__PURE__*/_jsx(IconChevronLeft, {
+        size: "9px",
+        color: lightTheme ? theme.primary : 'white'
+      })
+    }), open && /*#__PURE__*/_jsx(Text, {
+      color: "#7C899E",
+      size: "10px",
+      children: label
+    })]
+  });
+};
+
+export default MenuBottom;

package/esm/layout/Menu/MenuBottom/styles.js

@@ -0,0 +1,15 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1skx5wu1"
+} : {
+  target: "e1skx5wu1",
+  label: "Wrapper"
+})(props => /*#__PURE__*/css("position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;}@media screen and (max-width: ", bp.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgJiA+IHNwYW4ge1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgJiA+IHNwYW4ge1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
+export const CollapseIconWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1skx5wu0"
+} : {
+  target: "e1skx5wu0",
+  label: "CollapseIconWrapper"
+})(props => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseIconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMWVtJyA6ICdjYWxjKDFlbSArIDEzcHgpJ307XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICYgPiBzcGFuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMWVtJyA6ICdjYWxjKDFlbSArIDEzcHgpJ307XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICYgPiBzcGFuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XG4gICAgfVxuICBgXG4pXG4iXX0= */");

package/lib/core/GoogleButton/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    onClick: () => void;
+}
+declare const GoogleButton: React.FC<IProps>;
+export default GoogleButton;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/GoogleButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAOlC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/GoogleButton/index.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import IconGmail from '../../icons/Logos/IconGmail';
+import { GButton } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const GoogleButton = ({
+  onClick
+}) => {
+  return /*#__PURE__*/_jsxs(GButton, {
+    onClick: onClick,
+    children: [/*#__PURE__*/_jsx(IconGmail, {}), "Logg p\xE5 med Google"]
+  });
+};
+
+export default GoogleButton;

package/lib/core/GoogleButton/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const GButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/GoogleButton/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/GoogleButton/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,OAAO;;;qHAuBnB,CAAA"}

package/lib/core/GoogleButton/styles.js

@@ -0,0 +1,18 @@
+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 GButton = _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1tm3r460"
+} : {
+  target: "e1tm3r460",
+  label: "GButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1wexes1",
+  styles: "display:grid;grid-template-columns:18px 1fr;grid-column-gap:24px;border:none;background-color:white;padding:11px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.12),0px 2px 2px rgba(0, 0, 0, 0.24);border-radius:2px;color:rgba(0, 0, 0, 0.54);font-family:'Roboto';font-weight:500;font-size:14px;cursor:pointer;align-items:center;&:focus{outline-color:rgba(66, 133, 244, 0.3);}&:active{background-color:#eeeeee;}"
+} : {
+  name: "1wexes1",
+  styles: "display:grid;grid-template-columns:18px 1fr;grid-column-gap:24px;border:none;background-color:white;padding:11px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.12),0px 2px 2px rgba(0, 0, 0, 0.24);border-radius:2px;color:rgba(0, 0, 0, 0.54);font-family:'Roboto';font-weight:500;font-size:14px;cursor:pointer;align-items:center;&:focus{outline-color:rgba(66, 133, 244, 0.3);}&:active{background-color:#eeeeee;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0dvb2dsZUJ1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0dvb2dsZUJ1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEdCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE4cHggMWZyO1xuICBncmlkLWNvbHVtbi1nYXA6IDI0cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDExcHg7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4xMiksIDBweCAycHggMnB4IHJnYmEoMCwgMCwgMCwgMC4yNCk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NCk7XG4gIGZvbnQtZmFtaWx5OiAnUm9ib3RvJztcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZS1jb2xvcjogcmdiYSg2NiwgMTMzLCAyNDQsIDAuMyk7XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/core/Header/index.d.ts

@@ -11,6 +11,8 @@ interface IProps {
     secondary?: boolean;
     /** Gives the text dark secondary color */
     dark?: boolean;
+    /** Add classname */
+    className?: string;
 }
 declare const Header: React.FC<IProps>;
 export default Header;

package/lib/core/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0B5B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Header/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,8BAA8B;IAC9B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4B5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/core/Header/index.js

@@ -9,11 +9,13 @@ const Header = ({
   primary,
   secondary,
   dark,
-  children
+  children,
+  className
 }) => {
   const Tag = `h${level}`;
   return _jsx(Tag, {
     css: theme => [styles.default(theme, color), level === 1 && styles.h1, level === 2 && styles.h2, level === 3 && styles.h3, level === 4 && styles.h4, level === 5 && styles.h5, primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), dark && styles.setColor(theme.secondaryDarkText)],
+    className: className,
     children: children
   });
 };

package/lib/core/TabNav/TabNavItem/index.d.ts

@@ -8,7 +8,7 @@ export interface IProps {
     trackingEvent?: string;
     /** Add a data-tracking-name attribute. */
     trackingName?: string;
-    /** Add a classname tag  */
+    /** Add a classname  */
     className?: string;
 }
 declare const TabNavItem: React.FC<IProps>;

package/lib/core/TabNav/TabNavItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAK5D,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiChC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAK5D,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiChC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}

package/lib/hooks/useScreenOrientation.d.ts

@@ -1,3 +1,3 @@
-export declare const useScreenOrientation: () => "landscape-primary" | "landscape-secondary" | "portrait-primary" | "portrait-secondary";
+export declare const useScreenOrientation: () => "portrait-primary" | "landscape-primary" | "landscape-secondary" | "portrait-secondary";
 export default useScreenOrientation;
 //# sourceMappingURL=useScreenOrientation.d.ts.map

package/lib/icons/Logos/IconGmail.d.ts

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

package/lib/icons/Logos/IconGmail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconGmail.d.ts","sourceRoot":"","sources":["../../../src/packages/icons/Logos/IconGmail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AAoHzB,wBAA+C"}
+{"version":3,"file":"IconGmail.d.ts","sourceRoot":"","sources":["../../../src/packages/icons/Logos/IconGmail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAmCtB,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/icons/Logos/IconGmail.js

@@ -1,125 +1,36 @@
 import React from 'react';
-import withIcon from '../withIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
-const IconGmail = props => {
+const IconGmail = () => {
   return /*#__PURE__*/_jsxs("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 46 46",
-    version: "1.1",
-    ...props,
-    children: [/*#__PURE__*/_jsxs("defs", {
-      children: [/*#__PURE__*/_jsxs("filter", {
-        x: "-50%",
-        y: "-50%",
-        width: "200%",
-        height: "200%",
-        filterUnits: "objectBoundingBox",
-        id: "filter-1",
-        children: [/*#__PURE__*/_jsx("feOffset", {
-          dx: "0",
-          dy: "1",
-          in: "SourceAlpha",
-          result: "shadowOffsetOuter1"
-        }), /*#__PURE__*/_jsx("feGaussianBlur", {
-          stdDeviation: "0.5",
-          in: "shadowOffsetOuter1",
-          result: "shadowBlurOuter1"
-        }), /*#__PURE__*/_jsx("feColorMatrix", {
-          values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.168 0",
-          in: "shadowBlurOuter1",
-          type: "matrix",
-          result: "shadowMatrixOuter1"
-        }), /*#__PURE__*/_jsx("feOffset", {
-          dx: "0",
-          dy: "0",
-          in: "SourceAlpha",
-          result: "shadowOffsetOuter2"
-        }), /*#__PURE__*/_jsx("feGaussianBlur", {
-          stdDeviation: "0.5",
-          in: "shadowOffsetOuter2",
-          result: "shadowBlurOuter2"
-        }), /*#__PURE__*/_jsx("feColorMatrix", {
-          values: "0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.084 0",
-          in: "shadowBlurOuter2",
-          type: "matrix",
-          result: "shadowMatrixOuter2"
-        }), /*#__PURE__*/_jsxs("feMerge", {
-          children: [/*#__PURE__*/_jsx("feMergeNode", {
-            in: "shadowMatrixOuter1"
-          }), /*#__PURE__*/_jsx("feMergeNode", {
-            in: "shadowMatrixOuter2"
-          }), /*#__PURE__*/_jsx("feMergeNode", {
-            in: "SourceGraphic"
-          })]
-        })]
-      }), /*#__PURE__*/_jsx("rect", {
-        id: "path-2",
-        x: "0",
-        y: "0",
-        width: "40",
-        height: "40",
-        rx: "2"
-      })]
-    }), /*#__PURE__*/_jsxs("g", {
-      id: "Google-Button",
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: [/*#__PURE__*/_jsx("g", {
-        id: "9-PATCH",
-        transform: "translate(-608.000000, -160.000000)"
-      }), /*#__PURE__*/_jsxs("g", {
-        id: "btn_google_light_normal",
-        transform: "translate(-1.000000, -1.000000)",
-        children: [/*#__PURE__*/_jsx("g", {
-          id: "button",
-          transform: "translate(4.000000, 4.000000)",
-          filter: "url(#filter-1)",
-          children: /*#__PURE__*/_jsxs("g", {
-            id: "button-bg",
-            children: [/*#__PURE__*/_jsx("use", {
-              fill: "#FFFFFF",
-              fillRule: "evenodd"
-            }), /*#__PURE__*/_jsx("use", {
-              fill: "none"
-            }), /*#__PURE__*/_jsx("use", {
-              fill: "none"
-            }), /*#__PURE__*/_jsx("use", {
-              fill: "none"
-            })]
-          })
-        }), /*#__PURE__*/_jsxs("g", {
-          id: "logo_googleg_48dp",
-          transform: "translate(15.000000, 15.000000)",
-          children: [/*#__PURE__*/_jsx("path", {
-            d: "M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z",
-            id: "Shape",
-            fill: "#4285F4"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z",
-            id: "Shape",
-            fill: "#34A853"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z",
-            id: "Shape",
-            fill: "#FBBC05"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z",
-            id: "Shape",
-            fill: "#EA4335"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M0,0 L18,0 L18,18 L0,18 L0,0 Z",
-            id: "Shape"
-          })]
-        }), /*#__PURE__*/_jsx("g", {
-          id: "handles_square"
-        })]
-      })]
+    children: [/*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M17.64 9.20456C17.64 8.56637 17.5827 7.95274 17.4764 7.36365H9V10.845H13.8436C13.635 11.97 13.0009 12.9232 12.0477 13.5614V15.8196H14.9564C16.6582 14.2527 17.64 11.9455 17.64 9.20456V9.20456Z",
+      fill: "#4285F4"
+    }), /*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M9 18C11.43 18 13.4673 17.1941 14.9564 15.8195L12.0477 13.5614C11.2418 14.1014 10.2109 14.4204 9 14.4204C6.65591 14.4204 4.67182 12.8373 3.96409 10.71H0.957275V13.0418C2.43818 15.9832 5.48182 18 9 18V18Z",
+      fill: "#34A853"
+    }), /*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M3.96409 10.71C3.78409 10.17 3.68182 9.59319 3.68182 9.00001C3.68182 8.40683 3.78409 7.83001 3.96409 7.29001V4.95819H0.957273C0.347727 6.17319 0 7.54774 0 9.00001C0 10.4523 0.347727 11.8268 0.957273 13.0418L3.96409 10.71V10.71Z",
+      fill: "#FBBC05"
+    }), /*#__PURE__*/_jsx("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M9 3.57955C10.3214 3.57955 11.5077 4.03364 12.4405 4.92545L15.0218 2.34409C13.4632 0.891818 11.4259 0 9 0C5.48182 0 2.43818 2.01682 0.957275 4.95818L3.96409 7.29C4.67182 5.16273 6.65591 3.57955 9 3.57955V3.57955Z",
+      fill: "#EA4335"
     })]
   });
 };
 
-export default withIcon('IconGmail')(IconGmail);
+export default IconGmail;

package/lib/index.d.js

@@ -0,0 +1,2 @@
+/// <reference types="@emotion/react/types/css-prop" />
+import '@emotion/react';

package/lib/layout/Menu/MenuBottom/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface IProps {
+    /** Set to true if menu is not collapsed */
+    open: boolean;
+    /** Sets colors to a lighter theme */
+    lightTheme?: boolean;
+    /** Text to be displayed */
+    label: string;
+    /** CB fired onn toggle button click */
+    onMenuToggle?: (open: boolean) => void;
+}
+declare const MenuBottom: React.FC<IProps>;
+export default MenuBottom;
+//# sourceMappingURL=index.d.ts.map

package/lib/layout/Menu/MenuBottom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuBottom/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,UAAU,MAAM;IACd,2CAA2C;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAM,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8BhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/layout/Menu/MenuBottom/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Wrapper, CollapseIconWrapper } from './styles';
+import IconChevronLeft from '../../../icons/General/IconChevronLeft';
+import { useTheme } from '@emotion/react';
+import Text from '../../../core/Text';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const MenuBottom = ({
+  open,
+  lightTheme,
+  label,
+  onMenuToggle
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    open: open,
+    children: [/*#__PURE__*/_jsx(CollapseIconWrapper, {
+      open: open,
+      lightTheme: lightTheme,
+      theme: theme,
+      onClick: () => onMenuToggle && onMenuToggle(!open),
+      "data-tracking-name": "Sidemenu",
+      "data-tracking-event": 'Menu toggle: ' + (open ? 'collapse' : 'expand'),
+      children: /*#__PURE__*/_jsx(IconChevronLeft, {
+        size: "9px",
+        color: lightTheme ? theme.primary : 'white'
+      })
+    }), open && /*#__PURE__*/_jsx(Text, {
+      color: "#7C899E",
+      size: "10px",
+      children: label
+    })]
+  });
+};
+
+export default MenuBottom;

package/lib/layout/Menu/MenuBottom/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CollapseIconWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Menu/MenuBottom/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuBottom/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,uJAyBnB,CAAA;AAED,eAAO,MAAM,mBAAmB,mKA0B/B,CAAA"}

package/lib/layout/Menu/MenuBottom/styles.js

@@ -0,0 +1,15 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@emotion/react';
+import bp from '../../../globals/styles/breakpoints';
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1skx5wu1"
+} : {
+  target: "e1skx5wu1",
+  label: "Wrapper"
+})(props => /*#__PURE__*/css("position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;}@media screen and (max-width: ", bp.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgJiA+IHNwYW4ge1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgJiA+IHNwYW4ge1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
+export const CollapseIconWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1skx5wu0"
+} : {
+  target: "e1skx5wu0",
+  label: "CollapseIconWrapper"
+})(props => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseIconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMWVtJyA6ICdjYWxjKDFlbSArIDEzcHgpJ307XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICYgPiBzcGFuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMWVtJyA6ICdjYWxjKDFlbSArIDEzcHgpJ307XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICYgPiBzcGFuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XG4gICAgfVxuICBgXG4pXG4iXX0= */");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.2.137",
+  "version": "2.2.140",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",