@bbl-digital/snorre 3.1.57 → 3.1.59

package/esm/illustrations/MySite/IllustrationMySitePapers.js

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

package/esm/illustrations/MySite/IllustrationMySitePiggyBank.js

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

package/esm/illustrations/MySite/IllustrationMySiteTransfer.js

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

package/esm/illustrations/styles.js

@@ -1,5 +1,4 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import { alpha } from '../utils/alpha';
 export const SvgTheme = theme => {

package/esm/illustrations/withIllustration.js

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

package/esm/index.js

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

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

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

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

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

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

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import Link from '../../../core/Link';
 export const Wrapper = /*#__PURE__*/_styled(Link, process.env.NODE_ENV === "production" ? {
   target: "ejgzy2n0"

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

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

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

@@ -1,8 +1,6 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e10isqnr0"
 } : {
   target: "e10isqnr0",

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

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

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

@@ -1,8 +1,6 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eng6et90"
 } : {
   target: "eng6et90",

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

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

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

@@ -1,8 +1,6 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-export const FooterLabelSpan = _styled("span", process.env.NODE_ENV === "production" ? {
+export const FooterLabelSpan = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "edm5klv0"
 } : {
   target: "edm5klv0",

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

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

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

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import Link from '../../../core/Link';
 export const Wrapper = /*#__PURE__*/_styled(Link, process.env.NODE_ENV === "production" ? {
   target: "e17wos1x0"

package/esm/layout/Footer/index.js

@@ -2,7 +2,6 @@
 import React from 'react';
 import { wrapper, Content } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-
 const Footer = ({
   children
 }) => {
@@ -13,5 +12,4 @@ const Footer = ({
     })
   });
 };
-
 export default Footer;

package/esm/layout/Footer/styles.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
 export const wrapper = theme => /*#__PURE__*/css("background-color:", theme.bgFooter, ";width:100%;padding:40px 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvRm9vdGVyL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9Gb290ZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXIgPSAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmJnRm9vdGVyfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDQwcHggMDtcbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIG1heC13aWR0aDogMTE3MHB4O1xuICBtYXJnaW46IDAgYXV0bztcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgZ3JpZC1yb3ctZ2FwOiAyZW07XG4gICAgcGFkZGluZzogMCAxZW07XG5cbiAgICAmID4gZGl2IHtcbiAgICAgIGhlaWdodDogdW5zZXQ7XG4gICAgfVxuICB9XG5gXG4iXX0= */");
-export const Content = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1329zf70"
 } : {
   target: "e1329zf70",

package/esm/layout/Layout/Layout.stories.js

@@ -0,0 +1,14 @@
+import Layout from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Layout/Layout',
+  component: Layout
+};
+export const LayoutDefault = {
+  render: () => /*#__PURE__*/_jsx(Layout, {
+    children: /*#__PURE__*/_jsx("span", {
+      children: "Content"
+    })
+  }),
+  name: 'Layout'
+};

package/esm/layout/Layout/index.js

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

package/esm/layout/Layout/styles.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
 import { css } from '@emotion/react';
-export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1taemdl0"
 } : {
   target: "e1taemdl0",

package/esm/layout/LayoutShell/LayoutShell.stories.js

@@ -0,0 +1,116 @@
+import LayoutShell from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Layout/LayoutShell',
+  component: LayoutShell
+};
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(LayoutShell, {
+    topBar: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'red',
+        height: '60px',
+        paddingLeft: '20px',
+        position: 'absolute',
+        width: '100%'
+      },
+      children: "topbar"
+    }),
+    footer: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'green',
+        paddingLeft: '20px'
+      },
+      children: "Hello this is footer"
+    }),
+    children: /*#__PURE__*/_jsx("span", {
+      style: {
+        padding: '20px',
+        width: '100%',
+        backgroundColor: 'pink',
+        height: '100%'
+      },
+      children: "Content"
+    })
+  }),
+  name: 'Default'
+};
+export const WithSidebar = {
+  render: () => /*#__PURE__*/_jsx(LayoutShell, {
+    topBar: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'red',
+        height: '60px',
+        paddingLeft: '20px',
+        position: 'absolute',
+        width: '100%'
+      },
+      children: "topbar"
+    }),
+    footer: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'green',
+        paddingLeft: '20px'
+      },
+      children: "Hello this is footer"
+    }),
+    sideBar: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'orange',
+        height: '100%',
+        paddingLeft: '20px'
+      },
+      children: "Sidebar"
+    }),
+    sideBarWidth: "250px",
+    children: /*#__PURE__*/_jsx("span", {
+      style: {
+        padding: '20px',
+        width: '100%',
+        backgroundColor: 'pink',
+        height: '100%'
+      },
+      children: "Content"
+    })
+  }),
+  name: 'With sidebar'
+};
+export const SkipToMainContent = {
+  render: () => /*#__PURE__*/_jsx(LayoutShell, {
+    topBar: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'red',
+        height: '60px',
+        paddingLeft: '20px',
+        position: 'absolute',
+        width: '100%'
+      }
+    }),
+    footer: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'green',
+        paddingLeft: '20px'
+      }
+    }),
+    sideBar: /*#__PURE__*/_jsx("div", {
+      style: {
+        backgroundColor: 'orange',
+        height: '100%',
+        paddingLeft: '20px'
+      }
+    }),
+    sideBarWidth: "250px",
+    onSkipToMainContent: () => console.log('skip to main content'),
+    onSkipToNav: () => console.log('skip to nav'),
+    children: /*#__PURE__*/_jsx("span", {
+      style: {
+        padding: '20px',
+        width: '100%',
+        backgroundColor: 'pink',
+        height: '100%'
+      },
+      children: "Press tab to show hidden links"
+    })
+  }),
+  name: 'Skip to main content'
+};

