@bbl-digital/snorre 4.2.82 → 4.2.83

package/lib/layout/Footer/Footer.stories.js

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

package/lib/layout/Footer/FooterButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterButton/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mBAAmB;IACnB,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAMlC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

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

package/lib/layout/Footer/FooterButton/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterButton/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;gBASA,MAAO,SACtB;iBAGY,MAAO,SAAS;0BAAqE,MAAM,SAAS;;;;sBAAoQ,MAAO,UAAU;wBAAwG,MAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;UADlgB,CAAA"}

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

@@ -1,15 +0,0 @@
-import styled from '@emotion/styled';
-import Link from '../../../core/Link';
-export const Wrapper = styled(Link) `
-  color: white; //todo change to contrast color
-  font-size: 16px;
-  font-weight: normal;
-  text-decoration: underline;
-  margin-bottom: 6px;
-  cursor: pointer;
-
-  &:focus {
-    outline: 1px dotted white;
-    outline: 5px auto -webkit-focus-ring-color;
-  }
-`;

package/lib/layout/Footer/FooterCol/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterCol/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAE/B,CAAA;AAED,eAAe,SAAS,CAAA"}

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

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

package/lib/layout/Footer/FooterCol/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterCol/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;SAMoX,MAAO,WAAW;yGADzZ,CAAA"}

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

@@ -1,7 +0,0 @@
-import styled from '@emotion/styled';
-export const Wrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  min-height: 130px;
-`;

package/lib/layout/Footer/FooterGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAEjC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

package/lib/layout/Footer/FooterGroup/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterGroup/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;SAQkY,MAAO,WAAW;yGADva,CAAA"}

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

@@ -1,9 +0,0 @@
-import styled from '@emotion/styled';
-export const Wrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-
-  & > span {
-    line-height: 24px;
-  }
-`;

package/lib/layout/Footer/FooterLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAEjC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

package/lib/layout/Footer/FooterLabel/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterLabel/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;SAOwT,MAAO,WAAW;2GADrW,CAAA"}

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

@@ -1,8 +0,0 @@
-import styled from '@emotion/styled';
-export const FooterLabelSpan = styled.span `
-  color: white; //todo change to contrast color
-  font-size: 14px;
-  font-weight: bold;
-  text-transform: uppercase;
-  margin-bottom: 0.5em;
-`;

package/lib/layout/Footer/FooterLink/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterLink/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mBAAmB;IACnB,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACtC,eAAe;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAMhC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

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

package/lib/layout/Footer/FooterLink/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Footer/FooterLink/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;gBASA,MAAO,SACtB;iBAGa,MACd,SAAM;0BAG8C,MAAM,SAAS;;;;sBAAoQ,MAAO,UAAU;wBAAwG,MAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;UADpd,CAAA"}

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

@@ -1,19 +0,0 @@
-import styled from '@emotion/styled';
-import Link from '../../../core/Link';
-export const Wrapper = styled(Link) `
-  color: white; //todo change to contrast color
-  font-size: 16px;
-  font-weight: normal;
-  text-decoration: underline;
-  margin-bottom: 6px;
-  cursor: pointer;
-
-  &:focus {
-    outline: 1px dotted white;
-    outline: 5px auto -webkit-focus-ring-color;
-  }
-
-  & span > svg > path {
-    fill: white;
-  }
-`;

package/lib/layout/Footer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Footer/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAM5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/layout/Footer/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { wrapper, Content } from './styles';
-const Footer = ({ children }) => {
-    return (_jsx("div", { css: (theme) => [wrapper(theme)], children: _jsx(Content, { children: children }) }));
-};
-export default Footer;

package/lib/layout/Footer/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Footer/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,8CAIvC,CAAA;AAED,eAAO,MAAM,OAAO;;SAUH,MAEb,WACJ;yGAGC,CAAA"}

package/lib/layout/Footer/styles.js

@@ -1,25 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-import bp from '../../globals/styles/breakpoints';
-export const wrapper = (theme) => css `
-  background-color: ${theme.bgFooter};
-  width: 100%;
-  padding: 40px 0;
-`;
-export const Content = styled.div `
-  display: flex;
-  justify-content: space-between;
-  max-width: 1170px;
-  margin: 0 auto;
-
-  @media screen and (max-width: ${bp.small}) {
-    display: grid;
-    grid-template-columns: 1fr;
-    grid-row-gap: 2em;
-    padding: 0 1em;
-
-    & > div {
-      height: unset;
-    }
-  }
-`;

