@bbl-digital/snorre 4.2.86 → 4.2.88

package/dist/snorre.es349.js

@@ -0,0 +1,103 @@
+import { css as i } from "@emotion/react";
+const o = {
+  default: (e) => i({
+    display: "inline-block",
+    minHeight: "24px",
+    lineHeight: "24px",
+    padding: "0px 12px",
+    textAlign: "center",
+    outline: "none",
+    border: "none",
+    borderRadius: "12px",
+    fontSize: "14px",
+    color: "white",
+    backgroundColor: e.primary,
+    "& > span": {
+      paddingLeft: "5px"
+    },
+    "&:focus": {
+      textDecoration: "underline"
+    }
+  }),
+  neutral: (e) => i({
+    color: e.defaultText,
+    backgroundColor: e.gray20
+  }),
+  success: (e) => i({
+    color: e.defaultText,
+    backgroundColor: e.successMedium
+  }),
+  info: (e) => i({
+    color: e.bgDark,
+    backgroundColor: e.infoMedium
+  }),
+  danger: (e) => i({
+    color: "white",
+    backgroundColor: e.alert
+  }),
+  dark: (e) => i({
+    color: "white",
+    backgroundColor: e.bgDark
+  }),
+  light: (e) => i({
+    color: e.bgDark,
+    backgroundColor: e.bgLight
+  }),
+  outline: (e) => i`
+      color: ${e.defaultText};
+      min-height: 20px;
+      line-height: 20px;
+      border: 2px solid ${e.bgLight};
+      background-color: white;
+    `,
+  dotted: (e) => i`
+      color: ${e.defaultText};
+      min-height: 20px;
+      line-height: 20px;
+      border: 2px dotted ${e.border};
+      background-color: transparent;
+    `,
+  withclose: i`
+    display: flex;
+    align-items: center;
+    min-height: 24px;
+    line-height: unset;
+
+    & > svg {
+      margin-left: 0.5em;
+    }
+  `,
+  strictClose: i`
+    display: flex;
+    width: fit-content;
+    align-items: center;
+    min-height: 24px;
+    line-height: unset;
+
+    & > button {
+      margin-left: 0.5em;
+    }
+  `,
+  loading: i`
+    display: flex;
+    width: fit-content;
+    align-items: center;
+    min-height: 24px;
+    line-height: unset;
+    gap: 0.5em;
+
+    & > div {
+      margin-right: 0.5em;
+    }
+  `,
+  withicon: i`
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    width: fit-content;
+  `
+};
+export {
+  o as default,
+  o as styles
+};

package/dist/snorre.es35.js

@@ -0,0 +1,6 @@
+import { j as t } from "./snorre.es329.js";
+import o from "./snorre.es360.js";
+const r = (e) => /* @__PURE__ */ t.jsx("svg", { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ t.jsx("path", { d: "M6 21 18 21 18 7 6 7 6 21ZM19 4 15.5 4 14.5 3 9.5 3 8.5 4 5 4 5 6 19 6 19 4Z" }) }), c = o()(r);
+export {
+  c as default
+};

package/dist/snorre.es350.js

@@ -0,0 +1,59 @@
+import { css as t } from "@emotion/react";
+const l = {
+  default: (e, o) => t({
+    fontSize: "16px",
+    color: o || e.defaultText
+  }),
+  paragraph: t({
+    margin: "0"
+  }),
+  intro: t({
+    fontSize: "22px"
+  }),
+  small: t({
+    fontSize: "14px"
+  }),
+  extrasmall: t({
+    fontSize: "12px"
+  }),
+  bold: t({
+    fontWeight: "bold"
+  }),
+  semiBold: t({
+    fontWeight: 600
+  }),
+  size: (e) => t`
+    font-size: ${e};
+  `,
+  subtle: (e) => t({
+    color: e.subtleText
+  }),
+  setColor: (e) => t({
+    color: e
+  }),
+  italic: t`
+    font-style: italic;
+  `,
+  align: (e) => t`
+    text-align: ${e};
+  `,
+  setWordBreak: (e) => e === "break-word" ? t`
+          overflow-wrap: break-word;
+        ` : t`
+          word-break: ${e};
+        `,
+  setWhiteSpace: (e) => t`
+    white-space: ${e};
+  `,
+  setLineClamp: (e) => t`
+    display: -webkit-box;
+    -webkit-line-clamp: ${e};
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  `
+};
+export {
+  l as default,
+  l as styles
+};

