@bbl-digital/snorre 4.2.93 → 4.2.94

package/dist/snorre.es342.js

@@ -1,49 +1,30 @@
-import { css as e } from "@emotion/react";
-import t from "./snorre.es326.js";
-const m = {
-  default: (a, i, n) => e`
-    font-weight: bold;
-    color: ${i || a.defaultText};
-    margin: 0;
-    font-size: ${n && `${n} !important`};
+import { css as r } from "@emotion/react";
+const s = {
+  default: (o) => r`
+    position: absolute;
+    z-index: 1000;
+    border-radius: 10px;
+    border: 1px solid ${o.border};
+    background-color: #ffffff;
+    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+    margin-top: 8px;
   `,
-  h1: e`
-    font-size: 32px;
-    font-weight: bold;
-    margin: 0;
-    @media screen and (max-width: ${t.small}) {
-      font-size: 22px;
+  icon: (o) => r`
+    button:hover,
+    button:focus {
+      & > svg > polygon,
+      & > svg > path {
+        fill: ${o.btnHoverTextColor};
+      }
     }
   `,
-  h2: e`
-    font-size: 32px;
-    @media screen and (max-width: ${t.small}) {
-      font-size: 22px;
+  background: (o) => r`
+    button {
+      background-color: ${o};
     }
-  `,
-  h3: e`
-    font-size: 24px;
-    @media screen and (max-width: ${t.small}) {
-      font-size: 20px;
-    }
-  `,
-  h4: e`
-    font-size: 22px;
-    @media screen and (max-width: ${t.small}) {
-      font-size: 18px;
-    }
-  `,
-  h5: e`
-    font-size: 18px;
-    @media screen and (max-width: ${t.small}) {
-      font-size: 16px;
-    }
-  `,
-  setColor: (a) => e({
-    color: a
-  })
+  `
 };
 export {
-  m as default,
-  m as styles
+  s as default,
+  s as styles
 };

package/dist/snorre.es343.js

@@ -1,203 +1,49 @@
 import { css as e } from "@emotion/react";
-const r = {
-  default: (t) => e`
-      display: grid;
-      grid-template-rows: min-content;
-
-      &:focus-within span {
-        color: ${t.primary};
-      }
-      span {
-        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-width: 1px;
-        border-radius: 5px;
-        border-style: solid;
-        padding: 0 10px;
-
-        &:focus {
-          border-color: ${t.primary};
-        }
-        &:disabled {
-          background-color: ${t.disabled};
-        }
-        &::-webkit-outer-spin-button,
-        &::-webkit-inner-spin-button {
-          -webkit-appearance: none;
-          margin: 0;
-        }
-        &[type='number'] {
-          -moz-appearance: textfield;
-        }
-      }
-    `,
-  highligted: (t) => e`
-    font-size: 18px;
-    & input {
-      height: ${t || "50px"};
-      font-size: 16px;
-    }
-    & input[type='search'] {
-      -webkit-appearance: textfield;
-      height: ${t || "60px"};
-      font-size: 16px;
-      border-radius: 5px;
-      box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.1);
-      border-bottom: 0;
-      padding: 0 16px;
-      padding-right: 35px;
-      border-style: none;
-      border-width: 0;
-    }
+import t from "./snorre.es326.js";
+const m = {
+  default: (a, i, n) => e`
+    font-weight: bold;
+    color: ${i || a.defaultText};
+    margin: 0;
+    font-size: ${n && `${n} !important`};
   `,
-  number: (t) => e`
-      border: 2px solid ${t.border};
-      padding-left: 10px;
-    `,
-  text: (t) => e`
-      border: 2px solid ${t.border};
-      padding-left: 10px;
-    `,
-  stealth: (t) => e`
-      &:hover {
-        border-color: ${t.border};
-      }
-      border: 2px solid transparent;
-      padding-left: 10px;
-    `,
-  password: (t) => e({
-    border: "2px solid " + t.border,
-    borderRadius: "3px",
-    paddingLeft: "10px"
-  }),
-  search: (t) => e`
-      border: 0;
-      border-bottom: 2px solid ${t.border};
-      padding-left: 0;
-      padding-right: 35px;
-      &::-webkit-search-decoration,
-      &::-webkit-search-cancel-button,
-      &::-webkit-search-results-button,
-      &::-webkit-search-results-decoration {
-        -webkit-appearance: none;
-      }
-    `,
-  searchLabel: (t) => e`
-    display: block;
-    position: relative;
-
-    & > div > input {
-      width: 100%;
+  h1: e`
+    font-size: 32px;
+    font-weight: bold;
+    margin: 0;
+    @media screen and (max-width: ${t.small}) {
+      font-size: 22px;
     }
-
-    & > svg {
-      position: absolute;
-      right: 16px;
-      left: auto;
-      top: calc(50% - 10px);
-      fill: ${t.primary} !important;
-    }
-  `,
-  file: e``,
-  disabled: (t) => e({
-    cursor: "not-allowed",
-    backgroundColor: t.disabled,
-    borderColor: t.disabled
-  }),
-  cardInput: (t) => e`
-    border-radius: ${t.mypageBoxBorderRadius} !important;
-    padding-left: 1.5em !important;
   `,
-  invalid: (t) => e`
-    input {
-      border-color: ${t.alert};
-      border-style: solid;
-
-      &:active,
-      &:focus,
-      &:hover {
-        border-color: ${t.alert};
-      }
-    }
-
-    svg {
-      position: absolute;
-      top: unset;
-      right: unset;
-      bottom: 2px;
-      left: 3px;
-      path {
-        fill: ${t.alert};
-      }
-    }
-
-    span:nth-of-type(2) {
-      line-height: 30px;
-      padding-left: 25px;
-      font-size: 14px;
-      margin-bottom: 0;
-    }
-
-    &:focus-within span:nth-of-type(2) {
-      color: ${t.alert};
+  h2: e`
+    font-size: 32px;
+    @media screen and (max-width: ${t.small}) {
+      font-size: 22px;
     }
   `,
-  height: (t) => e`
-    & > div > input {
-      height: ${t};
+  h3: e`
+    font-size: 24px;
+    @media screen and (max-width: ${t.small}) {
+      font-size: 20px;
     }
   `,
-  errorMessage: (t) => e`
-    font-size: 14px;
-    padding-left: 10px;
-    margin-bottom: 0;
-    margin-top: 2px;
-    color: ${t.alert};
-    line-height: 20px !important;
-  `,
-  pr4: e`
-    padding-right: 25px;
-  `,
-  infoButton: e`
-    position: absolute;
-    right: 0;
-    top: 0;
-
-    button {
-      display: block;
-      height: 24px;
+  h4: e`
+    font-size: 22px;
+    @media screen and (max-width: ${t.small}) {
+      font-size: 18px;
     }
   `,
-  relative: e`
-    position: relative;
-  `,
-  errorMessageNoLabel: () => e`
-    padding-left: 25px;
-    padding-top: 5px;
-    // We need to override the default font-size of 16px when there is no label
-    font-size: 14px !important;
-  `,
-  inputWrapper: (t) => e`
-    position: relative;
-    & > svg:first-of-type {
-      position: absolute;
-      right: 16px;
-      left: auto;
-      top: calc(50% - 12px);
-      fill: ${t.primary} !important;
+  h5: e`
+    font-size: 18px;
+    @media screen and (max-width: ${t.small}) {
+      font-size: 16px;
     }
-  `
+  `,
+  setColor: (a) => e({
+    color: a
+  })
 };
 export {
-  r as default,
-  r as styles
+  m as default,
+  m as styles
 };

package/dist/snorre.es344.js

@@ -1,15 +1,203 @@
-import { useState as r, useEffect as c } from "react";
-const m = (e, t) => {
-  const [o, u] = r(e);
-  return c(() => {
-    const n = setTimeout(() => {
-      u(e);
-    }, t);
-    return () => {
-      clearTimeout(n);
-    };
-  }, [e, t]), o;
+import { css as e } from "@emotion/react";
+const r = {
+  default: (t) => e`
+      display: grid;
+      grid-template-rows: min-content;
+
+      &:focus-within span {
+        color: ${t.primary};
+      }
+      span {
+        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-width: 1px;
+        border-radius: 5px;
+        border-style: solid;
+        padding: 0 10px;
+
+        &:focus {
+          border-color: ${t.primary};
+        }
+        &:disabled {
+          background-color: ${t.disabled};
+        }
+        &::-webkit-outer-spin-button,
+        &::-webkit-inner-spin-button {
+          -webkit-appearance: none;
+          margin: 0;
+        }
+        &[type='number'] {
+          -moz-appearance: textfield;
+        }
+      }
+    `,
+  highligted: (t) => e`
+    font-size: 18px;
+    & input {
+      height: ${t || "50px"};
+      font-size: 16px;
+    }
+    & input[type='search'] {
+      -webkit-appearance: textfield;
+      height: ${t || "60px"};
+      font-size: 16px;
+      border-radius: 5px;
+      box-shadow: 0 2px 4px 0 rgba(9, 28, 68, 0.1);
+      border-bottom: 0;
+      padding: 0 16px;
+      padding-right: 35px;
+      border-style: none;
+      border-width: 0;
+    }
+  `,
+  number: (t) => e`
+      border: 2px solid ${t.border};
+      padding-left: 10px;
+    `,
+  text: (t) => e`
+      border: 2px solid ${t.border};
+      padding-left: 10px;
+    `,
+  stealth: (t) => e`
+      &:hover {
+        border-color: ${t.border};
+      }
+      border: 2px solid transparent;
+      padding-left: 10px;
+    `,
+  password: (t) => e({
+    border: "2px solid " + t.border,
+    borderRadius: "3px",
+    paddingLeft: "10px"
+  }),
+  search: (t) => e`
+      border: 0;
+      border-bottom: 2px solid ${t.border};
+      padding-left: 0;
+      padding-right: 35px;
+      &::-webkit-search-decoration,
+      &::-webkit-search-cancel-button,
+      &::-webkit-search-results-button,
+      &::-webkit-search-results-decoration {
+        -webkit-appearance: none;
+      }
+    `,
+  searchLabel: (t) => e`
+    display: block;
+    position: relative;
+
+    & > div > input {
+      width: 100%;
+    }
+
+    & > svg {
+      position: absolute;
+      right: 16px;
+      left: auto;
+      top: calc(50% - 10px);
+      fill: ${t.primary} !important;
+    }
+  `,
+  file: e``,
+  disabled: (t) => e({
+    cursor: "not-allowed",
+    backgroundColor: t.disabled,
+    borderColor: t.disabled
+  }),
+  cardInput: (t) => e`
+    border-radius: ${t.mypageBoxBorderRadius} !important;
+    padding-left: 1.5em !important;
+  `,
+  invalid: (t) => e`
+    input {
+      border-color: ${t.alert};
+      border-style: solid;
+
+      &:active,
+      &:focus,
+      &:hover {
+        border-color: ${t.alert};
+      }
+    }
+
+    svg {
+      position: absolute;
+      top: unset;
+      right: unset;
+      bottom: 2px;
+      left: 3px;
+      path {
+        fill: ${t.alert};
+      }
+    }
+
+    span:nth-of-type(2) {
+      line-height: 30px;
+      padding-left: 25px;
+      font-size: 14px;
+      margin-bottom: 0;
+    }
+
+    &:focus-within span:nth-of-type(2) {
+      color: ${t.alert};
+    }
+  `,
+  height: (t) => e`
+    & > div > input {
+      height: ${t};
+    }
+  `,
+  errorMessage: (t) => e`
+    font-size: 14px;
+    padding-left: 10px;
+    margin-bottom: 0;
+    margin-top: 2px;
+    color: ${t.alert};
+    line-height: 20px !important;
+  `,
+  pr4: e`
+    padding-right: 25px;
+  `,
+  infoButton: e`
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    button {
+      display: block;
+      height: 24px;
+    }
+  `,
+  relative: e`
+    position: relative;
+  `,
+  errorMessageNoLabel: () => e`
+    padding-left: 25px;
+    padding-top: 5px;
+    // We need to override the default font-size of 16px when there is no label
+    font-size: 14px !important;
+  `,
+  inputWrapper: (t) => e`
+    position: relative;
+    & > svg:first-of-type {
+      position: absolute;
+      right: 16px;
+      left: auto;
+      top: calc(50% - 12px);
+      fill: ${t.primary} !important;
+    }
+  `
 };
 export {
-  m as useDebounce
+  r as default,
+  r as styles
 };

package/dist/snorre.es345.js

@@ -1,8 +1,15 @@
-const o = (t) => {
-  let e = "";
-  const r = window.URL || window.webkitURL;
-  return t && (e = r.createObjectURL(t)), e;
+import { useState as r, useEffect as c } from "react";
+const m = (e, t) => {
+  const [o, u] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), o;
 };
 export {
-  o as convertBlobToObjectUrl
+  m as useDebounce
 };

package/dist/snorre.es346.js

@@ -1,26 +1,8 @@
-import { css as e } from "@emotion/react";
-const i = {
-  height: (t) => e`
-    height: ${t};
-  `,
-  width: (t) => e`
-    width: ${t};
-  `,
-  objectFit: (t) => e`
-    object-fit: ${t};
-  `,
-  responsive: e`
-    max-width: 100%;
-    height: auto;
-  `,
-  placeholder: (t) => e`
-    background-color: ${t.gray10};
-  `,
-  radius: (t) => e`
-    border-radius: ${t};
-  `
+const o = (t) => {
+  let e = "";
+  const r = window.URL || window.webkitURL;
+  return t && (e = r.createObjectURL(t)), e;
 };
 export {
-  i as default,
-  i as styles
+  o as convertBlobToObjectUrl
 };

package/dist/snorre.es347.js

@@ -1,29 +1,26 @@
-import { getDefaultExportFromCjs as u } from "./snorre.es506.js";
-import { p as s } from "./snorre.es507.js";
-import { R as f } from "./snorre.es508.js";
-var n = Object.create, o = Object.defineProperty, v = Object.getOwnPropertyDescriptor, y = Object.getOwnPropertyNames, P = Object.getPrototypeOf, O = Object.prototype.hasOwnProperty, b = (e, r) => {
-  for (var t in r)
-    o(e, t, { get: r[t], enumerable: !0 });
-}, _ = (e, r, t, p) => {
-  if (r && typeof r == "object" || typeof r == "function")
-    for (let a of y(r))
-      !O.call(e, a) && a !== t && o(e, a, { get: () => r[a], enumerable: !(p = v(r, a)) || p.enumerable });
-  return e;
-}, i = (e, r, t) => (t = e != null ? n(P(e)) : {}, _(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  !e || !e.__esModule ? o(t, "default", { value: e, enumerable: !0 }) : t,
-  e
-)), g = (e) => _(o({}, "__esModule", { value: !0 }), e), c = {};
-b(c, {
-  default: () => w
-});
-var j = g(c), l = i(s), d = f;
-const m = l.default[l.default.length - 1];
-var w = (0, d.createReactPlayer)(l.default, m);
-const h = /* @__PURE__ */ u(j);
+import { css as e } from "@emotion/react";
+const i = {
+  height: (t) => e`
+    height: ${t};
+  `,
+  width: (t) => e`
+    width: ${t};
+  `,
+  objectFit: (t) => e`
+    object-fit: ${t};
+  `,
+  responsive: e`
+    max-width: 100%;
+    height: auto;
+  `,
+  placeholder: (t) => e`
+    background-color: ${t.gray10};
+  `,
+  radius: (t) => e`
+    border-radius: ${t};
+  `
+};
 export {
-  h as default
+  i as default,
+  i as styles
 };

package/dist/snorre.es348.js

@@ -1,11 +1,29 @@
-import t from "@emotion/styled";
-const i = t.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: auto;
-`;
+import { getDefaultExportFromCjs as u } from "./snorre.es507.js";
+import { p as s } from "./snorre.es508.js";
+import { R as f } from "./snorre.es509.js";
+var n = Object.create, o = Object.defineProperty, v = Object.getOwnPropertyDescriptor, y = Object.getOwnPropertyNames, P = Object.getPrototypeOf, O = Object.prototype.hasOwnProperty, b = (e, r) => {
+  for (var t in r)
+    o(e, t, { get: r[t], enumerable: !0 });
+}, _ = (e, r, t, p) => {
+  if (r && typeof r == "object" || typeof r == "function")
+    for (let a of y(r))
+      !O.call(e, a) && a !== t && o(e, a, { get: () => r[a], enumerable: !(p = v(r, a)) || p.enumerable });
+  return e;
+}, i = (e, r, t) => (t = e != null ? n(P(e)) : {}, _(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !e || !e.__esModule ? o(t, "default", { value: e, enumerable: !0 }) : t,
+  e
+)), g = (e) => _(o({}, "__esModule", { value: !0 }), e), c = {};
+b(c, {
+  default: () => w
+});
+var j = g(c), l = i(s), d = f;
+const m = l.default[l.default.length - 1];
+var w = (0, d.createReactPlayer)(l.default, m);
+const h = /* @__PURE__ */ u(j);
 export {
-  i as PlayerContainer
+  h as default
 };