@bbl-digital/snorre 4.0.0-beta.1 → 4.0.0-beta.11

package/lib/utils/image.js

@@ -1,12 +1,9 @@
 const convertBlobToObjectUrl = blob => {
   let url = '';
   const urlCreator = window.URL || window.webkitURL;
-
   if (blob) {
     url = urlCreator.createObjectURL(blob);
   }
-
   return url;
 };
-
 export { convertBlobToObjectUrl };

package/lib/utils/pagination.js

@@ -3,24 +3,19 @@ const getCurrentPage = (take, skip) => {
   if (skip === 0) return 1;
   return Math.floor(skip / take + 1);
 };
-
 const getSkippedItems = (pageNumber, take) => {
   if (pageNumber === undefined || take === undefined) return NaN;
   return (pageNumber - 1) * take;
 };
-
 const getHasPreviousPages = (currentPage, totalPages) => {
   return currentPage > 3 && totalPages > 5;
 };
-
 const getHasMorePages = (currentPage, totalPages) => {
   return currentPage < totalPages - 2 && totalPages > 5;
 };
-
 const getFirstButtonIndex = (currentPage, totalPages) => {
   if (totalPages <= 5 || currentPage <= 3) return 0;
   if (totalPages - currentPage <= 2) return totalPages - 5;
   return currentPage - 3;
 };
-
 export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex };

package/lib/utils/phone.js

@@ -1,38 +1,33 @@
 const formatBusinessOrMobilePhone = phone => {
   // check with match if number starts with 4 or 9
   const isMobilePhone = phone.match(/^(4|9)(\d{7})$/);
-
   if (isMobilePhone) {
-    const [, prefix, numb] = isMobilePhone; // Mobile phone formatting 999 88 777
-
+    const [, prefix, numb] = isMobilePhone;
+    // Mobile phone formatting 999 88 777
     return `${prefix}${numb.slice(0, 2)} ${numb.slice(2, 4)} ${numb.slice(4, 7)}`;
-  } // Business formatting 11 22 33 44
-
+  }
 
+  // Business formatting 11 22 33 44
   return `${phone.slice(0, 2)} ${phone.slice(2, 4)} ${phone.slice(4, 6)} ${phone.slice(6, 8)}`;
 };
-
 const getFormatedPhone = phone => {
-  const cleaned = String(phone).replace(/ /g, ''); // Check if phone starts with 0047
+  const cleaned = String(phone).replace(/ /g, '');
 
+  // Check if phone starts with 0047
   const zeros = cleaned.match(/^(0047|\+47)(\d{8})$/);
-
   if (zeros) {
     const [, prefix, numb] = zeros;
     return `${prefix} ${formatBusinessOrMobilePhone(numb)}`;
-  } // Check if phone starts with +47
-
+  }
 
+  // Check if phone starts with +47
   let plus = cleaned.match(/^(\+47)(\d{3})(\d{2})(\d{3})$/);
-
   if (plus) {
     const [, prefix, numb] = plus;
     return `${prefix} ${formatBusinessOrMobilePhone(numb)}`;
   }
-
   if (cleaned.length === 8) return formatBusinessOrMobilePhone(cleaned);
   if (!phone) return 'Ikke angitt';
   return cleaned;
 };
-
 export { getFormatedPhone };

package/lib/utils/time.js

@@ -3,32 +3,29 @@ 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 = `--${DEFAULT_DIVIDER}--${DEFAULT_DIVIDER}--`;
-
 const formatTimeItem = (value, isNullable = false) => {
   return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
+
 /**
  * Checks if input is a number
  */
-
-
 export function isNumber(value) {
   const number = Number(value);
   return !isNaN(number) && String(value) === String(number);
 }
+
 /**
  * Validates time to keep the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  *
  * The function also keeps track of the cursor position
  */
-
 export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
   const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
   let newCursorPosition = Number(cursorPosition);
   let [HH, MM, SS] = String(value).split(divider);
   HH = formatTimeItem(HH, isNullable);
-
   if (Number(HH[0]) > 2) {
     HH = oldHH;
     newCursorPosition -= 1;
@@ -40,31 +37,26 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
       HH = '23';
     }
   }