package/esm/layout/LayoutShell/index.js

@@ -21,7 +21,6 @@ const LayoutShell = /*#__PURE__*/React.memo(({
     "data-tracking-event": "Klikk: G\xE5 til hovedinnhold",
     children: "G\xE5 til hovedinnhold"
   });
-
   const SkipToNavLink = _jsx("button", {
     css: theme => skipLinkStyle(theme),
     role: "link",
@@ -30,7 +29,6 @@ const LayoutShell = /*#__PURE__*/React.memo(({
     "data-tracking-event": "Klikk: G\xE5 til undermeny",
     children: "G\xE5 til undermeny"
   });
-
   const hasSideBar = Boolean(sideBar && sideBarWidth);
   const Tag = Boolean(withTabs || hasSideBar) ? WrapperTag : Fragment;
   return _jsxs(Tag, {

package/esm/layout/LayoutShell/styles.js

@@ -1,7 +1,5 @@
 import _styled from "@emotion/styled/base";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 import { css } from '@emotion/react';
 import { defaultOutline } from '../../globals/styles/styles';
 const withoutSideBar = process.env.NODE_ENV === "production" ? {
@@ -22,19 +20,19 @@ const withSideBar = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvbGF5b3V0L0xheW91dFNoZWxsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5pbXBvcnQgeyBkZWZhdWx0T3V0bGluZSB9IGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL3N0eWxlcydcblxuaW50ZXJmYWNlIElDb250ZW50UHJvcHMge1xuICBzaWRlQmFyV2lkdGg/OiBzdHJpbmdcbn1cblxuY29uc3Qgd2l0aG91dFNpZGVCYXIgPSBjc3NgXG4gIHBhZGRpbmctYm90dG9tOiA4MHB4O1xuYFxuXG5jb25zdCB3aXRoU2lkZUJhciA9IGNzc2BcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyO1xuICB3aWR0aDogMTAwdnc7XG5gXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyVGFnID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBJQ29udGVudFByb3BzKSA9PiBjc3NgXG4gICAgJHtwcm9wcy5zaWRlQmFyV2lkdGggJiYgd2l0aFNpZGVCYXJ9XG4gICAgJHshcHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhvdXRTaWRlQmFyfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBNYWluQ29udGVudCA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6ICR7cHJvcHMuc2lkZUJhcldpZHRoID8gJ2ZsZXgnIDogJ2dyaWQnfTtcbiAgICB3aWR0aDogJHtwcm9wcy5zaWRlQmFyV2lkdGhcbiAgICAgID8gYGNhbGMoMTAwdncgLSAke3Byb3BzLnNpZGVCYXJXaWR0aH0pYFxuICAgICAgOiAnMTAwJSd9O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgdHJhbnNpdGlvbjogd2lkdGggMC4ycyBlYXNlLWluLW91dDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgRm9vdGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGdyaWQtY29sdW1uOiAyLzM7XG5gXG5cbmV4cG9ydCBjb25zdCBTaWRlQmFyID0gc3R5bGVkLmFzaWRlKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogJHtwcm9wcy5zaWRlQmFyV2lkdGh9O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQubWFpbmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogY2FsYygxMDB2aCAtIDYwcHggLSA2MHB4KTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi10b3A6IDYwcHg7XG5gXG5cbmV4cG9ydCBjb25zdCBza2lwTGlua1N0eWxlID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAtOTk5OTtcbiAgdG9wOiAxcHg7XG4gIGxlZnQ6IC05OTlweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogbm9uZTtcblxuICAmOmZvY3VzLXZpc2libGUge1xuICAgICR7ZGVmYXVsdE91dGxpbmV9XG4gICAgd2lkdGg6IGF1dG87XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIHotaW5kZXg6IDk5OTk7XG4gICAgbGVmdDogMXB4O1xuICAgIHBhZGRpbmc6IDVweDtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmluZm99O1xuICB9XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export const WrapperTag = _styled("div", process.env.NODE_ENV === "production" ? {
+export const WrapperTag = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ercarvp4"
 } : {
   target: "ercarvp4",
   label: "WrapperTag"
 })(props => /*#__PURE__*/css(props.sideBarWidth && withSideBar, " ", !props.sideBarWidth && withoutSideBar, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:WrapperTag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */");
-export const MainContent = _styled("div", process.env.NODE_ENV === "production" ? {
+export const MainContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ercarvp3"
 } : {
   target: "ercarvp3",
   label: "MainContent"
 })(props => /*#__PURE__*/css("display:", props.sideBarWidth ? 'flex' : 'grid', ";width:", props.sideBarWidth ? `calc(100vw - ${props.sideBarWidth})` : '100%', ";flex-direction:row;transition:width 0.2s ease-in-out;" + (process.env.NODE_ENV === "production" ? "" : ";label:MainContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */");
-export const FooterWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+export const FooterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ercarvp2"
 } : {
   target: "ercarvp2",
@@ -48,13 +46,13 @@ export const FooterWrapper = _styled("div", process.env.NODE_ENV === "production
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-export const SideBar = _styled("aside", process.env.NODE_ENV === "production" ? {
+export const SideBar = /*#__PURE__*/_styled("aside", process.env.NODE_ENV === "production" ? {
   target: "ercarvp1"
 } : {
   target: "ercarvp1",
   label: "SideBar"
 })(props => /*#__PURE__*/css("position:relative;width:", props.sideBarWidth, ";transition:width 0.2s ease-in-out;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTGF5b3V0U2hlbGwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDdUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9MYXlvdXRTaGVsbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmludGVyZmFjZSBJQ29udGVudFByb3BzIHtcbiAgc2lkZUJhcldpZHRoPzogc3RyaW5nXG59XG5cbmNvbnN0IHdpdGhvdXRTaWRlQmFyID0gY3NzYFxuICBwYWRkaW5nLWJvdHRvbTogODBweDtcbmBcblxuY29uc3Qgd2l0aFNpZGVCYXIgPSBjc3NgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcbiAgd2lkdGg6IDEwMHZ3O1xuYFxuXG5leHBvcnQgY29uc3QgV3JhcHBlclRhZyA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogSUNvbnRlbnRQcm9wcykgPT4gY3NzYFxuICAgICR7cHJvcHMuc2lkZUJhcldpZHRoICYmIHdpdGhTaWRlQmFyfVxuICAgICR7IXByb3BzLnNpZGVCYXJXaWR0aCAmJiB3aXRob3V0U2lkZUJhcn1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnQgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IElDb250ZW50UHJvcHMpID0+IGNzc2BcbiAgICBkaXNwbGF5OiAke3Byb3BzLnNpZGVCYXJXaWR0aCA/ICdmbGV4JyA6ICdncmlkJ307XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRoXG4gICAgICA/IGBjYWxjKDEwMHZ3IC0gJHtwcm9wcy5zaWRlQmFyV2lkdGh9KWBcbiAgICAgIDogJzEwMCUnfTtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZvb3RlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBncmlkLWNvbHVtbjogMi8zO1xuYFxuXG5leHBvcnQgY29uc3QgU2lkZUJhciA9IHN0eWxlZC5hc2lkZShcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6ICR7cHJvcHMuc2lkZUJhcldpZHRofTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2UtaW4tb3V0O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLm1haW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG1pbi1oZWlnaHQ6IGNhbGMoMTAwdmggLSA2MHB4IC0gNjBweCk7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW4tdG9wOiA2MHB4O1xuYFxuXG5leHBvcnQgY29uc3Qgc2tpcExpbmtTdHlsZSA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogLTk5OTk7XG4gIHRvcDogMXB4O1xuICBsZWZ0OiAtOTk5cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAke2RlZmF1bHRPdXRsaW5lfVxuICAgIHdpZHRoOiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICB6LWluZGV4OiA5OTk5O1xuICAgIGxlZnQ6IDFweDtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5pbmZvfTtcbiAgfVxuYFxuIl19 */");
-export const Content = _styled("main", process.env.NODE_ENV === "production" ? {
+export const Content = /*#__PURE__*/_styled("main", process.env.NODE_ENV === "production" ? {
   target: "ercarvp0"
 } : {
   target: "ercarvp0",

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

@@ -5,7 +5,6 @@ import Text from '../../../core/Text';
 import { useIsMobile } from '../../../hooks/useIsMobile';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const AppPicker = ({
   selected,
   small,
@@ -17,7 +16,9 @@ const AppPicker = ({
 }) => {
   const theme = useTheme();
   const isMobile = useIsMobile();
-  const fontSize = isMobile ? selected ? '14px' : '12px' : '11px'; // TODO: handle text color based on side menu
+  const fontSize = isMobile ? selected ? '14px' : '12px' : '11px';
+
+  // TODO: handle text color based on side menu
 
   return selected || !small ? /*#__PURE__*/_jsxs(Wrapper, {
     isLightTheme: lightTheme,
@@ -51,5 +52,4 @@ const AppPicker = ({
     })]
   }) : null;
 };
-
 export default AppPicker;