@bbl-digital/snorre 3.0.50 → 3.0.52

package/dist/bundle.js

@@ -30638,7 +30638,9 @@
 
   const DEFAULT_DIVIDER = ':';
   const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
+  const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
   const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
+  const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 
   const formatTimeItem = value => {
     return `${value || ''}00`.substr(0, 2);
@@ -30782,6 +30784,8 @@
     onBlur
   }) => {
     // Static fields
+    const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
+
     const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
 
     const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
@@ -30790,7 +30794,7 @@
 
     const _isDate = type === 'date';
 
-    let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+    let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
     const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
     const [inputStateValue, setInputStateValue] = React.useState(validatedTime); // Loads of logic to handle string input with divider
 
@@ -30873,11 +30877,11 @@
         children: label
       }), jsxRuntime$1.jsx("input", {
         type: "text",
-        value: inputStateValue,
+        value: value === null ? _defaultNullableValue : inputStateValue,
         disabled: disabled,
         autoFocus: autoFocus,
         css: theme => [disabled && styles$7.disabled(theme), css && css],
-        onChange: event => onInputChange(event, v => onChange && onChange(v)),
+        onChange: event => onInputChange(event, v => onChange?.(v)),
         onBlur: onBlur,
         onFocus: handleFocus
       }), invalidMessage && jsxRuntime$1.jsx(IconErrorOutline$1, {

package/esm/core/Autocomplete/index.d.js

@@ -0,0 +1 @@
+export {};

package/esm/core/DatepickerRange/YearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

package/esm/core/Timepicker/index.js

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React, { useState } from 'react';
 import { IconErrorOutline } from '../..';
-import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_SHORT, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
+import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
 import styles, { ErrorMessage, Label } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -23,6 +23,8 @@ const TimePicker = ({
   onBlur
 }) => {
   // Static fields
+  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
+
   const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
@@ -31,7 +33,7 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
   const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
 
@@ -114,11 +116,11 @@ const TimePicker = ({
       children: label
     }), _jsx("input", {
       type: "text",
-      value: inputStateValue,
+      value: value === null ? _defaultNullableValue : inputStateValue,
       disabled: disabled,
       autoFocus: autoFocus,
       css: theme => [disabled && styles.disabled(theme), css && css],
-      onChange: event => onInputChange(event, v => onChange && onChange(v)),
+      onChange: event => onInputChange(event, v => onChange?.(v)),
       onBlur: onBlur,
       onFocus: handleFocus
     }), invalidMessage && _jsx(IconErrorOutline, {

package/esm/utils/time.js

@@ -1,6 +1,8 @@
 export const DEFAULT_DIVIDER = ':';
 export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 
 const formatTimeItem = value => {
   return `${value || ''}00`.substr(0, 2);

package/lib/core/Autocomplete/index.d.js

@@ -0,0 +1 @@
+export {};

package/lib/core/Datepicker/yearMonthForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"yearMonthForm.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/yearMonthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqDnC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"yearMonthForm.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/yearMonthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmDnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/DatepickerRange/YearMonthForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    date: Date;
+    onChange: (e: Date) => void;
+    fromDate: Date;
+    toDate: Date;
+}
+declare const YearMonthForm: React.FC<IProps>;
+export default YearMonthForm;
+//# sourceMappingURL=YearMonthForm.d.ts.map

package/lib/core/DatepickerRange/YearMonthForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearMonthForm.d.ts","sourceRoot":"","sources":["../../../src/packages/core/DatepickerRange/YearMonthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmDnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/DatepickerRange/YearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

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

@@ -6,7 +6,7 @@ interface IProps {
     /** Input label */
     label?: string;
     /** Default value. */
-    value: string | Date;
+    value: string | Date | null;
     /** Callback fired when the value changes. */
     onChange: OnChangeType;
     /** Callback fired on input blur. */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0LhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAepD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+LhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React, { useState } from 'react';
 import { IconErrorOutline } from '../..';
-import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_SHORT, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
+import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
 import styles, { ErrorMessage, Label } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -23,6 +23,8 @@ const TimePicker = ({
   onBlur
 }) => {
   // Static fields
+  const _defaultNullableValue = showSeconds ? DEFAULT_VALUE_FULL_NULLABLE : DEFAULT_VALUE_SHORT_NULLABLE;
+
   const _defaultValue = showSeconds ? DEFAULT_VALUE_FULL : DEFAULT_VALUE_SHORT;
 
   const _defaultWidth = width ? width : showSeconds ? '58px' : '35px';
@@ -31,7 +33,7 @@ const TimePicker = ({
 
   const _isDate = type === 'date';
 
-  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value;
+  let valueToUse = _isDate ? handleDateToStringConvertion(value, showSeconds) : value !== null ? value : '';
   const [validatedTime] = validateTimeAndCursor(showSeconds, valueToUse, _defaultValue, _divider);
   const [inputStateValue, setInputStateValue] = useState(validatedTime); // Loads of logic to handle string input with divider
 
@@ -114,11 +116,11 @@ const TimePicker = ({
       children: label
     }), _jsx("input", {
       type: "text",
-      value: inputStateValue,
+      value: value === null ? _defaultNullableValue : inputStateValue,
       disabled: disabled,
       autoFocus: autoFocus,
       css: theme => [disabled && styles.disabled(theme), css && css],
-      onChange: event => onInputChange(event, v => onChange && onChange(v)),
+      onChange: event => onInputChange(event, v => onChange?.(v)),
       onBlur: onBlur,
       onFocus: handleFocus
     }), invalidMessage && _jsx(IconErrorOutline, {

package/lib/utils/time.d.ts

@@ -1,6 +1,8 @@
 export declare const DEFAULT_DIVIDER = ":";
 export declare const DEFAULT_VALUE_SHORT: string;
+export declare const DEFAULT_VALUE_SHORT_NULLABLE: string;
 export declare const DEFAULT_VALUE_FULL: string;
+export declare const DEFAULT_VALUE_FULL_NULLABLE: string;
 /**
  * Checks if input is a number
  */

package/lib/utils/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/packages/utils/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,mBAAmB,QAA2B,CAAA;AAC3D,eAAO,MAAM,kBAAkB,QAA+C,CAAA;AAM9E;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,+GAM/B,CAAC,MAAM,EAAE,MAAM,CAwCjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,SACjC,IAAI,wCAET,MAUF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAChC,MAAM,sCAEZ,IASF,CAAA"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/packages/utils/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,mBAAmB,QAA2B,CAAA;AAC3D,eAAO,MAAM,4BAA4B,QAA2B,CAAA;AACpE,eAAO,MAAM,kBAAkB,QAA+C,CAAA;AAC9E,eAAO,MAAM,2BAA2B,QAA+C,CAAA;AAMvF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,+GAM/B,CAAC,MAAM,EAAE,MAAM,CAwCjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,SACjC,IAAI,wCAET,MAUF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAChC,MAAM,sCAEZ,IASF,CAAA"}

package/lib/utils/time.js

@@ -1,6 +1,8 @@
 export const DEFAULT_DIVIDER = ':';
 export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_FULL_NULLABLE = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
 
 const formatTimeItem = value => {
   return `${value || ''}00`.substr(0, 2);

package/package.json

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

package/esm/index.d.js

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

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

@@ -1,37 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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/index.d.js

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

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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-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

@@ -1,4 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-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= */");