@20minutes/hela 0.1.65 → 0.1.67

package/dist/assets/scripts/scroll.d.ts

@@ -1 +1 @@
-export declare const listenerOfScroll: (scrollProgressBarElement?: null | HTMLDivElement, hasLimit?: boolean) => void;
+export declare const listenerOfScroll: () => void;

package/dist/components/atoms/ScrollProgressBar/ScrollProgressBar.d.ts

@@ -1,9 +1,6 @@
 import { ColorType } from '../../../types';
-import { BoxProps } from '../../../components';
-export interface ScrollProgressBarOptions {
-    color?: ColorType;
-    hasLimit?: boolean;
+export interface ScrollProgressBarProps {
     variant?: 'article-mobile';
+    progressColor?: ColorType;
 }
-export type ScrollProgressBarProps = ScrollProgressBarOptions & BoxProps;
 export declare const ScrollProgressBar: import('../../../types').ComponentWithAs<"div", ScrollProgressBarProps>;

package/dist/index.es.js

@@ -22435,42 +22435,35 @@ const aS = ({
   fileName: Fc,
   lineNumber: 24,
   columnNumber: 5
-} }, e)), iS = (e) => {
-  const t = document.documentElement.scrollTop;
-  let n = document.documentElement.scrollHeight - document.documentElement.clientHeight;
-  const o = e && document.querySelector(".js-limit-scroll-progress-bar");
-  o && (n = o.scrollHeight - document.documentElement.clientHeight + (window.pageYOffset + o.getBoundingClientRect().top));
-  const r = Math.round(t / n * 100), l = document.querySelector(".c-progress__bar");
-  l && (l.style.width = `${r}%`, r >= 100 && (l.style.width = "100%"));
-}, lS = (e = document.querySelector(
-  ".c-progress"
-), t = !1) => {
-  e && window.addEventListener("scroll", iS.bind(!1, t));
+} }, e)), iS = () => {
+  const e = document.documentElement.scrollTop;
+  let t = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+  const n = document.querySelector(".js-limit-scroll-progress-bar");
+  n && (t = n.scrollHeight - document.documentElement.clientHeight + (window.pageYOffset + n.getBoundingClientRect().top));
+  const o = Math.round(e / t * 100), r = document.querySelector(".c-progress__bar");
+  r && (r.style.width = `${o}%`, o >= 100 && (r.style.width = "100%"));
+}, lS = () => {
+  document.querySelector(".c-progress") && window.addEventListener("scroll", iS);
 };
 var Z0 = "/home/travis/build/20minutes/hela/src/components/atoms/ScrollProgressBar/ScrollProgressBar.tsx";
 const Lx = Lr(({
   variant: e,
-  hasLimit: t = !1,
-  color: n = "ultramarine",
-  ...o
-}, r) => {
-  const l = m.useRef(null);
-  return ni(() => {
-    l.current && lS(l.current, t);
-  }, []), /* @__PURE__ */ m.createElement(Ie, { ...o, ref: r || l, className: Te("c-progress", {
-    [`c-progress--${e}`]: e
-  }), __self: void 0, __source: {
-    fileName: Z0,
-    lineNumber: 27,
-    columnNumber: 7
-  } }, /* @__PURE__ */ m.createElement(Ie, { className: "c-progress__bar", bg: n, style: {
-    width: "0%"
-  }, __self: void 0, __source: {
-    fileName: Z0,
-    lineNumber: 32,
-    columnNumber: 9
-  } }));
-});
+  progressColor: t = "ultramarine"
+}, n) => (ni(() => {
+  lS();
+}, []), /* @__PURE__ */ m.createElement(Ie, { ref: n, bg: "grey-100", className: Te("c-progress", {
+  [`c-progress--${e}`]: e
+}), __self: void 0, __source: {
+  fileName: Z0,
+  lineNumber: 21,
+  columnNumber: 7
+} }, /* @__PURE__ */ m.createElement(Ie, { className: "c-progress__bar", bg: t, style: {
+  width: "0%"
+}, __self: void 0, __source: {
+  fileName: Z0,
+  lineNumber: 26,
+  columnNumber: 9
+} }))));
 var uS = "/home/travis/build/20minutes/hela/src/components/atoms/Section/Section.tsx";
 const zx = ({
   inner: e,
@@ -23955,93 +23948,93 @@ const VS = ({
   title: r,
   link: l,
   ...d
-}) => n === "framed" && typeof t != "string" ? /* @__PURE__ */ m.createElement(xe, { ...d, className: Te("c-info-banner", d == null ? void 0 : d.className), color: "black", bg: "grey-100", p: "s", __self: void 0, __source: {
+}) => n === "framed" ? typeof t == "string" ? null : /* @__PURE__ */ m.createElement(xe, { ...d, className: Te("c-info-banner", d == null ? void 0 : d.className), color: "black", bg: "grey-100", p: "s", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 28,
+  lineNumber: 33,
   columnNumber: 7
 } }, /* @__PURE__ */ m.createElement(xe, { className: "c-info-banner__container", gap: "s", alignItems: "start", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 35,
+  lineNumber: 40,
   columnNumber: 9
 } }, /* @__PURE__ */ m.createElement(xe, { className: "c-info-banner__content", direction: "column", justifyContent: {
   xs: "between"
 }, __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 36,
+  lineNumber: 41,
   columnNumber: 11
 } }, /* @__PURE__ */ m.createElement(ze, { size: "s", color: "black", dangerouslySetInnerHTML: {
   __html: sf(t)
 }, __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 41,
+  lineNumber: 46,
   columnNumber: 13
 } })))) : n === "alert" && typeof t == "string" ? /* @__PURE__ */ m.createElement(xe, { ...d, className: Te("c-info-banner", "c-info-banner--alert", d == null ? void 0 : d.className), alignItems: "center", justifyContent: "center", gap: "s", color: "white", bg: "red", p: "s", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 57,
+  lineNumber: 62,
   columnNumber: 7
 } }, /* @__PURE__ */ m.createElement(xe, { className: "c-info-banner__container", gap: "s", alignItems: "start", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 67,
+  lineNumber: 72,
   columnNumber: 9
 } }, /* @__PURE__ */ m.createElement(xe, { as: "a", href: l, className: "c-info-banner__visual", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 68,
+  lineNumber: 73,
   columnNumber: 11
 } }, /* @__PURE__ */ m.createElement(cf, { src: e, defaultFormat: "130x82", formats: ["130x82"], sizes: "8.125rem", alt: r, className: "c-info-banner__cover", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 69,
+  lineNumber: 74,
   columnNumber: 13
 } })), /* @__PURE__ */ m.createElement(xe, { className: "c-info-banner__content", direction: "column", justifyContent: {
   xs: "between"
 }, __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 78,
+  lineNumber: 83,
   columnNumber: 11
 } }, /* @__PURE__ */ m.createElement(ze, { className: "c-info-banner__title", color: "red", bg: "white", px: "xxs-2", mb: "xxs-2", size: "s", weight: "bold", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 83,
+  lineNumber: 88,
   columnNumber: 13
 } }, r), /* @__PURE__ */ m.createElement(ze, { as: l ? "a" : void 0, href: l || void 0, size: "s", color: "white", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 94,
+  lineNumber: 99,
   columnNumber: 13
 } }, t), o && /* @__PURE__ */ m.createElement(Xr, { id: "c-info-banner__cross", variant: "ghost", className: "c-info-banner__close", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 98,
+  lineNumber: 103,
   columnNumber: 15
 } }, /* @__PURE__ */ m.createElement(st, { name: "close", size: 12, color: "white", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 99,
+  lineNumber: 104,
   columnNumber: 17
 } }))))) : /* @__PURE__ */ m.createElement(xe, { ...d, className: Te("c-info-banner", d == null ? void 0 : d.className), color: "black", bg: "grey-100", p: "s", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 109,
+  lineNumber: 114,
   columnNumber: 5
 } }, /* @__PURE__ */ m.createElement(xe, { className: "c-info-banner__container", gap: "s", alignItems: "start", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 116,
+  lineNumber: 121,
   columnNumber: 7
 } }, /* @__PURE__ */ m.createElement(xe, { className: "c-info-banner__content", direction: "column", justifyContent: {
   xs: "between"
 }, __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 117,
+  lineNumber: 122,
   columnNumber: 9
 } }, /* @__PURE__ */ m.createElement(Wt, { as: "h5", size: "xxs", color: "black", mb: "xs", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 122,
+  lineNumber: 127,
   columnNumber: 11
 } }, r), /* @__PURE__ */ m.createElement(ze, { as: l ? "a" : void 0, href: l || void 0, size: "s", color: "black", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 125,
+  lineNumber: 130,
   columnNumber: 11
 } }, typeof t == "string" ? t : ""), o && /* @__PURE__ */ m.createElement(Xr, { id: "c-info-banner__cross", variant: "ghost", className: "c-info-banner__close", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 129,
+  lineNumber: 134,
   columnNumber: 13
 } }, /* @__PURE__ */ m.createElement(st, { name: "close", size: 12, color: "white", __self: void 0, __source: {
   fileName: Er,
-  lineNumber: 130,
+  lineNumber: 135,
   columnNumber: 15
 } })))));
 var pr = "/home/travis/build/20minutes/hela/src/components/molecules/Menu/Menu.tsx";