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

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSnorreTheme.d.ts","sourceRoot":"","sources":["../../src/packages/utils/useSnorreTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAEzD,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,cAAc,mCAAoC,KAAK;;;CAkC5D,CAAA;AACD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"useSnorreTheme.d.ts","sourceRoot":"","sources":["../../src/packages/utils/useSnorreTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAEzD,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,cAAc,mCAAoC,KAAK;;;CAgC5D,CAAA;AACD,eAAe,cAAc,CAAA"}

package/lib/utils/useSnorreTheme.js

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import { initTheme } from '../app-shell/theme';
-
 const useSnorreTheme = ({
   themeUrl,
   defaultTextColor
@@ -9,7 +8,7 @@ const useSnorreTheme = ({
   const [theme, setTheme] = useState();
   const [globals, setGlobals] = useState();
   useEffect(() => {
-    const getThemeStuff = async themeUrl => {
+    const getTheme = async themeUrl => {
       const pstyle = fetch(`${themeUrl}/styles.json`);
       const pglobal = fetch(`${themeUrl}/globals.css`);
       const [styles, global] = await Promise.all([pstyle, pglobal]);
@@ -18,21 +17,15 @@ const useSnorreTheme = ({
       setTheme(p);
       setGlobals(g);
     };
-
-    getThemeStuff(themeUrl);
+    getTheme(themeUrl);
   }, [themeUrl]);
   useEffect(() => {
-    console.log(theme);
-    console.log(globals);
-
-    if (theme) {
-      setAppTheme(initTheme(theme, defaultTextColor));
-    }
+    if (!theme) return;
+    setAppTheme(initTheme(theme, defaultTextColor));
   }, [theme, defaultTextColor]);
   return {
     appTheme,
     globals
   };
 };
-
 export default useSnorreTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.0.0-alpha.7",
+  "version": "4.0.0-beta.10",
   "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",
+    "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

@@ -16,6 +16,7 @@ module.exports = [
       alpha: '0.02',
       secondaryFooter: true,
       sidemenuColor: '#760445',
+      defaultMenuBackground: '#760445',
       submenuColor: '#A50660',
       submenuTextColor: 'rgba(255, 255, 255, 0.8)',
     },
@@ -90,6 +91,7 @@ module.exports = [
       alpha: '0.02',
       secondaryFooter: true,
       sidemenuColor: '#760445',
+      defaultMenuBackground: '#760445',
       submenuColor: '#A50660',
       submenuTextColor: 'rgba(255, 255, 255, 0.8)',
     },
@@ -139,17 +141,32 @@ module.exports = [
     bbl: 'abbl',
     theme: {
       primary: '#de6364',
-      secondary: '#75b474',
+      secondary: '#004933',
       alpha: '0.02',
 
+      customIllustrationColor: '#004933',
+
       secondaryFooter: true,
-      sidemenuColor: '#004933',
-      sidemenuItemColor: '#007f59',
+      defaultMenuBackground: '#004933',
+      defaultMenuItemActiveBackground: '#1A5C48',
+
+      lightMenuItemActiveBackground: '#00493310',
+
+      defaultAppPickerBackground: '#1A5C48',
+      defaultAppPickerActiveBackground: '#FFFFFF',
+      defaultAppPickerActiveIconBackgroundColor: '#FFFFFF',
+
+      lightAppPickerBackground: '#00493310',
+      lightAppPickerActiveBackground: '#00493310',
+      lightAppPickerIconBackground: 'transparent',
+
       submenuColor: '#F5F2EB',
       submenuItemColor: '#75b474',
       submenuTextColor: 'rgba(0, 0, 0, 0.7)',
       submenuTextColorActive: 'black',
       customBgColor: '#FCFBF8',
+
+      customPortalFooterColor: '#004933',
     },
   },
   {
@@ -252,6 +269,8 @@ module.exports = [
       alpha: '0.04',
       sidemenuColor: '#14382A',
       sidemenuItemColor: '#184432',
+      defaultMenuBackground: '#14382A',
+      defaultMenuItemBackground: '#184432',
       submenuColor: '#194432',
       customPortalFooterColor: 'rgb(20, 56, 42)',
       customFooter: '#297154',
@@ -290,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)',
@@ -304,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

@@ -33,6 +33,7 @@ const initTheme = (
   submenuItemColor,
   submenuTextColor,
   submenuTextColorActive,
+  customIllustrationColor,
   defaultAppPickerBackground,
   defaultAppPickerIconColor,
   defaultAppPickerIconBackgroundColor,
@@ -49,11 +50,18 @@ const initTheme = (
   lightAppPickerActiveIconBackground,
   mypageBoxBorderRadius,
   mypageBoxShadow,
+  mypageFooterColor,
   preemptionCardBorderRadius,
   btnDefault,
   customGlobalCss = false,
   secondaryFooter = false
 ) => {
+  const getFooterColor = () => {
+    if (customFooter) return customFooter
+    if (secondaryFooter) return shadeColor(secondary, -50)
+    return shadeColor(primary, -50)
+  }
+
   const styles = {
     primary: primary,
     secondary: secondary,
@@ -126,6 +134,9 @@ const initTheme = (
     illustrationPrimary20: hexifyWithWhiteBackground(hexToRGBA(primary, 0.2)),
     illustrationPrimary10: hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
     illustrationPrimary5: hexifyWithWhiteBackground(hexToRGBA(primary, 0.08)),
+    customIllustrationColor: customIllustrationColor
+      ? customIllustrationColor
+      : primary,
 
     /**
      * App picker - Default
@@ -165,6 +176,7 @@ const initTheme = (
     lightAppPickerIconBackground: lightAppPickerIconBackground
       ? lightAppPickerIconBackground
       : hexifyWithWhiteBackground('rgba(255, 255, 255, 0.7)'),
+    lightAppPickerTextColor: getContrastYIQ(lightMenuBackground || '#ffffff'),
     lightAppPickerActiveTextColor: lightAppPickerActiveTextColor
       ? lightAppPickerActiveTextColor
       : 'black',
@@ -173,7 +185,7 @@ const initTheme = (
       : hexifyWithWhiteBackground(hexToRGBA(primary, 0.1)),
     lightAppPickerActiveIconColor: lightAppPickerActiveIconColor
       ? lightAppPickerActiveIconColor
-      : '#000000',
+      : primary,
     lightAppPickerActiveIconBackground: lightAppPickerActiveIconBackground
       ? lightAppPickerActiveIconBackground
       : '#ffffff',
@@ -196,7 +208,7 @@ const initTheme = (
     /**
      * Sidemenu - Light
      */
-    lightMenuBackground: lightMenuBackground ? lightMenuBackground : 'white',
+    lightMenuBackground: lightMenuBackground ? lightMenuBackground : '#ffffff',
     lightMenuTextColor: lightMenuTextColor ? lightMenuTextColor : 'black',
     lightMenuItemTextColor: lightMenuItemTextColor
       ? lightMenuItemTextColor
@@ -232,6 +244,7 @@ const initTheme = (
     submenuTextColorActive: submenuTextColorActive
       ? submenuTextColorActive
       : `#ffffff`,
+
     customPortalFooterColor: customPortalFooterColor,
 
     /**
@@ -247,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
@@ -289,6 +308,7 @@ const updateTheme = (bbl) => {
       b.theme.submenuItemColor,
       b.theme.submenuTextColor,
       b.theme.submenuTextColorActive,
+      b.theme.customIllustrationColor,
       b.theme.defaultAppPickerBackground,
       b.theme.defaultAppPickerIconColor,
       b.theme.defaultAppPickerIconBackgroundColor,
@@ -305,9 +325,11 @@ const updateTheme = (bbl) => {
       b.theme.lightAppPickerActiveIconBackground,
       b.theme.mypageBoxBorderRadius,
       b.theme.mypageBoxShadow,
+      b.theme.mypageFooterColor,
       b.theme.preemptionCardBorderRadius,
       b.theme.btnDefault,
-      b.theme.customGlobalCss
+      b.theme.customGlobalCss,
+      b.theme.secondaryFooter
     )
   }
 }
@@ -339,6 +361,7 @@ const updateBbl = (
   submenuItemColor,
   submenuTextColor,
   submenuTextColorActive,
+  customIllustrationColor,
   defaultAppPickerBackground,
   defaultAppPickerIconColor,
   defaultAppPickerIconBackgroundColor,
@@ -355,11 +378,13 @@ const updateBbl = (
   lightAppPickerActiveIconBackground,
   mypageBoxBorderRadius,
   mypageBoxShadow,
+  mypageFooterColor,
   preemptionCardBorderRadius,
   btnDefault,
   customGlobalCss,
   secondaryFooter = false
 ) => {
+  console.log('bbl', bbl)
   let data = JSON.stringify(
     initTheme(
       primary,
@@ -387,6 +412,7 @@ const updateBbl = (
       submenuItemColor,
       submenuTextColor,
       submenuTextColorActive,
+      customIllustrationColor,
       defaultAppPickerBackground,
       defaultAppPickerIconColor,
       defaultAppPickerIconBackgroundColor,
@@ -403,6 +429,7 @@ const updateBbl = (
       lightAppPickerActiveIconBackground,
       mypageBoxBorderRadius,
       mypageBoxShadow,
+      mypageFooterColor,
       preemptionCardBorderRadius,
       btnDefault,
       customGlobalCss,
@@ -418,4 +445,4 @@ const updateBbl = (
 // export bbls with es5
 module.exports = bbls
 
-updateTheme('kak')
+updateTheme()

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