package/lib/layout/Layout/Layout.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const LayoutDefault: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/lib/layout/Layout/Layout.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Layout/Layout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,aAAa;;;CAOzB,CAAA"}

package/lib/layout/Layout/Layout.stories.js

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

package/lib/layout/Layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAE5B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/layout/Layout/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Wrapper } from './styles';
-const Layout = ({ maxWidth, children }) => {
-    return _jsx(Wrapper, { maxWidth: maxWidth, children: children });
-};
-export default Layout;

package/lib/layout/Layout/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/Layout/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;SAcwN,MAAO,WAAW;;eAbhO,MAAM;yGAYnC,CAAA"}

package/lib/layout/Layout/styles.js

@@ -1,14 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-export const Wrapper = styled.div(({ maxWidth }) => css `
-    padding: 2em 2.5em;
-
-    @media screen and (max-width: 768px) {
-      padding: 1.5em 1em;
-    }
-
-    ${maxWidth &&
-    css `
-      max-width: ${maxWidth};
-    `}
-  `);

package/lib/layout/LayoutShell/LayoutShell.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const _default: Meta;
-export default _default;
-export declare const Default: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const WithSidebar: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};
-export declare const SkipToMainContent: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/lib/layout/LayoutShell/LayoutShell.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutShell.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/LayoutShell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;wBAKlC,IAAI;AAHT,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAyCnB,CAAA;AAED,eAAO,MAAM,WAAW;;;CAqDvB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;CAiD7B,CAAA"}

package/lib/layout/LayoutShell/LayoutShell.stories.js

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

package/lib/layout/LayoutShell/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAUvC,UAAU,MAAM;IACd,wBAAwB;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,uBAAuB;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyDjC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/layout/LayoutShell/index.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import React, { Fragment } from 'react';
-import { Content, FooterWrapper, MainContent, SideBar, WrapperTag, skipLinkStyle, } from './styles';
-const LayoutShell = React.memo(({ sideBar, sideBarWidth, topBar, children, footer, withTabs, onSkipToMainContent, onSkipToNav, }) => {
-    const SkipToMainContentLink = (_jsx("button", { css: (theme) => skipLinkStyle(theme), onClick: onSkipToMainContent, role: "link", "data-tracking-name": "Felles", "data-tracking-event": "Klikk: G\u00E5 til hovedinnhold", children: "G\u00E5 til hovedinnhold" }));
-    const SkipToNavLink = (_jsx("button", { css: (theme) => skipLinkStyle(theme), role: "link", onClick: onSkipToNav, "data-tracking-name": "Felles", "data-tracking-event": "Klikk: G\u00E5 til undermeny", children: "G\u00E5 til undermeny" }));
-    const hasSideBar = Boolean(sideBar && sideBarWidth);
-    const Tag = Boolean(withTabs || hasSideBar) ? WrapperTag : Fragment;
-    return (_jsxs(Tag, { sideBarWidth: sideBarWidth ? sideBarWidth : undefined, children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, hasSideBar ? (_jsx(SideBar, { sideBarWidth: sideBarWidth, children: sideBar })) : (_jsx(Fragment, {})), _jsxs(MainContent, { sideBarWidth: sideBarWidth, children: [topBar, _jsx(Content, { children: children })] }), hasSideBar ? _jsx(FooterWrapper, { children: footer }) : footer] }));
-});
-export default LayoutShell;

package/lib/layout/LayoutShell/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,UAAU,aAAa;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAYD,eAAO,MAAM,UAAU;;SAOV,MAAM,WAAW;yHAF7B,CAAA;AAED,eAAO,MAAM,WAAW;;SAAX,MAAM,WAAW;yHAS7B,CAAA;AAED,eAAO,MAAM,aAAa;;SAXb,MAAM,WAAW;yGAa7B,CAAA;AAED,eAAO,MAAM,OAAO,iJAMnB,CAAA;AAED,eAAO,MAAM,OAAO;;SAvBP,MAAM,WAAW;mGA6B7B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,8CAoB7C,CAAA"}

package/lib/layout/LayoutShell/styles.js