-
   MM = formatTimeItem(MM, isNullable);
-
   if (Number(MM[0]) > 5) {
     MM = oldMM;
     newCursorPosition -= 1;
   }
-
   if (showSeconds) {
     SS = formatTimeItem(SS, isNullable);
-
     if (Number(SS[0]) > 5) {
       SS = oldSS;
       newCursorPosition -= 1;
     }
   }
-
   const validatedValue = showSeconds ? `${HH}${divider}${MM}${divider}${SS}` : `${HH}${divider}${MM}`;
   return [validatedValue, newCursorPosition];
 };
+
 /**
  * Converts a Date to String with the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  */
-
 export const handleDateToStringConvertion = (date, showSeconds) => {
   const d = new Date(date);
   const hours = d.getHours().toString().padStart(2, '0');
@@ -72,12 +64,12 @@ export const handleDateToStringConvertion = (date, showSeconds) => {
   const seconds = d.getSeconds().toString().padStart(2, '0');
   return `${hours}${DEFAULT_DIVIDER}${minutes}${showSeconds ? `${DEFAULT_DIVIDER}${seconds}` : ''}`;
 };
+
 /**
  * Converts a String to Date with the format:
  * If value is formatted as 00:00:00 it will return the date with chosen seconds
  * If value is formatted as 00:00 it will return the date with seconds set to 00
  */
-
 export const handleStringToDateConvertion = (value, originalDate) => {
   const [hours, minutes, seconds] = value.split(DEFAULT_DIVIDER);
   const date = originalDate || new Date(0, 0, 0);
@@ -96,10 +88,8 @@ export const getTimeFromHours = hours => {
 };
 export const getTimeStringFromHours = hours => {
   const time = getTimeFromHours(hours);
-
   if (time.days) {
     return `${time.days} dag${time.days > 1 ? 'er' : ''} og ${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
   }
-
   return `${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
 };

package/lib/utils/url.js

@@ -1,7 +1,6 @@
 const getDomainFromUrl = url => {
   return url.replace(/^(?:https?:\/\/)?(?:www\.)?/i, '').split('/')[0];
 };
-
 const getUrlWithProtocol = url => {
   if (url.startsWith('http') || url.startsWith('//')) {
     return url;
@@ -9,5 +8,4 @@ const getUrlWithProtocol = url => {
     return 'https://' + url;
   }
 };
-
 export { getDomainFromUrl, getUrlWithProtocol };

package/lib/utils/useSnorreTheme.js

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import { initTheme } from '../app-shell/theme';
-
 const useSnorreTheme = ({
   themeUrl,
   defaultTextColor
@@ -18,7 +17,6 @@ const useSnorreTheme = ({
       setTheme(p);
       setGlobals(g);
     };
-
     getTheme(themeUrl);
   }, [themeUrl]);
   useEffect(() => {
@@ -30,5 +28,4 @@ const useSnorreTheme = ({
     globals
   };
 };
-
 export default useSnorreTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.11",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -21,18 +21,17 @@
   "dependencies": {
     "@popperjs/core": "^2.11.5",
     "@tinymce/tinymce-react": "^3.14.0",
-    "@types/react-test-renderer": "^18.0.0",
     "date-fns": "^2.29.3",
     "focus-trap-react": "^10.0.0",
     "match-sorter": "^6.3.1",
-    "mdx-state": "^0.0.4",
     "react-aria": "^3.23.0",
     "react-beautiful-dnd": "^13.1.0",
     "react-day-picker": "^8.3.4",
     "react-images-uploading": "^3.1.7",
     "react-stately": "^3.21.0",
     "react-test-renderer": "^18.2.0",
-    "recharts": "2.1.16"
+    "recharts": "2.1.16",
+    "vite": "^4.3.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
@@ -44,10 +43,10 @@
   "scripts": {
     "prettier": "prettier --write src/**/*.{js,ts,tsx}",
     "prettier:check": "prettier --list-different src/**/*.{js,ts,tsx}",
-    "storybook": "start-storybook -p 9009",
+    "storybook": "storybook dev -p 9009",
     "start": "yarn storybook",
     "theme": "node ./theme-generator.js",
-    "build-storybook": "build-storybook NODE_OPTIONS=--openssl-legacy-provider ",
+    "build-storybook": "storybook build NODE_OPTIONS=--openssl-legacy-provider ",
     "build": "yarn run build:cjs && yarn run build:esm && yarn run build:umd && yarn run build:tsc",
     "build:tsc": "tsc -p ./src/packages/tsconfig.json",
     "build:cjs": "babel --extensions .ts,.tsx ./src/packages --out-dir ./lib",
@@ -57,7 +56,8 @@
     "test:watch": "jest --watch",
     "npm-publish": "npm version patch && yarn run build && yarn run build:tsc && npm publish && git push",
     "npm-publish-minor": "npm version minor && yarn run build && yarn run build:tsc && npm publish && git push",
-    "npm-publish-major": "npm version major && yarn run build && yarn run build:tsc && npm publish && git push"
+    "npm-publish-major": "npm version major && yarn run build && yarn run build:tsc && npm publish && git push",
+    "npm-publish-current-version": "yarn run build && yarn run build:tsc && npm publish && git push"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.10",
@@ -69,14 +69,17 @@
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@rollup/plugin-commonjs": "^20.0.0",
-    "@storybook/addon-a11y": "6.5.12",
-    "@storybook/addon-actions": "6.5.12",
-    "@storybook/addon-docs": "6.5.12",
-    "@storybook/addon-knobs": "^6.4.0",
-    "@storybook/addon-links": "6.5.12",
-    "@storybook/addons": "6.5.12",
+    "@storybook/addon-a11y": "7.0.12",
+    "@storybook/addon-actions": "7.0.12",
+    "@storybook/addon-docs": "7.0.12",
+    "@storybook/addon-essentials": "^7.0.12",
+    "@storybook/addon-links": "7.0.12",
+    "@storybook/addon-mdx-gfm": "7.0.12",
+    "@storybook/addons": "7.0.12",
+    "@storybook/blocks": "^7.0.12",
     "@storybook/preset-create-react-app": "^3.2.0",
-    "@storybook/react": "6.5.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-vite": "^7.0.12",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
@@ -86,22 +89,25 @@
     "@types/react": "^18.0.21",
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-dom": "^18.0.6",
+    "@types/react-test-renderer": "^18.0.0",
     "@types/react-transition-group": "^4.4.5",
     "@types/recharts": "^1.8.23",
+    "@vitejs/plugin-react-swc": "^3.3.1",
     "babel-loader": "^8.2.5",
     "body-scroll-lock": "^3.1.5",
     "husky": "^4.2.5",
     "jest": "^27.0.4",
     "lint-staged": "^11.0.0",
+    "mdx-state": "^0.0.4",
     "prettier": "^2.3.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "react-popper": "^2.3.0",
-    "react-scripts": "^4.0.3",
     "react-transition-group": "^4.4.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.75.7",
+    "storybook": "7.0.12",
     "storybook-addon-emotion-theme": "^2.1.1",
     "ts-jest": "^27.0.3",
     "typescript": "4.3.4"

package/theme-bbls.js

@@ -309,6 +309,7 @@ module.exports = [
       secondary: '#D24448',
       alpha: '0.04',
       secondaryFooter: true,
+      btnDefault: '#343e3e',
       submenuColor: '#F5F2EB',
       submenuItemColor: 'white',
       submenuTextColor: 'rgba(0, 0, 0, 0.7)',
@@ -323,14 +324,15 @@ module.exports = [
       lightMenuItemActiveBackground: '#343e3e',
       lightMenuItemIconColor: '#fcf1d3',
       lightMenuExternalLinkColor: 'white',
-      lightAppPickerBackground: 'transparent',
-      lightAppPickerIconColor: 'white',
+      lightAppPickerBackground: 'rgba(255, 255, 255, 0.3)',
+      lightAppPickerIconColor: '#343e3e',
       lightAppPickerIconBackground: 'transparent',
       lightAppPickerActiveTextColor: 'black',
       lightAppPickerActiveBackground: 'white',
       lightAppPickerActiveIconColor: '#343e3e',
       lightAppPickerActiveIconBackground: 'white',
       mypageBoxBorderRadius: '0px',
+      mypageFooterColor: '#ffffff',
       preemptionCardBorderRadius: '0px',
       customGlobalCss: true,
     },

package/theme-generator.js

@@ -50,6 +50,7 @@ const initTheme = (
   lightAppPickerActiveIconBackground,
   mypageBoxBorderRadius,
   mypageBoxShadow,
+  mypageFooterColor,
   preemptionCardBorderRadius,
   btnDefault,
   customGlobalCss = false,
@@ -175,6 +176,7 @@ const initTheme = (
     lightAppPickerIconBackground: lightAppPickerIconBackground
       ? lightAppPickerIconBackground
       : hexifyWithWhiteBackground('rgba(255, 255, 255, 0.7)'),
+    lightAppPickerTextColor: getContrastYIQ(lightMenuBackground || '#ffffff'),
     lightAppPickerActiveTextColor: lightAppPickerActiveTextColor
       ? lightAppPickerActiveTextColor
       : 'black',
@@ -183,7 +185,7 @@ const initTheme = (
       : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
     lightAppPickerActiveIconColor: lightAppPickerActiveIconColor
       ? lightAppPickerActiveIconColor
-      : '#000000',
+      : primary,
     lightAppPickerActiveIconBackground: lightAppPickerActiveIconBackground
       ? lightAppPickerActiveIconBackground
       : '#ffffff',
@@ -206,7 +208,7 @@ const initTheme = (
     /**
      * Sidemenu - Light
      */
-    lightMenuBackground: lightMenuBackground ? lightMenuBackground : 'white',
+    lightMenuBackground: lightMenuBackground ? lightMenuBackground : '#ffffff',
     lightMenuTextColor: lightMenuTextColor ? lightMenuTextColor : 'black',
     lightMenuItemTextColor: lightMenuItemTextColor
       ? lightMenuItemTextColor
@@ -258,6 +260,12 @@ const initTheme = (
       ? mypageBoxShadow
       : '0 0 10px 0 rgba(0, 0, 0, 0.1)',
 
+    mypageFooterColor: mypageFooterColor
+      ? mypageFooterColor
+      : customIllustrationColor
+      ? hexToRGBA(customIllustrationColor, 0.1)
+      : hexToRGBA(primary, 0.1),
+
     customGlobalCss: customGlobalCss,
   }
   return styles
@@ -317,6 +325,7 @@ const updateTheme = (bbl) => {
       b.theme.lightAppPickerActiveIconBackground,
       b.theme.mypageBoxBorderRadius,
       b.theme.mypageBoxShadow,
+      b.theme.mypageFooterColor,
       b.theme.preemptionCardBorderRadius,
       b.theme.btnDefault,
       b.theme.customGlobalCss,
@@ -369,6 +378,7 @@ const updateBbl = (
   lightAppPickerActiveIconBackground,
   mypageBoxBorderRadius,
   mypageBoxShadow,
+  mypageFooterColor,
   preemptionCardBorderRadius,
   btnDefault,
   customGlobalCss,
@@ -419,6 +429,7 @@ const updateBbl = (
       lightAppPickerActiveIconBackground,
       mypageBoxBorderRadius,
       mypageBoxShadow,
+      mypageFooterColor,
       preemptionCardBorderRadius,
       btnDefault,
       customGlobalCss,

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= */");