@bbl-digital/snorre 4.2.93 → 4.2.94

package/dist/snorre.es388.js

@@ -1,237 +1,98 @@
-import o from "@emotion/styled";
-import { css as d } from "@emotion/react";
-import p from "./snorre.es326.js";
-const e = o.div``, n = o.span``, l = o.span`
+import t from "@emotion/styled";
+import o from "./snorre.es5.js";
+import { css as n } from "@emotion/react";
+const a = t.div`
+  display: grid;
+  grid-row-gap: 0.5em;
+`, d = t.div``, l = t.div`
+  display: grid;
+  grid-row-gap: 4px;
+  margin-bottom: 10px;
+`, p = t.div`
+  display: grid;
+  grid-template-columns: 1fr 65px;
+  height: 32px;
+`, c = t.span(
+  (e) => n`
+    background-color: ${e.theme.illustrationPrimary20};
+    display: flex;
+    align-items: center;
+    padding: 0 1em;
+    overflow: hidden;
+
+    & > span {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  `
+), m = t(o)`
+  & > span {
+    display: flex;
+    align-self: center;
+    justify-content: flex-end;
+    place-items: center;
+  }
+`, g = t.button(
+  (e) => n`
+    display: flex;
+    align-items: center;
+    height: 38px;
+    width: ${e.nostyle ? "38px" : e.width};
+    border: ${e.nostyle ? "none" : "1px dashed #cccccc"};
+    border-radius: 19px;
+    padding: 0;
+    cursor: pointer;
+    font-size: 0.9em;
+    background-color: transparent;
+    outline: 0;
+
+    &:focus {
+      border-color: black;
+    }
+
+    ${e.nostyle && n`
+      justify-content: center;
+    `}
+  `
+), f = t.span`
+  display: grid;
+  grid-template-columns: 1fr 24px;
+  padding: 0 0.5em 0 1em;
+  width: 100%;
+  align-items: center;
+  text-align: left;
+`, u = t.input`
+  display: none;
+`, x = t.span(
+  ({ rotated: e }) => n`
+    ${e && n`
+      transform: rotate(-60deg);
+    `}
+  `
+), h = t.span`
+  line-height: 22px;
+  font-size: 1em;
+  font-weight: 600;
+  margin-bottom: 4px;
+`, y = t.div`
   font-size: 14px;
-  padding-left: 25px;
-  line-height: 20px;
+  padding-left: 10px;
   font-weight: 600;
   margin-bottom: 0;
-  margin-top: 2px;
-  color: ${(r) => r.theme.alert};
-`, c = {
-  default: (r) => d`
-    /**
-    * INPUT STYLES
-    */
-    .input-wrapper {
-      display: grid;
-      grid-template-rows: min-content;
-
-      &:focus-within span:first-of-type {
-        color: ${r.primary};
-      }
-
-      & span:first-of-type {
-        line-height: 22px;
-        font-size: 1em;
-        font-weight: 600;
-        margin-bottom: 4px;
-      }
-
-      input {
-        height: 36px;
-        width: calc(100% - 20px - 2px);
-        font-size: 16px;
-        line-height: 20px;
-        outline: none;
-        border-color: ${r.border};
-        border-width: 1px;
-        border-radius: 5px;
-        border-style: solid;
-        padding: 0 10px;
-
-        &:focus {
-          border-color: ${r.primary};
-        }
-        &:disabled {
-          background-color: ${r.disabled};
-        }
-      }
-    }
-
-    /**
-    * DIALOG STYLES
-    */
-
-    .rdp-root {
-      border: none;
-      border-radius: 10px;
-      margin-top: 10px;
-
-      --rdp-today-color: ${r.primary};
-      --rdp-accent-color: ${r.primary};
-      --rdp-selected-border: ${r.primary};
-      --rdp-background-color: ${r.bg};
-      --rdp-background-color-hover: ${r.bgLight};
-      --rdp-background-color-selected: ${r.btnDefault};
-      --rdp-background-color-range-start: ${r.btnDefault};
-      --rdp-background-color-range-end: ${r.btnDefault};
-    }
-
-    .rdp-month_caption {
-      text-transform: capitalize;
-    }
-
-    .rdp-day {
-      line-height: 1em;
-      border-radius: 50%;
-
-      &:hover {
-        background-color: ${r.bgLight};
-      }
-      &.rdp-selected {
-        background-color: ${r.btnDefault};
-        color: white;
-      }
-    }
-    .rdp-day_button {
-      border-radius: 50%;
-      &:hover {
-        background-color: ${r.primary10opa};
-      }
-    }
-    .rdp-selected,
-    .rdp-selected:hover,
-    .rdp-selected:focus {
-      background-color: ${r.btnDefault};
-      color: white;
-      border-radius: 50%;
-    }
-
-    .rdp-day:not(.rdp-selected):not(.rdp-day_disabled),
-    .rdp-nav {
-      margin-right: 8px;
-      .rdp-button_previous {
-        &:hover,
-        &:focus {
-          background-color: ${r.primary10opa};
-        }
-        &:focus {
-          border-color: ${r.secondary5darker};
-        }
-      }
-      .rdp-button_next {
-        &:hover,
-        &:focus {
-          background-color: ${r.primary10opa};
-        }
-        &:focus {
-          border-color: ${r.secondary5darker};
-        }
-      }
-    }
-
-    .rdp-day_disabled {
-      opacity: 0.25;
-      cursor: default;
-    }
-
-    .rdp-dropdowns {
-      margin-left: 12px;
-    }
-
-    .dialog-sheet {
-      width: fit-content;
-      box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
-      background-color: #fff;
-      z-index: 10;
-      margin-top: 10px;
-      border-radius: 5px;
-    }
-
-    @media screen and (max-width: 379px) {
-      .DayPicker-NavButton {
-        right: 0em;
-      }
-    }
-  `,
-  validation: d`
-    .input-wrapper {
-      position: relative;
-      input {
-        width: calc(100% - 35px - 2px);
-        padding-right: 25px;
-      }
-
-      & > svg {
-        position: absolute;
-        bottom: 2px;
-        left: 3px;
-      }
-    }
-  `,
-  invalid: (r) => d`
-    .input-wrapper {
-      input {
-        border-color: ${r.alert};
-
-        &:active,
-        &:focus,
-        &:hover {
-          border-color: ${r.alert};
-        }
-      }
-
-      svg {
-        path {
-          fill: ${r.alert};
-        }
-      }
-
-      &:focus-within > span:first-of-type {
-        color: ${r.alert};
-      }
-    }
-  `,
-  nonInput: (r) => d`
-    .rdp {
-      margin: 0;
-    }
-
-    .rdp-month {
-      border: 1px solid ${r.border};
-      border-radius: 5px;
-      padding: 1em;
-      width: 100%;
-      max-width: 491px;
-
-      @media screen and (max-width: ${p.small}) {
-        padding: 0;
-      }
-    }
-
-    .rdp-table {
-      width: 100%;
-      max-width: unset;
-    }
-
-    .rdp-head_row,
-    .rdp-row {
-      display: flex;
-      justify-content: space-between;
-    }
-
-    .rdp-head_row {
-      margin-top: 1em;
-    }
-
-    .rdp-head_cell {
-      width: 40px;
-      height: 20px;
-    }
-  `
-};
-o.select`
-  border: none;
-  font-size: 16px;
-  min-width: 60px;
-  margin-right: 5px;
+  color: ${(e) => e.theme.alert};
 `;
-o.div``;
 export {
-  l as ErrorMessage,
-  n as Label,
-  e as Wrapper,
-  c as styles
+  f as ButtonContent,
+  m as Delete,
+  c as Document,
+  l as DocumentList,
+  p as DocumentWrapper,
+  y as ErrorMessage,
+  g as FileButton,
+  d as FileWrapper,
+  u as HiddenInput,
+  x as Icon,
+  h as Label,
+  a as Wrapper
 };

package/dist/snorre.es389.js

@@ -0,0 +1,237 @@
+import o from "@emotion/styled";
+import { css as d } from "@emotion/react";
+import p from "./snorre.es326.js";
+const e = o.div``, n = o.span``, l = o.span`
+  font-size: 14px;
+  padding-left: 25px;
+  line-height: 20px;
+  font-weight: 600;
+  margin-bottom: 0;
+  margin-top: 2px;
+  color: ${(r) => r.theme.alert};
+`, c = {
+  default: (r) => d`
+    /**
+    * INPUT STYLES
+    */
+    .input-wrapper {
+      display: grid;
+      grid-template-rows: min-content;
+
+      &:focus-within span:first-of-type {
+        color: ${r.primary};
+      }
+
+      & span:first-of-type {
+        line-height: 22px;
+        font-size: 1em;
+        font-weight: 600;
+        margin-bottom: 4px;
+      }
+
+      input {
+        height: 36px;
+        width: calc(100% - 20px - 2px);
+        font-size: 16px;
+        line-height: 20px;
+        outline: none;
+        border-color: ${r.border};
+        border-width: 1px;
+        border-radius: 5px;
+        border-style: solid;
+        padding: 0 10px;
+
+        &:focus {
+          border-color: ${r.primary};
+        }
+        &:disabled {
+          background-color: ${r.disabled};
+        }
+      }
+    }
+
+    /**
+    * DIALOG STYLES
+    */
+
+    .rdp-root {
+      border: none;
+      border-radius: 10px;
+      margin-top: 10px;
+
+      --rdp-today-color: ${r.primary};
+      --rdp-accent-color: ${r.primary};
+      --rdp-selected-border: ${r.primary};
+      --rdp-background-color: ${r.bg};
+      --rdp-background-color-hover: ${r.bgLight};
+      --rdp-background-color-selected: ${r.btnDefault};
+      --rdp-background-color-range-start: ${r.btnDefault};
+      --rdp-background-color-range-end: ${r.btnDefault};
+    }
+
+    .rdp-month_caption {
+      text-transform: capitalize;
+    }
+
+    .rdp-day {
+      line-height: 1em;
+      border-radius: 50%;
+
+      &:hover {
+        background-color: ${r.bgLight};
+      }
+      &.rdp-selected {
+        background-color: ${r.btnDefault};
+        color: white;
+      }
+    }
+    .rdp-day_button {
+      border-radius: 50%;
+      &:hover {
+        background-color: ${r.primary10opa};
+      }
+    }
+    .rdp-selected,
+    .rdp-selected:hover,
+    .rdp-selected:focus {
+      background-color: ${r.btnDefault};
+      color: white;
+      border-radius: 50%;
+    }
+
+    .rdp-day:not(.rdp-selected):not(.rdp-day_disabled),
+    .rdp-nav {
+      margin-right: 8px;
+      .rdp-button_previous {
+        &:hover,
+        &:focus {
+          background-color: ${r.primary10opa};
+        }
+        &:focus {
+          border-color: ${r.secondary5darker};
+        }
+      }
+      .rdp-button_next {
+        &:hover,
+        &:focus {
+          background-color: ${r.primary10opa};
+        }
+        &:focus {
+          border-color: ${r.secondary5darker};
+        }
+      }
+    }
+
+    .rdp-day_disabled {
+      opacity: 0.25;
+      cursor: default;
+    }
+
+    .rdp-dropdowns {
+      margin-left: 12px;
+    }
+
+    .dialog-sheet {
+      width: fit-content;
+      box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
+      background-color: #fff;
+      z-index: 10;
+      margin-top: 10px;
+      border-radius: 5px;
+    }
+
+    @media screen and (max-width: 379px) {
+      .DayPicker-NavButton {
+        right: 0em;
+      }
+    }
+  `,
+  validation: d`
+    .input-wrapper {
+      position: relative;
+      input {
+        width: calc(100% - 35px - 2px);
+        padding-right: 25px;
+      }
+
+      & > svg {
+        position: absolute;
+        bottom: 2px;
+        left: 3px;
+      }
+    }
+  `,
+  invalid: (r) => d`
+    .input-wrapper {
+      input {
+        border-color: ${r.alert};
+
+        &:active,
+        &:focus,
+        &:hover {
+          border-color: ${r.alert};
+        }
+      }
+
+      svg {
+        path {
+          fill: ${r.alert};
+        }
+      }
+
+      &:focus-within > span:first-of-type {
+        color: ${r.alert};
+      }
+    }
+  `,
+  nonInput: (r) => d`
+    .rdp {
+      margin: 0;
+    }
+
+    .rdp-month {
+      border: 1px solid ${r.border};
+      border-radius: 5px;
+      padding: 1em;
+      width: 100%;
+      max-width: 491px;
+
+      @media screen and (max-width: ${p.small}) {
+        padding: 0;
+      }
+    }
+
+    .rdp-table {
+      width: 100%;
+      max-width: unset;
+    }
+
+    .rdp-head_row,
+    .rdp-row {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    .rdp-head_row {
+      margin-top: 1em;
+    }
+
+    .rdp-head_cell {
+      width: 40px;
+      height: 20px;
+    }
+  `
+};
+o.select`
+  border: none;
+  font-size: 16px;
+  min-width: 60px;
+  margin-right: 5px;
+`;
+o.div``;
+export {
+  l as ErrorMessage,
+  n as Label,
+  e as Wrapper,
+  c as styles
+};

package/dist/snorre.es39.js

@@ -1,5 +1,5 @@
-import { j as o } from "./snorre.es332.js";
-import t from "./snorre.es363.js";
+import { j as o } from "./snorre.es333.js";
+import t from "./snorre.es364.js";
 const n = (r) => /* @__PURE__ */ o.jsx("svg", { viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ o.jsx("polygon", { points: "4 12 5.41 13.41 11 7.83 11 20 13 20 13 7.83 18.58 13.42 20 12 12 4" }) }), i = t()(n);
 export {
   i as default