@@ -1,59 +0,0 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { defaultOutline } from '../../globals/styles/styles';
-const withoutSideBar = css `
-  padding-bottom: 80px;
-`;
-const withSideBar = css `
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  width: 100vw;
-`;
-export const WrapperTag = styled.div((props) => css `
-    ${props.sideBarWidth && withSideBar}
-    ${!props.sideBarWidth && withoutSideBar}
-  `);
-export const MainContent = styled.div((props) => css `
-    display: ${props.sideBarWidth ? 'flex' : 'grid'};
-    width: ${props.sideBarWidth
-    ? `calc(100vw - ${props.sideBarWidth})`
-    : '100%'};
-    flex-direction: row;
-    transition: width 0.2s ease-in-out;
-  `);
-export const FooterWrapper = styled.div `
-  grid-column: 2/3;
-`;
-export const SideBar = styled.aside((props) => css `
-    position: relative;
-    width: ${props.sideBarWidth};
-    transition: width 0.2s ease-in-out;
-  `);
-export const Content = styled.main `
-  display: flex;
-  flex-direction: column;
-  min-height: calc(100vh - 60px - 60px);
-  width: 100%;
-  margin-top: 60px;
-`;
-export const skipLinkStyle = (theme) => css `
-  position: fixed;
-  z-index: -9999;
-  top: 1px;
-  left: -999px;
-  overflow: hidden;
-  width: 1px;
-  height: 1px;
-  border: none;
-
-  &:focus-visible {
-    ${defaultOutline}
-    width: auto;
-    height: auto;
-    overflow: auto;
-    z-index: 9999;
-    left: 1px;
-    padding: 5px;
-    background: ${theme.info};
-  }
-`;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/AppPicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,UAAU,MAAM;IACd,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAA;IACnB,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA6E/B,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Wrapper, IconWrapper, AbsoluteText } from './styles';
-import { useTheme } from '@emotion/react';
-import Text from '../../../core/Text';
-import { useIsMobile } from '../../../hooks/useIsMobile';
-const AppPicker = ({ selected, small, icon, label, lightTheme, className = 'app-picker', href, }) => {
-    const theme = useTheme();
-    const isMobile = useIsMobile();
-    const fontSize = isMobile ? (selected ? '14px' : '12px') : '11px';
-    // TODO: handle text color based on side menu
-    return selected || !small ? (_jsxs(Wrapper, { isLightTheme: lightTheme, className: className, nostyle: true, small: small, theme: theme, selected: selected, href: href, selectedcolor: lightTheme ? theme.lightAppPickerActiveBackground : '#ffffff', deselectedcolor: lightTheme
-            ? theme.lightAppPickerBackground
-            : 'rgba(255, 255, 255, 0.16)', title: label, trackingName: "Sidemenu", trackingEvent: 'Menu click: ' + label, children: [_jsx(IconWrapper, { className: selected ? 'selected' : '', isLightTheme: lightTheme, theme: theme, small: small, children: icon }), !selected && !isMobile ? (_jsx(AbsoluteText, { children: _jsx(Text, { semibold: true, color: !lightTheme && !selected ? 'white' : theme.lightAppPickerTextColor, size: fontSize, children: label }) })) : (_jsx(Text, { semibold: true, color: !lightTheme && !selected
-                    ? 'white'
-                    : !lightTheme && small
-                        ? theme.lightAppPickerActiveTextColor
-                        : small
-                            ? theme.lightMenuItemTextColor
-                            : 'black', size: fontSize, whiteSpace: small ? 'nowrap' : undefined, children: label }))] })) : null;
-};
-export default AppPicker;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/AppPicker/styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,wDA4DlB,CAAA;AAEF,eAAO,MAAM,WAAW,uJAyBtB,CAAA;AAEF,eAAO,MAAM,YAAY;;SA7EQ,MAAO,WAAW;2GAkFlD,CAAA"}

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