package/dist/snorre.es351.js

@@ -0,0 +1,28 @@
+import e from "@emotion/styled";
+import { css as i } from "@emotion/react";
+import o from "./snorre.es503.js";
+const p = (t) => i`
+  background-color: ${t.bgFooter};
+  width: 100%;
+  padding: 40px 0;
+`, m = e.div`
+  display: flex;
+  justify-content: space-between;
+  max-width: 1170px;
+  margin: 0 auto;
+
+  @media screen and (max-width: ${o.small}) {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-row-gap: 2em;
+    padding: 0 1em;
+
+    & > div {
+      height: unset;
+    }
+  }
+`;
+export {
+  m as Content,
+  p as wrapper
+};

package/dist/snorre.es352.js

@@ -0,0 +1,10 @@
+import e from "@emotion/styled";
+const i = e.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 130px;
+`;
+export {
+  i as Wrapper
+};

package/dist/snorre.es353.js

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

package/dist/snorre.es354.js

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

package/dist/snorre.es355.js

@@ -0,0 +1,22 @@
+import o from "@emotion/styled";
+import t from "./snorre.es13.js";
+const i = o(t)`
+  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;
+  }
+`;
+export {
+  i as Wrapper
+};

package/dist/snorre.es356.js

@@ -0,0 +1,18 @@
+import o from "@emotion/styled";
+import t from "./snorre.es13.js";
+const i = o(t)`
+  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;
+  }
+`;
+export {
+  i as Wrapper
+};

package/dist/snorre.es357.js

@@ -0,0 +1,103 @@
+import { css as r } from "@emotion/react";
+const t = {
+  default: (o) => r`
+    display: inline-flex;
+    align-items: center;
+    vertical-align: middle;
+    font-size: 14px;
+    line-height: 20px;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+
+    input {
+      position: absolute;
+      opacity: 0;
+      pointer-events: none;
+
+      &:checked ~ span {
+        background-color: ${o.primary};
+        border-color: ${o.primary};
+      }
+
+      &:checked ~ span:after {
+        display: block;
+      }
+
+      &:focus-visible ~ span {
+        border-color: ${o.primary5darker};
+      }
+
+      &:focus-visible ~ span:before {
+        opacity: 0.2;
+      }
+    }
+
+    span {
+      position: relative;
+      top: 0;
+      left: 0;
+      height: 16px;
+      min-width: 16px;
+      border: 2px solid ${o.border};
+      cursor: pointer;
+      margin-right: 7px;
+
+      &:before {
+        content: '';
+        position: absolute;
+        background: ${o.primary};
+        opacity: 0;
+        left: -10px;
+        top: -10px;
+        width: 35px;
+        height: 35px;
+        border-radius: 50%;
+        transition: opacity 250ms;
+      }
+
+      &:hover:before {
+        opacity: 0.1;
+      }
+
+      &:after {
+        content: '';
+        position: absolute;
+        display: none;
+        left: 5px;
+        top: 2px;
+        width: 4px;
+        height: 9px;
+        border: solid white;
+        border-width: 0 2px 2px 0;
+        transform: rotate(45deg);
+      }
+    }
+  `,
+  nomargin: r`
+    margin-right: 0;
+  `,
+  child: r`
+    padding-left: 41px;
+    span {
+      left: 16px;
+    }
+  `,
+  disabled: (o, i) => r`
+    color: ${o.subtleText};
+    cursor: ${i || "not-allowed"};
+    span {
+      opacity: 0.5;
+      cursor: ${i || "not-allowed"};
+    }
+  `,
+  subtle: (o) => r`
+    span {
+      border-radius: 2px;
+    }
+  `
+};
+export {
+  t as default,
+  t as styles
+};

package/dist/snorre.es358.js

@@ -0,0 +1,99 @@
+import { css as r } from "@emotion/react";
+const p = {
+  default: (o) => r`
+    display: inline-block;
+    position: relative;
+    padding-left: 25px;
+    margin-right: 60px;
+    cursor: pointer;
+    font-size: 14px;
+    user-select: none;
+
+    input {
+      position: absolute;
+      opacity: 0;
+      cursor: pointer;
+
+      &:checked ~ span:after {
+        display: block;
+      }
+
+      &:focus-within ~ span {
+        border-color: ${o.primary};
+      }
+    }
+
+    span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      height: 14px;
+      width: 14px;
+      border: 1px solid ${o.border};
+      border-radius: 50%;
+
+      &:after {
+        content: '';
+        position: absolute;
+        display: none;
+        top: 3px;
+        left: 3px;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: ${o.primary};
+      }
+    }
+  `,
+  vertical: r`
+    display: block;
+    margin-right: 0;
+    margin-bottom: 15px;
+  `,
+  disabled: (o) => r`
+    color: ${o.subtleText};
+    cursor: not-allowed;
+    span {
+      opacity: 0.7;
+      cursor: not-allowed;
+    }
+    input {
+      cursor: not-allowed;
+    }
+  `,
+  boxed: (o) => r`
+    display: grid;
+    align-items: center;
+    padding: 20px 10px 20px 50px;
+    margin-bottom: 0.5em;
+    margin-right: 0;
+    font-size: large;
+    border: 1px solid;
+    border-radius: 15px;
+    width: 100%;
+    border-color: ${o.bgMedium};
+    overflow: hidden;
+    span {
+      left: 25px;
+      top: calc(20px + 4px); // padding-top + halv of radio height
+
+      &:after {
+        top: 3px;
+        left: 3px;
+        width: 8px;
+        height: 8px;
+        background-color: ${o.primary};
+      }
+    }
+    :hover {
+      border-color: ${o.primary};
+    }
+    :has(input:checked) {
+      border-color: ${o.primary};
+    }
+  `
+};
+export {
+  p as default,
+  p as styles
+};

package/dist/snorre.es359.js

@@ -0,0 +1,30 @@
+import t from "@emotion/styled";
+import { keyframes as h } from "@emotion/react";
+const d = "#ccc", o = h`
+  0% { opacity: 0.6; }
+  50%  { opacity: 0.2; }
+  100% { opacity: 0.6; }
+`, e = t.span`
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+  background-color: ${d};
+  animation: ${o} 2s infinite;
+`, c = t(e)`
+  height: ${(i) => i.height ? i.height : "1em"};
+  width: ${(i) => i.width ? i.width : "65%"};
+`, l = t(e)`
+  height: ${(i) => i.height ? i.height : "34px"};
+  width: ${(i) => i.width ? i.width : "34px"};
+  border-radius: 50%;
+`, r = t(e)`
+  height: ${(i) => i.height ? i.height : "34px"};
+  width: ${(i) => i.width ? i.width : "34px"};
+  border-radius: ${(i) => i.borderRadius ? i.borderRadius : "0"};
+`;
+export {
+  l as SkeletonCircle,
+  r as SkeletonRectangle,
+  c as SkeletonRow
+};

package/dist/snorre.es36.js

@@ -0,0 +1,6 @@
+import { j as L } from "./snorre.es329.js";
+import r from "./snorre.es360.js";
+const t = (o) => /* @__PURE__ */ L.jsx("svg", { viewBox: "0 0 24 24", ...o, children: /* @__PURE__ */ L.jsx("path", { d: "M13.7777778,6.66666667 L13.7777778,20 L4,20 L4,18.2222222 L5.77777778,18.2222222 L5.77777778,4 L13.7777778,4 L13.7777778,4.88888889 L18.2222222,4.88888889 L18.2222222,18.2222222 L20,18.2222222 L20,20 L16.4444444,20 L16.4444444,6.66666667 L13.7777778,6.66666667 Z M10.2222222,11.1111111 L10.2222222,12.8888889 L12,12.8888889 L12,11.1111111 L10.2222222,11.1111111 Z" }) }), c = r()(t);
+export {
+  c as default
+};

package/dist/snorre.es360.js

@@ -0,0 +1,47 @@
+import { j as b } from "./snorre.es329.js";
+import { useTheme as h } from "@emotion/react";
+function k(v) {
+  return (c) => function(e) {
+    const i = h(), o = {
+      accessibilityLabel: e.accessibilityLabel ? e.accessibilityLabel : void 0,
+      decorative: e.decorative ? e.decorative : void 0,
+      color: e.color ? e.color : "#000",
+      flip: e.flip ? e.flip : !1,
+      flipVertical: e.flipVertical ? e.flipVertical : !1,
+      inline: e.inline ? e.inline : !1,
+      size: e.size ? e.size : "24px",
+      primary: e.primary ? e.primary : !1,
+      secondary: e.secondary ? e.secondary : !1
+    }, {
+      accessibilityLabel: l,
+      color: s,
+      decorative: f,
+      flip: t,
+      flipVertical: n,
+      inline: d,
+      size: r,
+      primary: m,
+      secondary: y
+    } = o, u = {
+      backgroundColor: i.primary10opa,
+      borderRadius: "50%"
+    }, a = {
+      focusable: "false",
+      role: f ? "presentation" : "img",
+      style: {
+        height: r,
+        width: r,
+        display: d ? "inline" : "block",
+        fill: m ? i.primary : y ? i.secondary : s,
+        transform: t || n ? `scale(${t ? -1 : 1}, ${n ? -1 : 1})` : "scale(1)",
+        // keep scale(1) for transition flipping
+        transition: "transform 300ms ease-out",
+        ...e.backgrounded && u
+      }
+    };
+    return l ? a["aria-label"] = l : a["aria-hidden"] = !0, /* @__PURE__ */ b.jsx(c, { ...a });
+  };
+}
+export {
+  k as default
+};

package/dist/snorre.es361.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "./snorre.es331.js";
+import { SvgTheme as s, withoutBackground as u } from "./snorre.es373.js";
+function m(g) {
+  return (f) => function(i) {
+    const t = {
+      accessibilityLabel: i.accessibilityLabel ? i.accessibilityLabel : void 0,
+      decorative: i.decorative ? i.decorative : void 0,
+      flip: i.flip ? i.flip : !1,
+      flipVertical: i.flipVertical ? i.flipVertical : !1,
+      withBackground: i.withBackground ? i.withBackground : !1,
+      height: i.height ? i.height : "100%",
+      width: i.width ? i.width : "100%"
+    }, {
+      accessibilityLabel: a,
+      decorative: l,
+      flip: c,
+      flipVertical: n,
+      height: d,
+      width: h
+    } = t, e = {
+      focusable: "false",
+      role: l ? "presentation" : "img",
+      style: {
+        transform: c || n ? `scale(${c ? -1 : 1}, ${n ? -1 : 1})` : "scale(1)",
+        // keep scale(1) for transition flipping
+        transition: "transform 300ms ease-out",
+        height: d,
+        width: h
+      }
+    };
+    return l && (e["aria-hidden"] = !0), a && (e["aria-label"] = a), /* @__PURE__ */ r(
+      "div",
+      {
+        css: (o) => [
+          s(o),
+          t.withBackground && u
+        ],
+        children: /* @__PURE__ */ r(f, { ...e })
+      }
+    );
+  };
+}
+export {
+  m as default
+};