@bbl-digital/snorre 4.2.93 → 4.2.94

package/dist/snorre.es428.js

@@ -1,88 +1,113 @@
 import { css as e } from "@emotion/react";
-import o from "@emotion/styled";
-import i from "./snorre.es326.js";
-const l = o.div(
+import i from "@emotion/styled";
+const a = (t) => {
+  const o = t === 1 ? 24 : (t + 2) * 8;
+  return e`
+    padding-left: ${o}px !important;
+  `;
+}, l = i.button(
   (t) => e`
     display: flex;
-    width: 100%;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    padding: 1rem;
     position: relative;
-    padding: 0;
-    margin: 0;
-    align-content: space-between;
-    align-items: flex-end;
+    font-size: 16px;
+    font-weight: bold;
+    transition: all ease 250ms;
 
-    &:after {
-      content: '';
-      display: block;
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-      height: 4px;
-      background: ${t.theme.border};
+    &:hover {
+      &::after {
+        position: absolute;
+        content: '';
+        width: 100%;
+        height: 4px;
+        bottom: 0;
+        left: 0;
+        background-color: ${t.theme.primary};
+        z-index: 1;
+        opacity: 0.4;
+      }
     }
   `
-), d = o.span`
-  position: absolute;
-  right: 0;
-  bottom: 1em;
+), p = i.ul(
+  (t) => e`
+    position: absolute;
+    z-index: 3;
+    top: calc(${t.bottom}px - 0.5em);
+    left: ${t.left}px;
+    background: #fff;
+    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    min-width: ${t.minWidth}px;
+    max-width: 350px;
 
-  @media (max-width: ${i.medium}) {
-    bottom: 0;
-    padding: 1em;
+    max-height: 40vh;
+    overflow-y: auto;
+    overflow-x: hidden;
 
-    &:after {
-      display: none;
-    }
-  }
-`, p = o.li``, s = o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0.5em;
+    & > li {
+      word-break: break-all;
+      background: #fff;
+      display: flex;
+      width: calc(100% - 1em);
+      cursor: pointer;
+      list-style: none;
+      padding: 0.5em;
+      padding-left: 1em;
+      border-top: 1px solid ${t.theme.border};
+      transition: background 150ms ease-in-out;
 
-  // To make the test align correctly and not overflow.
-  & > span > div > ul > li > button {
-    word-break: break-all;
-    text-align: left;
-  }
-`, m = {
-  maxWidth: (t) => e`
-    max-width: ${t}px;
-  `,
-  color: (t) => e`
-    & button {
-      color: ${t};
-    }
-  `,
-  underlineColor: (t) => e`
-    & button::after,
-    & button:hover::after {
-      background: ${t};
-    }
-  `,
-  vertical: e`
-    flex-direction: column;
-    align-items: flex-start;
+      &:first-of-type {
+        border-top: none;
+      }
 
-    &:after {
-      left: 0;
-      top: 0;
-      width: 4px;
-      height: 100%;
+      &:hover,
+      &:focus {
+        background: ${t.theme.bgLight};
+      }
     }
+  `
+), s = i.li(
+  ({
+    disabled: t,
+    bold: n,
+    indent: o
+  }) => e`
+    padding: 0;
+    padding-left: 8px;
+    padding-right: 8px;
+    justify-content: flex-start;
+    height: 100%;
+    width: 100%;
 
-    & button::after,
-    & button:hover::after {
-      height: 100%;
-      width: 4px;
-      top: 0;
-    }
+    opacity: ${t ? 0.5 : 1};
+
+    font-weight: ${n ? 600 : 400};
+
+    ${o && a(o)}
   `
+), c = {
+  active: (t) => e`
+      &::after {
+        transition: all ease 250ms;
+        position: absolute;
+        content: '';
+        width: 100%;
+        height: 4px;
+        bottom: 0;
+        left: 0;
+        background-color: ${t.primary};
+        z-index: 1;
+      }
+    `
 };
 export {
-  p as SelectLinkWrapper,
-  s as SelectWrapper,
-  d as TabNavActions,
-  l as TabNavWrapper,
-  m as default,
-  m as styles
+  p as SelectChildrenWrapper,
+  s as SelectOption,
+  l as TabNavItemWrapper,
+  c as styles
 };

package/dist/snorre.es429.js

@@ -1,72 +1,88 @@
-import { css as t } from "@emotion/react";
-import e from "@emotion/styled";
-const n = e.div(
-  (r) => t`
-    & > button,
-    & > button > span {
-      width: 100%;
-    }
+import { css as e } from "@emotion/react";
+import o from "@emotion/styled";
+import i from "./snorre.es326.js";
+const l = o.div(
+  (t) => e`
+    display: flex;
+    width: 100%;
+    position: relative;
+    padding: 0;
+    margin: 0;
+    align-content: space-between;
+    align-items: flex-end;
 
-    & > button:active > span > div {
-      border: 1px solid #ccc;
+    &:after {
+      content: '';
+      display: block;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      height: 4px;
+      background: ${t.theme.border};
     }
+  `
+), d = o.span`
+  position: absolute;
+  right: 0;
+  bottom: 1em;
 
-    button {
-      cursor: ${r.clickable ? "pointer" : "initial"};
+  @media (max-width: ${i.medium}) {
+    bottom: 0;
+    padding: 1em;
 
-      &:focus {
-        text-decoration: ${r.clickable ? "underline" : "none"};
-      }
-    }
-  `
-), a = e.div(
-  (r) => t`
-    display: grid;
-    grid-template-columns: 40px 1fr;
-    grid-column-gap: 1em;
-    border: 1px solid #ccc;
-    border-radius: ${r.borderRadius};
-    padding: 1.4em;
-    background-color: transparent;
-    font-weight: normal;
-    span {
-      text-align: left;
+    &:after {
+      display: none;
     }
+  }
+`, p = o.li``, s = o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
 
-    &:hover {
-      cursor: ${r.clickable ? "pointer" : "initial"};
+  // To make the test align correctly and not overflow.
+  & > span > div > ul > li > button {
+    word-break: break-all;
+    text-align: left;
+  }
+`, m = {
+  maxWidth: (t) => e`
+    max-width: ${t}px;
+  `,
+  color: (t) => e`
+    & button {
+      color: ${t};
     }
-
-    &:active {
-      border: none;
+  `,
+  underlineColor: (t) => e`
+    & button::after,
+    & button:hover::after {
+      background: ${t};
     }
-  `
-), c = e.div`
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 0.1em;
+  `,
+  vertical: e`
+    flex-direction: column;
+    align-items: flex-start;
 
-  span {
-    white-space: pre-wrap;
-  }
-`, d = e.div(
-  (r) => `
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    height: 40px;
-    border-radius: 40px;
-    background-color: ${r.background};
+    &:after {
+      left: 0;
+      top: 0;
+      width: 4px;
+      height: 100%;
+    }
 
-    span {
-      font-weight: bold;
+    & button::after,
+    & button:hover::after {
+      height: 100%;
+      width: 4px;
+      top: 0;
     }
   `
-);
+};
 export {
-  c as FileInfoWrapper,
-  a as FileWrapperButton,
-  d as IconBackground,
-  n as Wrapper
+  p as SelectLinkWrapper,
+  s as SelectWrapper,
+  d as TabNavActions,
+  l as TabNavWrapper,
+  m as default,
+  m as styles
 };

package/dist/snorre.es43.js

@@ -1,5 +1,5 @@
-import { j as L } from "./snorre.es332.js";
-import o from "./snorre.es363.js";
+import { j as L } from "./snorre.es333.js";
+import o from "./snorre.es364.js";
 const r = (C) => /* @__PURE__ */ L.jsx("svg", { viewBox: "0 0 24 24", ...C, children: /* @__PURE__ */ L.jsx("path", { d: "M12,2 C17.52,2 22,6.48 22,12 C22,17.52 17.52,22 12,22 C6.48,22 2,17.52 2,12 C2,6.48 6.48,2 12,2 Z M9.5,15.1197183 C8.3307405,15.1197183 6.28211669,15.5810537 5.41677059,16.5374649 C7.74850661,19.842612 11.0811832,19.992846 11.9004408,19.9996748 L12,20 C12.7075019,20 13.3741686,19.9168671 14,19.7506014 L14,19.7506014 L14,17.5056338 C13.9775,15.9640845 10.9925,15.1197183 9.5,15.1197183 Z M16.6802523,5.5 L10.3636364,5.5 L10.3636364,8 L10.5855662,8.09364451 C12.1029472,8.76830404 12.8616377,9.84507042 12.8616377,11.3239437 C12.8616377,12.8732394 12.1558534,13.870189 10.7442846,14.3147924 C11.5372782,14.3723665 12.2894498,14.5563978 13.0007993,14.8668863 L13.0007993,14.8668863 L13,14 L14.7,14 L14.7,15.7 L14.4271783,15.6992617 C14.6217256,15.8438905 14.8126662,15.9996922 15,16.1666667 L15,16.1666667 L15,19.4121069 L15.094629,19.3791745 C16.4142231,18.8926026 20,16.5090213 20,12.4560535 C20.1431779,8.51903573 17.8026276,6.31335582 16.6802523,5.5 L16.6802523,5.5 Z M17.7,14 L17.7,15.7 L16,15.7 L16,14 L17.7,14 Z M9.5,9 C8.255,9 7.25,10.0380282 7.25,11.3239437 C7.25,12.6098592 8.255,13.6478873 9.5,13.6478873 C10.745,13.6478873 11.75,12.6098592 11.75,11.3239437 C11.75,10.0380282 10.745,9 9.5,9 Z M17.7,11 L17.7,12.7 L16,12.7 L16,11 L17.7,11 Z M14.7,11 L14.7,12.7 L13,12.7 L13,11 L14.7,11 Z M17.7,8 L17.7,9.7 L16,9.7 L16,8 L17.7,8 Z M14.7,8 L14.7,9.7 L13,9.7 L13,8 L14.7,8 Z" }) }), M = o()(r);
 export {
   M as default

package/dist/snorre.es430.js

@@ -1,9 +1,72 @@
-import r from "@emotion/styled";
-const p = r.div`
+import { css as t } from "@emotion/react";
+import e from "@emotion/styled";
+const n = e.div(
+  (r) => t`
+    & > button,
+    & > button > span {
+      width: 100%;
+    }
+
+    & > button:active > span > div {
+      border: 1px solid #ccc;
+    }
+
+    button {
+      cursor: ${r.clickable ? "pointer" : "initial"};
+
+      &:focus {
+        text-decoration: ${r.clickable ? "underline" : "none"};
+      }
+    }
+  `
+), a = e.div(
+  (r) => t`
+    display: grid;
+    grid-template-columns: 40px 1fr;
+    grid-column-gap: 1em;
+    border: 1px solid #ccc;
+    border-radius: ${r.borderRadius};
+    padding: 1.4em;
+    background-color: transparent;
+    font-weight: normal;
+    span {
+      text-align: left;
+    }
+
+    &:hover {
+      cursor: ${r.clickable ? "pointer" : "initial"};
+    }
+
+    &:active {
+      border: none;
+    }
+  `
+), c = e.div`
   display: grid;
   grid-template-columns: 1fr;
-  grid-row-gap: 1em;
-`;
+  grid-row-gap: 0.1em;
+
+  span {
+    white-space: pre-wrap;
+  }
+`, d = e.div(
+  (r) => `
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 40px;
+    background-color: ${r.background};
+
+    span {
+      font-weight: bold;
+    }
+  `
+);
 export {
-  p as ListWrapper
+  c as FileInfoWrapper,
+  a as FileWrapperButton,
+  d as IconBackground,
+  n as Wrapper
 };

package/dist/snorre.es431.js

@@ -1,15 +1,9 @@
-import i from "@emotion/styled";
-const r = i.div`
-  display: flex;
-`, t = i.div`
+import r from "@emotion/styled";
+const p = r.div`
   display: grid;
-  grid-template-columns: 22px 1fr;
-  grid-column-gap: 0.5em;
-  align-items: center;
-  margin-right: 1em;
-`, o = i.div``;
+  grid-template-columns: 1fr;
+  grid-row-gap: 1em;
+`;
 export {
-  o as Div,
-  t as Group,
-  r as NoticeMetaWrapper
+  p as ListWrapper
 };

package/dist/snorre.es432.js

@@ -1,66 +1,15 @@
-import { css as e } from "@emotion/react";
 import i from "@emotion/styled";
-import m from "./snorre.es326.js";
-const n = i.div(
-  (t) => e`
-    display: grid;
-    grid-template-columns: ${t.hasImage ? "200px 1fr" : "1fr"};
-    grid-column-gap: 2em;
-    grid-row-gap: 1em;
-    align-items: start;
-
-    @media screen and (max-width: ${m.medium}) {
-      grid-template-columns: 1fr;
-    }
-  `
-), o = i.div`
-  overflow: hidden;
-  max-width: 100%;
+const r = i.div`
   display: flex;
-  align-items: baseline;
-
-  img {
-    width: 100%;
-    max-height: 100%;
-    border-radius: 16px;
-
-    @media screen and (max-width: ${m.medium}) {
-      max-height: 175px;
-      width: unset;
-      max-width: 100%;
-      min-width: 150px;
-    }
-  }
-`, p = i.div`
+`, t = i.div`
   display: grid;
-  grid-template-columns: 1fr;
-  grid-row-gap: 1.5em;
-`, s = i.div`
-  p {
-    margin: 0;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    margin-top: 0;
-    margin-bottom: 0;
-  }
-
-  button {
-    align-self: start;
-  }
-
-  & > span {
-    display: inline-block;
-    margin-bottom: 1em;
-  }
-`;
+  grid-template-columns: 22px 1fr;
+  grid-column-gap: 0.5em;
+  align-items: center;
+  margin-right: 1em;
+`, o = i.div``;
 export {
-  p as ContentWrapper,
-  s as Div,
-  o as ImageWrapper,
-  n as Wrapper
+  o as Div,
+  t as Group,
+  r as NoticeMetaWrapper
 };

package/dist/snorre.es433.js

@@ -1,23 +1,66 @@
-import { css as n } from "@emotion/react";
+import { css as e } from "@emotion/react";
 import i from "@emotion/styled";
-const l = (o, t) => n`
-  color: ${o ? t : "initial"};
-  &:active,
-  &:hover,
-  &:focus {
-    color: ${o ? t : "initial"};
+import m from "./snorre.es326.js";
+const n = i.div(
+  (t) => e`
+    display: grid;
+    grid-template-columns: ${t.hasImage ? "200px 1fr" : "1fr"};
+    grid-column-gap: 2em;
+    grid-row-gap: 1em;
+    align-items: start;
+
+    @media screen and (max-width: ${m.medium}) {
+      grid-template-columns: 1fr;
+    }
+  `
+), o = i.div`
+  overflow: hidden;
+  max-width: 100%;
+  display: flex;
+  align-items: baseline;
+
+  img {
+    width: 100%;
+    max-height: 100%;
+    border-radius: 16px;
+
+    @media screen and (max-width: ${m.medium}) {
+      max-height: 175px;
+      width: unset;
+      max-width: 100%;
+      min-width: 150px;
+    }
   }
-`, a = i.nav`
+`, p = i.div`
   display: grid;
-  grid-column-gap: 1em;
-  grid-auto-flow: column;
-  width: min-content;
-`, c = i.span`
-  display: flex;
-  align-items: center;
+  grid-template-columns: 1fr;
+  grid-row-gap: 1.5em;
+`, s = i.div`
+  p {
+    margin: 0;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  button {
+    align-self: start;
+  }
+
+  & > span {
+    display: inline-block;
+    margin-bottom: 1em;
+  }
 `;
 export {
-  c as DotWrapper,
-  l as PageStyle,
-  a as Wrapper
+  p as ContentWrapper,
+  s as Div,
+  o as ImageWrapper,
+  n as Wrapper
 };

package/dist/snorre.es434.js

@@ -1,28 +1,23 @@
-import o from "@emotion/styled";
-const e = o.button`
-  display: grid;
-  grid-template-columns: 18px 1fr;
-  grid-column-gap: 24px;
-  border: none;
-  background-color: white;
-  padding: 11px;
-  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
-  border-radius: 2px;
-  color: rgba(0, 0, 0, 0.54);
-  font-family: 'Roboto';
-  font-weight: 500;
-  font-size: 14px;
-  cursor: pointer;
-  align-items: center;
-
+import { css as n } from "@emotion/react";
+import i from "@emotion/styled";
+const l = (o, t) => n`
+  color: ${o ? t : "initial"};
+  &:active,
+  &:hover,
   &:focus {
-    outline-color: rgba(66, 133, 244, 0.3);
-  }
-
-  &:active {
-    background-color: #eeeeee;
+    color: ${o ? t : "initial"};
   }
+`, a = i.nav`
+  display: grid;
+  grid-column-gap: 1em;
+  grid-auto-flow: column;
+  width: min-content;
+`, c = i.span`
+  display: flex;
+  align-items: center;
 `;
 export {
-  e as GButton
+  c as DotWrapper,
+  l as PageStyle,
+  a as Wrapper
 };