@@ -1,91 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-import bp from '../../../globals/styles/breakpoints';
-import { defaultOutline } from '../../../globals/styles/styles';
-import Link from '../../../core/Link';
-export const Wrapper = styled(Link, {
-    shouldForwardProp: (pro) => pro !== 'isLightTheme',
-})((props) => {
-    const isLightTheme = props.isLightTheme;
-    const getBackgroundColor = () => {
-        if (props.small) {
-            return 'transparent';
-        }
-        if (props.selected) {
-            return isLightTheme
-                ? props.theme.lightAppPickerActiveBackground
-                : props.theme.defaultAppPickerActiveBackground;
-        }
-        return isLightTheme
-            ? props.theme.lightAppPickerBackground
-            : props.theme.defaultAppPickerBackground;
-    };
-    return css `
-    height: ${props.selected ? '70px' : '50px'};
-    width: ${!props.selected ? '50px' : !props.small ? '66px' : 'auto'};
-    border-radius: 8px;
-    position: relative;
-    pointer-events: ${props.selected ? 'none' : 'auto'};
-    background-color: ${getBackgroundColor()};
-    display: flex;
-    justify-content: center;
-    span {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
-
-    @media screen and (max-width: ${bp.medium}) {
-      height: ${props.selected ? '60px' : '48px'};
-      width: ${props.selected ? '55%' : '45%'};
-
-      span {
-        flex-direction: row;
-
-        span {
-          display: inline-block;
-          margin-left: 0.5em;
-        }
-      }
-    }
-
-    &:hover,
-    &:focus {
-      background-color: ${getBackgroundColor()};
-    }
-
-    &:focus-visible {
-      outline: ${defaultOutline};
-    }
-  `;
-});
-export const IconWrapper = styled.div((props) => {
-    const isLightTheme = props.isLightTheme;
-    const getBackgroundColor = () => {
-        if (props.small) {
-            return props.theme.illustrationPrimary10;
-        }
-        return isLightTheme
-            ? props.theme.lightAppPickerIconBackground
-            : props.theme.defaultAppPickerIconBackgroundColor;
-    };
-    return css `
-    &.selected {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-      height: 40px;
-      width: 40px;
-      background-color: ${getBackgroundColor()};
-      margin-bottom: 0.2em;
-    }
-  `;
-});
-export const AbsoluteText = styled.span `
-  position: absolute;
-  line-height: normal;
-  bottom: calc(-11px - 5px);
-  opacity: 0.75;
-`;

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MainMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7D,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAQ9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NavWrapper, Wrapper } from './styles';
-const MainMenu = ({ small, children, ...props }) => {
-    return (_jsx(NavWrapper, { children: _jsx(Wrapper, { small: small, role: "menu", ...props, children: children }) }));
-};
-export default MainMenu;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MainMenu/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;SAaL,MACd,WAEC;mGAhBiC,CAAA;AACtC,eAAO,MAAM,OAAO,2JA0BnB,CAAA"}

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

@@ -1,29 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-import bp from '../../../globals/styles/breakpoints';
-export const NavWrapper = styled.nav ``;
-export const Wrapper = styled.ul((props) => css `
-    display: flex;
-    flex-direction: column;
-    width: ${props.small ? '80%' : 'calc(100% - 26px)'};
-    margin-left: ${props.small ? '20%' : '0'};
-    margin-top: 10vh;
-    padding-left: ${props.small ? '0' : '26px'};
-    overflow: hidden;
-    overflow-y: auto;
-
-    @media screen and (max-height: ${bp.heightMedium}) {
-      margin-top: 5vh;
-    }
-
-    @media screen and (max-height: ${bp.heightSmall}) {
-      margin-top: 1vh;
-    }
-
-    @media screen and (max-width: ${bp.medium}) {
-      margin-top: 1em;
-      padding-left: 0;
-      width: 100%;
-      margin-left: 0;
-    }
-  `);

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,UAAU,MAAO,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC1D,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAsC9B,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Wrapper, Span, ListItem } from './styles';
-import { useTheme } from '@emotion/react';
-import Text from '../../../core/Text';
-const MenuItem = ({ small, icon, lightTheme, active, label, onClick, ...props }) => {
-    const theme = useTheme();
-    return (_jsx(ListItem, { ...props, children: _jsx(Wrapper, { role: "menuitem", "aria-current": active ? 'page' : undefined, nostyle: true, small: small, theme: theme, lightTheme: lightTheme, className: active ? 'active' : '', onClick: onClick, "data-tracking-name": "Sidemenu", "data-tracking-event": 'Menu click: ' + label, title: label, children: _jsxs(Span, { small: small, children: [icon, _jsx(Text, { color: lightTheme ? theme.lightMenuTextColor : theme.defaultMenuTextColor, children: label })] }) }) }));
-};
-export default MenuItem;

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuItem/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;SAkBX,MAAQ,WAAU;yGAhB3B,CAAA;AACD,eAAO,MAAM,OAAO,mKAkEnB,CAAA;AAED,eAAO,MAAM,IAAI,yJAQhB,CAAA"}