@20minutes/hela 0.1.65 → 0.1.66

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,