@bbl-digital/snorre 4.2.93 → 4.2.94

package/dist/snorre.es396.js

@@ -1,73 +1,33 @@
-import n from "@emotion/styled";
-import { css as r } from "@emotion/react";
+import i from "@emotion/styled";
+import { css as t } from "@emotion/react";
 import o from "./snorre.es326.js";
-import { defaultOutline as c } from "./snorre.es327.js";
-import l from "./snorre.es13.js";
-const h = n(l, {
-  shouldForwardProp: (e) => e !== "isLightTheme"
-})((e) => {
-  const t = e.isLightTheme, i = () => e.small ? "transparent" : e.selected ? t ? e.theme.lightAppPickerActiveBackground : e.theme.defaultAppPickerActiveBackground : t ? e.theme.lightAppPickerBackground : e.theme.defaultAppPickerBackground;
-  return r`
-    height: ${e.selected ? "70px" : "50px"};
-    width: ${e.selected ? e.small ? "auto" : "66px" : "50px"};
-    border-radius: 8px;
-    position: relative;
-    pointer-events: ${e.selected ? "none" : "auto"};
-    background-color: ${i()};
+const r = i.div(
+  (e) => t`
+    position: fixed;
     display: flex;
-    justify-content: center;
-    span {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
+    justify-content: flex-start;
+    align-items: center;
+    flex-direction: column;
+    overflow: hidden;
+    background: ${e.lightTheme ? e.theme.lightMenuBackground : e.theme.defaultMenuBackground};
+    width: ${e.open ? "250px" : "56px"};
+    height: calc(100vh - 20px);
+    box-shadow: 2px 0 20px 0 rgba(0, 0, 0, 0.05);
+    z-index: 90;
+    padding-top: 20px;
+    transition: width 0.2s ease-in-out;
 
     @media screen and (max-width: ${o.medium}) {
-      height: ${e.selected ? "60px" : "48px"};
-      width: ${e.selected ? "55%" : "45%"};
-
-      span {
-        flex-direction: row;
-
-        span {
-          display: inline-block;
-          margin-left: 0.5em;
-        }
-      }
-    }
-
-    &:hover,
-    &:focus {
-      background-color: ${i()};
-    }
-
-    &:focus-visible {
-      outline: ${c};
-    }
-  `;
-}), g = n.div((e) => {
-  const t = e.isLightTheme;
-  return r`
-    &.selected {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-      height: 40px;
-      width: 40px;
-      background-color: ${e.small ? e.theme.illustrationPrimary10 : t ? e.theme.lightAppPickerIconBackground : e.theme.defaultAppPickerIconBackgroundColor};
-      margin-bottom: 0.2em;
+      padding: 0;
+      position: unset;
+      display: block;
+      overflow: unset;
+      overflow-x: scroll;
+      width: 100%;
+      height: 100%;
     }
-  `;
-}), f = n.span`
-  position: absolute;
-  line-height: normal;
-  bottom: calc(-11px - 5px);
-  opacity: 0.75;
-`;
+  `
+);
 export {
-  f as AbsoluteText,
-  g as IconWrapper,
-  h as Wrapper
+  r as Wrapper
 };

package/dist/snorre.es397.js

@@ -1,34 +1,73 @@
-import i from "@emotion/styled";
-import { css as m } from "@emotion/react";
-import a from "./snorre.es326.js";
-const d = i.nav``, n = i.ul(
-  (e) => m`
+import n from "@emotion/styled";
+import { css as r } from "@emotion/react";
+import o from "./snorre.es326.js";
+import { defaultOutline as c } from "./snorre.es327.js";
+import l from "./snorre.es13.js";
+const h = n(l, {
+  shouldForwardProp: (e) => e !== "isLightTheme"
+})((e) => {
+  const t = e.isLightTheme, i = () => e.small ? "transparent" : e.selected ? t ? e.theme.lightAppPickerActiveBackground : e.theme.defaultAppPickerActiveBackground : t ? e.theme.lightAppPickerBackground : e.theme.defaultAppPickerBackground;
+  return r`
+    height: ${e.selected ? "70px" : "50px"};
+    width: ${e.selected ? e.small ? "auto" : "66px" : "50px"};
+    border-radius: 8px;
+    position: relative;
+    pointer-events: ${e.selected ? "none" : "auto"};
+    background-color: ${i()};
     display: flex;
-    flex-direction: column;
-    width: ${e.small ? "80%" : "calc(100% - 26px)"};
-    margin-left: ${e.small ? "20%" : "0"};
-    margin-top: 10vh;
-    padding-left: ${e.small ? "0" : "26px"};
-    overflow: hidden;
-    overflow-y: auto;
+    justify-content: center;
+    span {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+
+    @media screen and (max-width: ${o.medium}) {
+      height: ${e.selected ? "60px" : "48px"};
+      width: ${e.selected ? "55%" : "45%"};
 
-    @media screen and (max-height: ${a.heightMedium}) {
-      margin-top: 5vh;
+      span {
+        flex-direction: row;
+
+        span {
+          display: inline-block;
+          margin-left: 0.5em;
+        }
+      }
     }
 
-    @media screen and (max-height: ${a.heightSmall}) {
-      margin-top: 1vh;
+    &:hover,
+    &:focus {
+      background-color: ${i()};
     }
 
-    @media screen and (max-width: ${a.medium}) {
-      margin-top: 1em;
-      padding-left: 0;
-      width: 100%;
-      margin-left: 0;
+    &:focus-visible {
+      outline: ${c};
+    }
+  `;
+}), g = n.div((e) => {
+  const t = e.isLightTheme;
+  return r`
+    &.selected {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      height: 40px;
+      width: 40px;
+      background-color: ${e.small ? e.theme.illustrationPrimary10 : t ? e.theme.lightAppPickerIconBackground : e.theme.defaultAppPickerIconBackgroundColor};
+      margin-bottom: 0.2em;
     }
-  `
-);
+  `;
+}), f = n.span`
+  position: absolute;
+  line-height: normal;
+  bottom: calc(-11px - 5px);
+  opacity: 0.75;
+`;
 export {
-  d as NavWrapper,
-  n as Wrapper
+  f as AbsoluteText,
+  g as IconWrapper,
+  h as Wrapper
 };

package/dist/snorre.es398.js

@@ -1,79 +1,34 @@
-import t from "@emotion/styled";
-import { css as n } from "@emotion/react";
-import i from "./snorre.es326.js";
-const r = t.li`
-  list-style: none;
-`, l = t.button(
-  (e) => n`
+import i from "@emotion/styled";
+import { css as m } from "@emotion/react";
+import a from "./snorre.es326.js";
+const d = i.nav``, n = i.ul(
+  (e) => m`
     display: flex;
-    min-height: 50px;
-    width: 100%;
-    border-radius: ${e.lightTheme ? "8px 0 0 8px" : "4px 0 0 4px"};
-    border: none;
-    background-color: transparent;
-    padding-left: 1em;
-    padding-right: 0;
-    align-items: center;
-    outline: none;
-    cursor: pointer;
-
-    &.active {
-      background: ${e.lightTheme ? e.theme.lightMenuItemActiveBackground : e.theme.defaultMenuItemActiveBackground};
-
-      & > span {
-        font-weight: 700;
-      }
+    flex-direction: column;
+    width: ${e.small ? "80%" : "calc(100% - 26px)"};
+    margin-left: ${e.small ? "20%" : "0"};
+    margin-top: 10vh;
+    padding-left: ${e.small ? "0" : "26px"};
+    overflow: hidden;
+    overflow-y: auto;
+
+    @media screen and (max-height: ${a.heightMedium}) {
+      margin-top: 5vh;
     }
 
-    & > span {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      text-align: left;
-      line-height: 24px;
-      font-weight: 600;
-      white-space: nowrap;
-
-      & > svg {
-        margin-right: 10px;
-        min-width: 14px;
-      }
-
-      & > span {
-        transition: width 0.2s ease-out;
-        overflow: hidden;
-        width: ${e.small ? "0" : "100%"};
-      }
+    @media screen and (max-height: ${a.heightSmall}) {
+      margin-top: 1vh;
     }
 
-    &:hover,
-    &:focus {
-      text-decoration: underline;
-      background-color: transparent;
-      text-underline-offset: 2px;
-      text-decoration-color: ${e.lightTheme ? e.theme.lightMenuTextColor : e.theme.defaultMenuTextColor};
-
-      &.active {
-        background: ${e.lightTheme ? e.theme.lightMenuItemActiveBackground : e.theme.defaultMenuItemActiveBackground};
-      }
-    }
-
-    @media screen and (max-width: ${i.medium}) {
-      padding: 0 40px;
-      border-radius: 0;
-    }
-  `
-), h = t.span(
-  (e) => n`
-    & > span {
-      transition: width 0.2s ease-out;
-      overflow: hidden;
-      width: ${e.small ? "0" : "100%"};
+    @media screen and (max-width: ${a.medium}) {
+      margin-top: 1em;
+      padding-left: 0;
+      width: 100%;
+      margin-left: 0;
     }
   `
 );
 export {
-  r as ListItem,
-  h as Span,
-  l as Wrapper
+  d as NavWrapper,
+  n as Wrapper
 };

package/dist/snorre.es399.js

@@ -1,49 +1,79 @@
-import e from "@emotion/styled";
-import m from "./snorre.es13.js";
+import t from "@emotion/styled";
 import { css as n } from "@emotion/react";
-import t from "./snorre.es326.js";
-const g = e(m)`
-  min-height: 40px;
-  margin-top: 0.5em;
-`, d = e.img(
-  (i) => n`
-    cursor: pointer;
-    max-height: 40px;
-    max-width: ${i.small ? "100%" : "auto"};
-  `
-), h = e.div`
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-  margin-top: 40px;
-  min-height: 85px;
-  overflow: hidden;
-
-  @media screen and (max-height: ${t.heightMedium}) {
-    margin-top: 2em;
-  }
-
-  @media screen and (max-height: ${t.heightSmall}) {
-    margin-top: 1em;
-  }
-
-  @media screen and (max-width: ${t.medium}) {
-    padding: 2em 2.5em;
-    margin-top: 0;
+import i from "./snorre.es326.js";
+const r = t.li`
+  list-style: none;
+`, l = t.button(
+  (e) => n`
+    display: flex;
+    min-height: 50px;
+    width: 100%;
+    border-radius: ${e.lightTheme ? "8px 0 0 8px" : "4px 0 0 4px"};
+    border: none;
+    background-color: transparent;
+    padding-left: 1em;
+    padding-right: 0;
     align-items: center;
-    justify-content: center;
+    outline: none;
+    cursor: pointer;
+
+    &.active {
+      background: ${e.lightTheme ? e.theme.lightMenuItemActiveBackground : e.theme.defaultMenuItemActiveBackground};
+
+      & > span {
+        font-weight: 700;
+      }
+    }
+
+    & > span {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      text-align: left;
+      line-height: 24px;
+      font-weight: 600;
+      white-space: nowrap;
+
+      & > svg {
+        margin-right: 10px;
+        min-width: 14px;
+      }
 
-    button {
-      margin-bottom: 0;
+      & > span {
+        transition: width 0.2s ease-out;
+        overflow: hidden;
+        width: ${e.small ? "0" : "100%"};
+      }
     }
-  }
 
-  & > a:nth-of-type(2) {
-    margin-left: 0.5em;
-  }
-`;
+    &:hover,
+    &:focus {
+      text-decoration: underline;
+      background-color: transparent;
+      text-underline-offset: 2px;
+      text-decoration-color: ${e.lightTheme ? e.theme.lightMenuTextColor : e.theme.defaultMenuTextColor};
+
+      &.active {
+        background: ${e.lightTheme ? e.theme.lightMenuItemActiveBackground : e.theme.defaultMenuItemActiveBackground};
+      }
+    }
+
+    @media screen and (max-width: ${i.medium}) {
+      padding: 0 40px;
+      border-radius: 0;
+    }
+  `
+), h = t.span(
+  (e) => n`
+    & > span {
+      transition: width 0.2s ease-out;
+      overflow: hidden;
+      width: ${e.small ? "0" : "100%"};
+    }
+  `
+);
 export {
-  h as AppPickerWrapper,
-  d as Logo,
-  g as StyledLink
+  r as ListItem,
+  h as Span,
+  l as Wrapper
 };

package/dist/snorre.es4.js

@@ -1,6 +1,6 @@
-import { jsxs as k, jsx as e } from "./snorre.es334.js";
+import { jsxs as k, jsx as e } from "./snorre.es335.js";
 import x, { useRef as j } from "react";
-import i from "./snorre.es336.js";
+import i from "./snorre.es337.js";
 import A from "./snorre.es5.js";
 import C from "./snorre.es60.js";
 import I from "./snorre.es206.js";

package/dist/snorre.es40.js

@@ -1,5 +1,5 @@
-import { j as t } from "./snorre.es332.js";
-import C from "./snorre.es363.js";
+import { j as t } from "./snorre.es333.js";
+import C from "./snorre.es364.js";
 const n = (o) => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", ...o, children: /* @__PURE__ */ t.jsx("path", { d: "M18.5,16 L7,16 C4.79,16 3,14.21 3,12 C3,9.79 4.79,8 7,8 L19.5,8 C20.88,8 22,9.12 22,10.5 C22,11.88 20.88,13 19.5,13 L9,13 C8.45,13 8,12.55 8,12 C8,11.45 8.45,11 9,11 L18.5,11 L18.5,9.5 L9,9.5 C7.62,9.5 6.5,10.62 6.5,12 C6.5,13.38 7.62,14.5 9,14.5 L19.5,14.5 C21.71,14.5 23.5,12.71 23.5,10.5 C23.5,8.29 21.71,6.5 19.5,6.5 L7,6.5 C3.96,6.5 1.5,8.96 1.5,12 C1.5,15.04 3.96,17.5 7,17.5 L18.5,17.5 L18.5,16 Z" }) }), s = C()(n);
 export {
   s as default

package/dist/snorre.es400.js

@@ -1,86 +1,49 @@
+import e from "@emotion/styled";
+import m from "./snorre.es13.js";
 import { css as n } from "@emotion/react";
-import t from "@emotion/styled";
-import i from "./snorre.es326.js";
-import { defaultOutline as o } from "./snorre.es327.js";
-const l = t.div`
-  display: grid;
-  grid-row-gap: 2em;
-
-  @media screen and (max-height: ${i.heightMedium}) {
-    grid-row-gap: 0;
-  }
-`, c = t.div`
+import t from "./snorre.es326.js";
+const g = e(m)`
+  min-height: 40px;
+  margin-top: 0.5em;
+`, d = e.img(
+  (i) => n`
+    cursor: pointer;
+    max-height: 40px;
+    max-width: ${i.small ? "100%" : "auto"};
+  `
+), h = e.div`
   display: flex;
-  flex-direction: column;
-  flex-wrap: wrap;
+  justify-content: flex-start;
   align-items: flex-start;
-  width: calc(100% - 40px);
-  padding-left: 40px;
+  margin-top: 40px;
+  min-height: 85px;
   overflow: hidden;
 
-  @media screen and (max-width: ${i.medium}) {
-    position: relative;
-    bottom: unset;
-    margin-top: 2.5em;
+  @media screen and (max-height: ${t.heightMedium}) {
+    margin-top: 2em;
   }
-`, s = t.div(
-  (e) => n`
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding-bottom: ${e.open ? "1em" : "calc(1em + 13px)"};
-    text-align: center;
 
-    & > span {
-      overflow: hidden;
-      white-space: nowrap;
-      color: ${e.lightTheme ? "#7C899E" : "white"};
-      opacity: ${e.lightTheme ? 1 : 0.5};
-    }
-
-    @media screen and (max-width: ${i.medium}) {
-      position: relative;
-      margin-top: 2em;
-      display: block;
-      button {
-        display: none;
-      }
-    }
+  @media screen and (max-height: ${t.heightSmall}) {
+    margin-top: 1em;
+  }
 
-    @media screen and (max-height: ${i.heightMedium}) {
-      padding-bottom: ${e.open ? "0.25em" : "calc(0.25em + 13px)"};
-    }
-  `
-), p = t.button(
-  (e) => n`
-    display: flex;
-    justify-content: center;
+  @media screen and (max-width: ${t.medium}) {
+    padding: 2em 2.5em;
+    margin-top: 0;
     align-items: center;
-    margin: 0 auto;
-    height: 24px;
-    width: 24px;
-    border-radius: 50%;
-    border: none;
-    cursor: pointer;
-    outline: none;
-    background: ${e.lightTheme ? e.theme.illustrationPrimary10 : "rgba(255, 255, 255, 0.16)"};
-    margin-bottom: 1em;
-    transition: transform 0.2s ease-in-out;
-    transform: rotate(${e.open ? "0deg" : "180deg"});
+    justify-content: center;
 
-    &:hover,
-    &:focus {
-      background: ${e.lightTheme ? e.theme.illustrationPrimary10 : "rgba(255, 255, 255, 0.16)"};
+    button {
+      margin-bottom: 0;
     }
+  }
 
-    &:focus-visible {
-      outline: ${o};
-    }
-  `
-);
+  & > a:nth-of-type(2) {
+    margin-left: 0.5em;
+  }
+`;
 export {
-  c as ChildrenWrapper,
-  s as CollapseWrapper,
-  p as IconWrapper,
-  l as Wrapper
+  h as AppPickerWrapper,
+  d as Logo,
+  g as StyledLink
 };

package/dist/snorre.es401.js

@@ -1,40 +1,86 @@
+import { css as n } from "@emotion/react";
 import t from "@emotion/styled";
-import e from "./snorre.es13.js";
-import { css as r } from "@emotion/react";
-const m = t(e)(
-  (o) => r`
-    width: auto;
-    border-bottom: 1px solid ${o.color};
-    border-radius: 0;
-    padding-bottom: 0.25em;
-    margin-bottom: 1em;
-    overflow: hidden;
-    white-space: nowrap;
+import i from "./snorre.es326.js";
+import { defaultOutline as o } from "./snorre.es327.js";
+const l = t.div`
+  display: grid;
+  grid-row-gap: 2em;
+
+  @media screen and (max-height: ${i.heightMedium}) {
+    grid-row-gap: 0;
+  }
+`, c = t.div`
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  width: calc(100% - 40px);
+  padding-left: 40px;
+  overflow: hidden;
+
+  @media screen and (max-width: ${i.medium}) {
+    position: relative;
+    bottom: unset;
+    margin-top: 2.5em;
+  }
+`, s = t.div(
+  (e) => n`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding-bottom: ${e.open ? "1em" : "calc(1em + 13px)"};
+    text-align: center;
 
     & > span {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      text-align: left;
-      line-height: 24px;
-      font-weight: normal;
+      overflow: hidden;
+      white-space: nowrap;
+      color: ${e.lightTheme ? "#7C899E" : "white"};
+      opacity: ${e.lightTheme ? 1 : 0.5};
+    }
 
-      & svg {
-        margin-right: 10px;
+    @media screen and (max-width: ${i.medium}) {
+      position: relative;
+      margin-top: 2em;
+      display: block;
+      button {
+        display: none;
       }
     }
 
-    text-decoration: none;
+    @media screen and (max-height: ${i.heightMedium}) {
+      padding-bottom: ${e.open ? "0.25em" : "calc(0.25em + 13px)"};
+    }
+  `
+), p = t.button(
+  (e) => n`
+    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: ${e.lightTheme ? e.theme.illustrationPrimary10 : "rgba(255, 255, 255, 0.16)"};
+    margin-bottom: 1em;
+    transition: transform 0.2s ease-in-out;
+    transform: rotate(${e.open ? "0deg" : "180deg"});
 
-    &:focus-visible {
-      text-decoration: underline;
+    &:hover,
+    &:focus {
+      background: ${e.lightTheme ? e.theme.illustrationPrimary10 : "rgba(255, 255, 255, 0.16)"};
     }
 
-    &:hover {
-      border-bottom: 1px solid ${o.color};
+    &:focus-visible {
+      outline: ${o};
     }
   `
 );
 export {
-  m as Wrapper
+  c as ChildrenWrapper,
+  s as CollapseWrapper,
+  p as IconWrapper,
+  l as Wrapper
 };