@20minutes/hela 0.1.168 → 0.1.170

package/dist/index.es.js

@@ -893,7 +893,7 @@ const _2 = ({
   ...c
 }) => {
   const i = l.split("/").pop(), n = l.substring(0, l.lastIndexOf("/"));
-  return /* @__PURE__ */ e.createElement(d, { ...c, id: `dfp_${i}`, "data-dfp-name": i, "data-dfp-path": n, className: N("c-ad-placeholder", {
+  return /* @__PURE__ */ e.createElement(b, { ...c, id: `dfp_${i}`, "data-dfp-name": i, "data-dfp-path": n, className: N("c-ad-placeholder", {
     "c-ad-placeholder--article c-ad-placeholder--with-mention": m === "ARTICLE"
   }, {
     "c-ad-placeholder--ban c-ad-placeholder--ban--atf": m === "ATF"
@@ -959,7 +959,7 @@ const y0 = ({
   alt: m = "",
   rubricColor: r,
   ...a
-}) => /* @__PURE__ */ e.createElement(d, { ...a, as: "img", className: N("c-avatar", {
+}) => /* @__PURE__ */ e.createElement(b, { ...a, as: "img", className: N("c-avatar", {
   [`c-avatar--${r}`]: r
 }), src: l || "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%3E%3C/svg%3E", alt: m, __self: void 0, __source: {
   fileName: z0,
@@ -1076,11 +1076,11 @@ const t1 = ({
   diodeShift: a,
   bg: c = "ultramarine",
   ...i
-}) => /* @__PURE__ */ e.createElement(d, { ...i, className: N("c-divider-section", i == null ? void 0 : i.className), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...i, className: N("c-divider-section", i == null ? void 0 : i.className), __self: void 0, __source: {
   fileName: qe,
   lineNumber: 22,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { as: "hr", className: N("c-divider-section__line"), bg: c, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { as: "hr", className: N("c-divider-section__line"), bg: c, __self: void 0, __source: {
   fileName: qe,
   lineNumber: 23,
   columnNumber: 5
@@ -1106,7 +1106,7 @@ const Q1 = S(({
   color: l = "black",
   thickness: m = "thin",
   ...r
-}, a) => /* @__PURE__ */ e.createElement(d, { ref: a, bg: l, className: N("c-divider-vertical", {
+}, a) => /* @__PURE__ */ e.createElement(b, { ref: a, bg: l, className: N("c-divider-vertical", {
   [`c-divider-vertical--${m}`]: m !== "thin"
 }, r == null ? void 0 : r.className), __self: void 0, __source: {
   fileName: S0,
@@ -1133,8 +1133,8 @@ const v = S(({
   svgTitle: i,
   ...n
 }, t) => {
-  const u = Array.isArray(m) ? m == null ? void 0 : m[0] : m, b = Array.isArray(m) ? m == null ? void 0 : m[1] : m;
-  return /* @__PURE__ */ e.createElement(d, { ...n, ref: t, className: N("c-icon", {
+  const u = Array.isArray(m) ? m == null ? void 0 : m[0] : m, d = Array.isArray(m) ? m == null ? void 0 : m[1] : m;
+  return /* @__PURE__ */ e.createElement(b, { ...n, ref: t, className: N("c-icon", {
     "c-icon--withBorder": r,
     "c-icon--isRounded": a,
     [`c-icon--${c}`]: c
@@ -1142,7 +1142,7 @@ const v = S(({
     fileName: ke,
     lineNumber: 26,
     columnNumber: 7
-  } }, /* @__PURE__ */ e.createElement("svg", { width: u, height: b, __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement("svg", { width: u, height: d, __self: void 0, __source: {
     fileName: ke,
     lineNumber: 39,
     columnNumber: 9
@@ -2380,7 +2380,7 @@ const u1 = ({
   fetchPriority: t,
   ...u
 }) => {
-  const b = r.split("x"), x = b[0], p = b[1];
+  const d = r.split("x"), x = d[0], p = d[1];
   let w, Q = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${x}'%20height='${p}'%3E%3C/svg%3E`;
   m && (Q = p0({
     src: m,
@@ -2400,7 +2400,7 @@ const u1 = ({
     loading: he,
     fetchpriority: t
   };
-  return /* @__PURE__ */ e.createElement(d, { ...Se, as: "img", src: Q, srcSet: w, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...Se, as: "img", src: Q, srcSet: w, __self: void 0, __source: {
     fileName: C0,
     lineNumber: 57,
     columnNumber: 10
@@ -2426,7 +2426,7 @@ const i1 = S(({
   positionIcon: n = "left",
   isIconButton: t = !1,
   iconButtonProps: u,
-  variant: b,
+  variant: d,
   msg: x,
   containerProps: p,
   ...w
@@ -2459,7 +2459,7 @@ const i1 = S(({
   columnNumber: 13
 } })), /* @__PURE__ */ e.createElement("input", { id: l, className: N("c-input-container__input", {
   [`c-input-container__input--has-icon--${n}`]: i,
-  [`c-input-container__input--${b}`]: b
+  [`c-input-container__input--${d}`]: d
 }, m), required: a, ...w, __self: void 0, __source: {
   fileName: A,
   lineNumber: 75,
@@ -2676,7 +2676,7 @@ const h2 = ({
   R0(a)
 );
 var A0 = "/home/travis/build/20minutes/hela/src/components/atoms/Layout/Box/Box.tsx";
-const d = S(({
+const b = S(({
   as: l = "div",
   children: m,
   ...r
@@ -2688,7 +2688,7 @@ const d = S(({
   lineNumber: 14,
   columnNumber: 3
 } }, m));
-d.displayName = "Box";
+b.displayName = "Box";
 const x2 = [2, 3, 4, 6, 12, "2-of-3"], I0 = ({
   colsNumber: l,
   gap: m,
@@ -2696,7 +2696,7 @@ const x2 = [2, 3, 4, 6, 12, "2-of-3"], I0 = ({
   gapY: a,
   children: c,
   ...i
-}) => e.createElement(d, {
+}) => e.createElement(b, {
   ...i,
   className: N("grid", ...z({
     className: "grid-cols-number",
@@ -2718,7 +2718,7 @@ const _ = S(({
   as: l = "div",
   children: m,
   ...r
-}, a) => /* @__PURE__ */ e.createElement(d, { ..._1({
+}, a) => /* @__PURE__ */ e.createElement(b, { ..._1({
   props: r,
   systemPropNames: Object.keys(f0)
 }), as: l, ref: a, className: N(T0(r), r == null ? void 0 : r.className), __self: void 0, __source: {
@@ -2731,7 +2731,7 @@ const V = S(({
   as: l = "div",
   children: m,
   ...r
-}, a) => /* @__PURE__ */ e.createElement(d, { ..._1({
+}, a) => /* @__PURE__ */ e.createElement(b, { ..._1({
   props: r,
   systemPropNames: Object.keys(N0)
 }), as: l, ref: a, className: N(O0(r), r == null ? void 0 : r.className), __self: void 0, __source: {
@@ -2750,7 +2750,7 @@ const k = S(({
   if (a && r)
     throw new Error("You can't use color and variant props together");
   return /* @__PURE__ */ e.createElement(
-    d,
+    b,
     {
       ...c,
       as: l,
@@ -2798,7 +2798,7 @@ const q0 = ({
   } }, m));
 };
 var W0 = "/home/travis/build/20minutes/hela/src/components/atoms/Overlay/Overlay.tsx";
-const G0 = (l) => /* @__PURE__ */ e.createElement(d, { ...l, className: N("c-overlay c-overlay--with-bg", l == null ? void 0 : l.className), __self: void 0, __source: {
+const G0 = (l) => /* @__PURE__ */ e.createElement(b, { ...l, className: N("c-overlay c-overlay--with-bg", l == null ? void 0 : l.className), __self: void 0, __source: {
   fileName: W0,
   lineNumber: 8,
   columnNumber: 3
@@ -2831,10 +2831,10 @@ const p2 = ({
     columnNumber: 41
   } }), n = [];
   for (let t = 0; t < m; t += 1) {
-    const u = t < l, b = t + 0.5 === l;
-    u && !b ? n.push(a(t)) : b ? n.push(i(t)) : n.push(c(t));
+    const u = t < l, d = t + 0.5 === l;
+    u && !d ? n.push(a(t)) : d ? n.push(i(t)) : n.push(c(t));
   }
-  return /* @__PURE__ */ e.createElement(d, { ...r, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...r, __self: void 0, __source: {
     fileName: We,
     lineNumber: 28,
     columnNumber: 10
@@ -2848,7 +2848,7 @@ const g2 = ({
   isNofollow: a,
   isSponsored: c,
   ...i
-}) => /* @__PURE__ */ e.createElement(d, { ...i, className: N("c-read-also", i == null ? void 0 : i.className), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...i, className: N("c-read-also", i == null ? void 0 : i.className), __self: void 0, __source: {
   fileName: Ge,
   lineNumber: 21,
   columnNumber: 3
@@ -2871,13 +2871,13 @@ var R1 = "/home/travis/build/20minutes/hela/src/components/atoms/ScrollProgressB
 const E2 = S(({
   variant: l,
   progressColor: m = "ultramarine"
-}, r) => /* @__PURE__ */ e.createElement(d, { ref: r, bg: "grey-100", className: N("c-progress", {
+}, r) => /* @__PURE__ */ e.createElement(b, { ref: r, bg: "grey-100", className: N("c-progress", {
   [`c-progress--${l}`]: l
 }), __self: void 0, __source: {
   fileName: R1,
   lineNumber: 14,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(d, { className: "c-progress__bar", bg: m, style: {
+} }, /* @__PURE__ */ e.createElement(b, { className: "c-progress__bar", bg: m, style: {
   width: "0%"
 }, __self: void 0, __source: {
   fileName: R1,
@@ -2889,7 +2889,7 @@ const w2 = ({
   inner: l,
   children: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(d, { ...r, className: N("c-section", {
+}) => /* @__PURE__ */ e.createElement(b, { ...r, className: N("c-section", {
   "c-section--inner": l
 }, r == null ? void 0 : r.className), __self: void 0, __source: {
   fileName: X0,
@@ -2934,11 +2934,11 @@ const Y0 = S(({
   fileName: re,
   lineNumber: 42,
   columnNumber: 27
-} }, i), c.map((b) => /* @__PURE__ */ e.createElement("option", { key: b.value, value: b.value, __self: void 0, __source: {
+} }, i), c.map((d) => /* @__PURE__ */ e.createElement("option", { key: d.value, value: d.value, __self: void 0, __source: {
   fileName: re,
   lineNumber: 44,
   columnNumber: 13
-} }, b.title))))));
+} }, d.title))))));
 var Q0 = "/home/travis/build/20minutes/hela/src/components/atoms/Skeleton/Skeleton.tsx";
 const z2 = ({
   variant: l = "button",
@@ -2973,12 +2973,12 @@ const P0 = (l) => {
   sliderVariant: n = "default",
   auto: t = !1,
   delay: u = 3e3,
-  ...b
-}, x) => /* @__PURE__ */ e.createElement(d, { ...b, ref: x, className: N("c-slider js-navigation-container", b == null ? void 0 : b.className), "data-slider-variant": n, "data-slider-auto": t, "data-slider-delay": u, __self: void 0, __source: {
+  ...d
+}, x) => /* @__PURE__ */ e.createElement(b, { ...d, ref: x, className: N("c-slider js-navigation-container", d == null ? void 0 : d.className), "data-slider-variant": n, "data-slider-auto": t, "data-slider-delay": u, __self: void 0, __source: {
   fileName: pe,
   lineNumber: 48,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(d, { className: "c-slider__viewport js-navigation-container__list", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { className: "c-slider__viewport js-navigation-container__list", __self: void 0, __source: {
   fileName: pe,
   lineNumber: 56,
   columnNumber: 7
@@ -2986,11 +2986,11 @@ const P0 = (l) => {
   fileName: pe,
   lineNumber: 57,
   columnNumber: 9
-} }, m)), l === h.DESKTOP && /* @__PURE__ */ e.createElement(d, { className: "c-slider__buttons-container", __self: void 0, __source: {
+} }, m)), l === h.DESKTOP && /* @__PURE__ */ e.createElement(b, { className: "c-slider__buttons-container", __self: void 0, __source: {
   fileName: pe,
   lineNumber: 62,
   columnNumber: 9
-} }, Array.from(["previous", "next"], (p) => /* @__PURE__ */ e.createElement(d, { key: p, bg: a && P0(a), pr: a && p === "previous" ? "l" : void 0, pl: a && p === "next" ? "l" : void 0, className: N(`c-slider__button-container c-slider__button-container--${p} o-nav-button o-nav-button--${p}-button`, {
+} }, Array.from(["previous", "next"], (p) => /* @__PURE__ */ e.createElement(b, { key: p, bg: a && P0(a), pr: a && p === "previous" ? "l" : void 0, pl: a && p === "next" ? "l" : void 0, className: N(`c-slider__button-container c-slider__button-container--${p} o-nav-button o-nav-button--${p}-button`, {
   "c-slider__button-container--has-background": a
 }, {
   [`c-slider__button-container--${n}`]: n
@@ -3027,7 +3027,7 @@ function el({
       fileName: g1,
       lineNumber: 29,
       columnNumber: 11
-    } }, /* @__PURE__ */ e.createElement(d, { className: "c-stepper__loader", bg: l, __self: this, __source: {
+    } }, /* @__PURE__ */ e.createElement(b, { className: "c-stepper__loader", bg: l, __self: this, __source: {
       fileName: g1,
       lineNumber: 37,
       columnNumber: 13
@@ -3102,7 +3102,7 @@ const ve = S(({
   children: c,
   ...i
 }, n) => /* @__PURE__ */ e.createElement(
-  d,
+  b,
   {
     ...i,
     as: l,
@@ -3156,14 +3156,14 @@ const sl = S(({
   lineNumber: 53,
   columnNumber: 9
 } }, c.map(({
-  iconProps: b,
+  iconProps: d,
   textProps: x,
   value: p
 }, w) => /* @__PURE__ */ e.createElement(_, { key: w == null ? void 0 : w.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
   fileName: P,
   lineNumber: 55,
   columnNumber: 13
-} }, b && /* @__PURE__ */ e.createElement(v, { ...b, __self: void 0, __source: {
+} }, d && /* @__PURE__ */ e.createElement(v, { ...d, __self: void 0, __source: {
   fileName: P,
   lineNumber: 56,
   columnNumber: 29
@@ -3179,7 +3179,7 @@ const e0 = S(({
   as: l = "p",
   children: m,
   ...r
-}, a) => m && m.toString().length || r != null && r.dangerouslySetInnerHTML ? /* @__PURE__ */ e.createElement(d, { ..._1({
+}, a) => m && m.toString().length || r != null && r.dangerouslySetInnerHTML ? /* @__PURE__ */ e.createElement(b, { ..._1({
   props: r,
   systemPropNames: Object.keys(h0)
 }), as: l, ref: a, className: N($0(r), r == null ? void 0 : r.className), __self: void 0, __source: {
@@ -3299,7 +3299,7 @@ const tl = {
   ...t
 }) => {
   let u = ul;
-  return i === h.DESKTOP && (u = tl), /* @__PURE__ */ e.createElement(d, { ...t, as: "figure", className: "c-media", __self: void 0, __source: {
+  return i === h.DESKTOP && (u = tl), /* @__PURE__ */ e.createElement(b, { ...t, as: "figure", className: "c-media", __self: void 0, __source: {
     fileName: _e,
     lineNumber: 51,
     columnNumber: 5
@@ -3338,7 +3338,7 @@ var T1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/Art
 const S2 = ({
   children: l,
   ...m
-}) => /* @__PURE__ */ e.createElement(d, { ...m, px: "s", py: "xxs-2", bg: "sponsoring", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...m, px: "s", py: "xxs-2", bg: "sponsoring", __self: void 0, __source: {
   fileName: T1,
   lineNumber: 12,
   columnNumber: 3
@@ -3368,7 +3368,7 @@ const k2 = ({
     lineNumber: 34,
     columnNumber: 5
   } }, l);
-  let u = /* @__PURE__ */ e.createElement(d, { ...n, as: "header", __self: void 0, __source: {
+  let u = /* @__PURE__ */ e.createElement(b, { ...n, as: "header", __self: void 0, __source: {
     fileName: le,
     lineNumber: 40,
     columnNumber: 5
@@ -3462,11 +3462,11 @@ const Nl = ({
     lineNumber: 24,
     columnNumber: 7
   } }), i);
-  return /* @__PURE__ */ e.createElement(d, { ...n, className: N("c-block-diode", n == null ? void 0 : n.className), bg: a, color: c, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...n, className: N("c-block-diode", n == null ? void 0 : n.className), bg: a, color: c, __self: void 0, __source: {
     fileName: z1,
     lineNumber: 43,
     columnNumber: 5
-  } }, r ? /* @__PURE__ */ e.createElement(d, { pt: "0", className: "o-page-wrap", __self: void 0, __source: {
+  } }, r ? /* @__PURE__ */ e.createElement(b, { pt: "0", className: "o-page-wrap", __self: void 0, __source: {
     fileName: z1,
     lineNumber: 50,
     columnNumber: 9
@@ -3636,7 +3636,7 @@ const bl = (l) => {
   caption: n,
   lazyLoad: t = !1,
   fetchPriority: u = "auto",
-  className: b,
+  className: d,
   radius: x,
   ...p
 }) => {
@@ -3647,7 +3647,7 @@ const bl = (l) => {
     lineNumber: 34,
     columnNumber: 5
   } });
-  return /* @__PURE__ */ e.createElement(d, { ...n && p, className: N("c-card-img", b), __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...n && p, className: N("c-card-img", d), __self: void 0, __source: {
     fileName: Fe,
     lineNumber: 49,
     columnNumber: 5
@@ -3677,7 +3677,7 @@ const J = ({
   weight: i,
   children: n,
   ...t
-}) => /* @__PURE__ */ e.createElement(d, { ...t, pb: "xxs-3", className: N("c-card-title", {
+}) => /* @__PURE__ */ e.createElement(b, { ...t, pb: "xxs-3", className: N("c-card-title", {
   "c-card-title--has-max-rows": m,
   [`c-card-title--has-${m}-rows`]: m
 }, t == null ? void 0 : t.className), __self: void 0, __source: {
@@ -3706,24 +3706,24 @@ const j2 = ({
   layout: n,
   signatureProps: t,
   socialBarProps: u,
-  follows3ColumnsGrid: b = !1,
+  follows3ColumnsGrid: d = !1,
   ...x
 }) => {
   const p = ["722x469", "640x408", "320x204"];
-  return /* @__PURE__ */ e.createElement(d, { ...x, className: "c-card-extra-large", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...x, className: "c-card-extra-large", __self: void 0, __source: {
     fileName: C,
     lineNumber: 40,
     columnNumber: 5
-  } }, n === h.DESKTOP ? /* @__PURE__ */ e.createElement(_, { gap: b ? "s" : "xl", className: N({
-    "o-lt-show": !b,
-    "o-columns-by-3": b
+  } }, n === h.DESKTOP ? /* @__PURE__ */ e.createElement(_, { gap: d ? "s" : "xl", className: N({
+    "o-lt-show": !d,
+    "o-columns-by-3": d
   }), __self: void 0, __source: {
     fileName: C,
     lineNumber: 42,
     columnNumber: 9
-  } }, i && /* @__PURE__ */ e.createElement(d, { as: "a", href: l, className: N({
-    "o-lt-show__main": !b,
-    "o-columns-by-3__first-2-columns": b
+  } }, i && /* @__PURE__ */ e.createElement(b, { as: "a", href: l, className: N({
+    "o-lt-show__main": !d,
+    "o-columns-by-3__first-2-columns": d
   }), __self: void 0, __source: {
     fileName: C,
     lineNumber: 50,
@@ -3732,9 +3732,9 @@ const j2 = ({
     fileName: C,
     lineNumber: 58,
     columnNumber: 15
-  } })), /* @__PURE__ */ e.createElement(_, { direction: "column", justifyContent: "between", pl: b ? "s" : "0", className: N({
-    "o-lt-show__aside": !b,
-    "o-columns-by-3__last-1-column": b
+  } })), /* @__PURE__ */ e.createElement(_, { direction: "column", justifyContent: "between", pl: d ? "s" : "0", className: N({
+    "o-lt-show__aside": !d,
+    "o-columns-by-3__last-1-column": d
   }), __self: void 0, __source: {
     fileName: C,
     lineNumber: 67,
@@ -3759,7 +3759,7 @@ const j2 = ({
     fileName: C,
     lineNumber: 95,
     columnNumber: 32
-  } }))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { as: "a", href: l, __self: void 0, __source: {
+  } }))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(b, { as: "a", href: l, __self: void 0, __source: {
     fileName: C,
     lineNumber: 100,
     columnNumber: 11
@@ -3779,7 +3779,7 @@ const j2 = ({
     fileName: C,
     lineNumber: 117,
     columnNumber: 32
-  } }), r && /* @__PURE__ */ e.createElement(d, { as: "p", color: r.color || "grey-600", className: "c-card-extra-large__summary", mx: "m", mt: "xs", __self: void 0, __source: {
+  } }), r && /* @__PURE__ */ e.createElement(b, { as: "p", color: r.color || "grey-600", className: "c-card-extra-large__summary", mx: "m", mt: "xs", __self: void 0, __source: {
     fileName: C,
     lineNumber: 119,
     columnNumber: 15
@@ -3849,12 +3849,12 @@ const H2 = ({
   cardImageProps: n,
   signatureProps: t,
   socialBarProps: u,
-  ...b
-}) => /* @__PURE__ */ e.createElement(ue, { ...b, as: "div", direction: "column", __self: void 0, __source: {
+  ...d
+}) => /* @__PURE__ */ e.createElement(ue, { ...d, as: "div", direction: "column", __self: void 0, __source: {
   fileName: Z,
   lineNumber: 35,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { as: "a", href: l, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { as: "a", href: l, __self: void 0, __source: {
   fileName: Z,
   lineNumber: 36,
   columnNumber: 5
@@ -3913,13 +3913,13 @@ const vl = ({
   socialBarProps: n,
   cardFooterProps: t,
   bg: u,
-  radius: b,
+  radius: d,
   ...x
-}) => /* @__PURE__ */ e.createElement(ue, { ...x, as: "div", direction: "column", bg: u, radius: u ? b || "xxs" : void 0, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(ue, { ...x, as: "div", direction: "column", bg: u, radius: u ? d || "xxs" : void 0, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 34,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { as: "a", href: l, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { as: "a", href: l, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 41,
   columnNumber: 5
@@ -3929,7 +3929,7 @@ const vl = ({
   fileName: ce,
   lineNumber: 43,
   columnNumber: 9
-} }), /* @__PURE__ */ e.createElement(d, { px: u ? "s" : void 0, __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(b, { px: u ? "s" : void 0, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 52,
   columnNumber: 7
@@ -3963,8 +3963,8 @@ const hl = ({
   layout: n,
   summaryProps: t,
   viewCount: u,
-  ...b
-}) => /* @__PURE__ */ e.createElement(ue, { ...b, link: l, className: "c-card-most-read", justifyContent: "start", __self: void 0, __source: {
+  ...d
+}) => /* @__PURE__ */ e.createElement(ue, { ...d, link: l, className: "c-card-most-read", justifyContent: "start", __self: void 0, __source: {
   fileName: D,
   lineNumber: 33,
   columnNumber: 3
@@ -3974,21 +3974,21 @@ const hl = ({
   fileName: D,
   lineNumber: 34,
   columnNumber: 5
-} }, i.value), /* @__PURE__ */ e.createElement(d, { className: "c-card-most-read__content", mr: c != null && c.cover && n === h.DESKTOP ? "s" : void 0, __self: void 0, __source: {
+} }, i.value), /* @__PURE__ */ e.createElement(b, { className: "c-card-most-read__content", __self: void 0, __source: {
   fileName: D,
   lineNumber: 44,
   columnNumber: 5
 } }, r && /* @__PURE__ */ e.createElement(te, { mb: "xxs-2", ...r, __self: void 0, __source: {
   fileName: D,
-  lineNumber: 48,
+  lineNumber: 45,
   columnNumber: 27
 } }), /* @__PURE__ */ e.createElement(J, { as: "h4", size: "s", ...a, __self: void 0, __source: {
   fileName: D,
-  lineNumber: 49,
+  lineNumber: 46,
   columnNumber: 7
 } }, m), t && /* @__PURE__ */ e.createElement(f, { ...t, color: "grey-600", fontFamily: "source-serif-pro", size: "xl", mt: "xs", __self: void 0, __source: {
   fileName: D,
-  lineNumber: 53,
+  lineNumber: 50,
   columnNumber: 9
 } }, t.children), (c == null ? void 0 : c.cover) && n === h.MOBILE && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
   caption: {
@@ -3997,19 +3997,19 @@ const hl = ({
   }
 }, defaultFormat: "297x204", alt: m, mt: "xs", className: "c-card-most-read__img", __self: void 0, __source: {
   fileName: D,
-  lineNumber: 58,
+  lineNumber: 55,
   columnNumber: 9
 } }), u && /* @__PURE__ */ e.createElement(_, { gap: "xs", alignItems: "center", mt: "xs", __self: void 0, __source: {
   fileName: D,
-  lineNumber: 70,
+  lineNumber: 67,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(v, { size: 22, name: "view", __self: void 0, __source: {
   fileName: D,
-  lineNumber: 71,
+  lineNumber: 68,
   columnNumber: 11
 } }), /* @__PURE__ */ e.createElement(f, { size: "m", weight: "bold", __self: void 0, __source: {
   fileName: D,
-  lineNumber: 72,
+  lineNumber: 69,
   columnNumber: 11
 } }, u))), (c == null ? void 0 : c.cover) && n === h.DESKTOP && /* @__PURE__ */ e.createElement(G, { ...c, ...c.caption && {
   caption: {
@@ -4018,7 +4018,7 @@ const hl = ({
   }
 }, defaultFormat: "150x95", alt: m, __self: void 0, __source: {
   fileName: D,
-  lineNumber: 79,
+  lineNumber: 76,
   columnNumber: 7
 } }));
 var Ee = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardOverview/CardOverview.tsx";
@@ -4038,7 +4038,7 @@ function r0({
     fileName: Ee,
     lineNumber: 20,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(d, { className: "c-card-overview__img-container", __self: this, __source: {
+  } }, /* @__PURE__ */ e.createElement(b, { className: "c-card-overview__img-container", __self: this, __source: {
     fileName: Ee,
     lineNumber: 28,
     columnNumber: 7
@@ -4140,7 +4140,7 @@ const B2 = ({
   fileName: X,
   lineNumber: 32,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { as: "a", href: l, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { as: "a", href: l, __self: void 0, __source: {
   fileName: X,
   lineNumber: 33,
   columnNumber: 5
@@ -4156,7 +4156,7 @@ const B2 = ({
   fileName: X,
   lineNumber: 36,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(J, { maxRows: 3, size: {
+} }, /* @__PURE__ */ e.createElement(J, { size: {
   xs: "xs",
   md: "s"
 }, fontFamily: "source-serif-pro", ...r, __self: void 0, __source: {
@@ -4165,11 +4165,11 @@ const B2 = ({
   columnNumber: 11
 } }, m), i === h.DESKTOP && n && /* @__PURE__ */ e.createElement(f, { ...n, as: "span", size: "xl", fontFamily: "source-serif-pro", __self: void 0, __source: {
   fileName: X,
-  lineNumber: 46,
+  lineNumber: 41,
   columnNumber: 13
 } }, n.children)), /* @__PURE__ */ e.createElement(V, { __self: void 0, __source: {
   fileName: X,
-  lineNumber: 51,
+  lineNumber: 46,
   columnNumber: 9
 } }, a && /* @__PURE__ */ e.createElement(G, { ...a, ...a.caption && {
   caption: {
@@ -4178,11 +4178,11 @@ const B2 = ({
   }
 }, className: "c-card-with-summary__image", defaultFormat: "150x90", alt: m, mb: "xs", __self: void 0, __source: {
   fileName: X,
-  lineNumber: 53,
+  lineNumber: 48,
   columnNumber: 13
 } })))), t && /* @__PURE__ */ e.createElement(ye, { ...t, variant: "card", className: "c-card-with-summary__social-bar", __self: void 0, __source: {
   fileName: X,
-  lineNumber: 68,
+  lineNumber: 63,
   columnNumber: 7
 } }));
 var je = "/home/travis/build/20minutes/hela/src/components/molecules/Carousel/Carousel.tsx";
@@ -4196,8 +4196,8 @@ const $2 = ({
   rubricColor: n,
   titleUnderlined: t = !0,
   titleAlignment: u,
-  ...b
-}) => c.length > 0 ? /* @__PURE__ */ e.createElement(d, { ...b, className: N("c-carousel", b == null ? void 0 : b.className), __self: void 0, __source: {
+  ...d
+}) => c.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...d, className: N("c-carousel", d == null ? void 0 : d.className), __self: void 0, __source: {
   fileName: je,
   lineNumber: 41,
   columnNumber: 5
@@ -4229,7 +4229,7 @@ const Z2 = ({
   citationText: l,
   citationAuthor: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(d, { ...r, as: "blockquote", color: "ultramarine", className: "c-citation", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...r, as: "blockquote", color: "ultramarine", className: "c-citation", __self: void 0, __source: {
   fileName: He,
   lineNumber: 14,
   columnNumber: 3
@@ -4264,12 +4264,12 @@ const c0 = S(({
   btnProps: n,
   children: t,
   textProps: u,
-  ...b
-}, x) => /* @__PURE__ */ e.createElement(d, { ...b, className: "c-collapse js-collapse", ref: x, __self: void 0, __source: {
+  ...d
+}, x) => /* @__PURE__ */ e.createElement(b, { ...d, className: "c-collapse js-collapse", ref: x, __self: void 0, __source: {
   fileName: Le,
   lineNumber: 43,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(d, { ...n, as: "button", type: "button", id: `c-collapse__button-${m}`, px: (n == null ? void 0 : n.px) || "l", py: (n == null ? void 0 : n.py) || "xxs", className: N("c-collapse__button js-collapse__button", n == null ? void 0 : n.className), "aria-controls": `c-collapse__content-${m}`, "aria-expanded": r || "false", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { ...n, as: "button", type: "button", id: `c-collapse__button-${m}`, px: (n == null ? void 0 : n.px) || "l", py: (n == null ? void 0 : n.py) || "xxs", className: N("c-collapse__button js-collapse__button", n == null ? void 0 : n.className), "aria-controls": `c-collapse__content-${m}`, "aria-expanded": r || "false", __self: void 0, __source: {
   fileName: Le,
   lineNumber: 44,
   columnNumber: 7
@@ -4296,7 +4296,7 @@ const R2 = ({
     distanceVisible: 0
   },
   ...r
-}) => l ? /* @__PURE__ */ e.createElement(d, { id: "mbrs-comments-container", className: "c-comment", "data-delayed": m.delayed, "data-distance-visible": m.distanceVisible, ...r, __self: void 0, __source: {
+}) => l ? /* @__PURE__ */ e.createElement(b, { id: "mbrs-comments-container", className: "c-comment", "data-delayed": m.delayed, "data-distance-visible": m.distanceVisible, ...r, __self: void 0, __source: {
   fileName: xl,
   lineNumber: 22,
   columnNumber: 5
@@ -4454,7 +4454,7 @@ const I2 = ({
     fileName: j,
     lineNumber: 43,
     columnNumber: 9
-  } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"))), /* @__PURE__ */ e.createElement(d, { className: "c-error-content", __self: void 0, __source: {
+  } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"))), /* @__PURE__ */ e.createElement(b, { className: "c-error-content", __self: void 0, __source: {
     fileName: j,
     lineNumber: 52,
     columnNumber: 5
@@ -4462,15 +4462,15 @@ const I2 = ({
     fileName: j,
     lineNumber: 53,
     columnNumber: 7
-  } }), /* @__PURE__ */ e.createElement(d, { mb: "l", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(b, { mb: "l", __self: void 0, __source: {
     fileName: j,
     lineNumber: 58,
     columnNumber: 7
-  } }, r), /* @__PURE__ */ e.createElement(d, { mb: "s", __self: void 0, __source: {
+  } }, r), /* @__PURE__ */ e.createElement(b, { mb: "s", __self: void 0, __source: {
     fileName: j,
     lineNumber: 59,
     columnNumber: 7
-  } }, m ? /* @__PURE__ */ e.createElement(d, { className: "gcse-search", __self: void 0, __source: {
+  } }, m ? /* @__PURE__ */ e.createElement(b, { className: "gcse-search", __self: void 0, __source: {
     fileName: j,
     lineNumber: 61,
     columnNumber: 11
@@ -4667,10 +4667,10 @@ const K2 = ({
   fileName: R,
   lineNumber: 62,
   columnNumber: 13
-} }, c)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((u, b) => /* @__PURE__ */ e.createElement(
+} }, c)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((u, d) => /* @__PURE__ */ e.createElement(
   k,
   {
-    key: `key-${b}`,
+    key: `key-${d}`,
     href: u.link,
     color: u.color ? u.color : "black",
     __self: void 0,
@@ -4697,7 +4697,7 @@ const U2 = ({
   mediaProps: n,
   variant: t = "primary",
   contentProps: u,
-  countdownProps: b,
+  countdownProps: d,
   ...x
 }) => {
   const p = /* @__PURE__ */ e.createElement(y, { as: "h1", size: {
@@ -4743,7 +4743,7 @@ const U2 = ({
     lineNumber: 82,
     columnNumber: 11
   } }, "Voir plus")));
-  let Q = /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
+  let Q = /* @__PURE__ */ e.createElement(b, { __self: void 0, __source: {
     fileName: F,
     lineNumber: 91,
     columnNumber: 5
@@ -4751,13 +4751,13 @@ const U2 = ({
     fileName: F,
     lineNumber: 93,
     columnNumber: 9
-  } }), p, b && /* @__PURE__ */ e.createElement(A1, { mx: {
+  } }), p, d && /* @__PURE__ */ e.createElement(A1, { mx: {
     xs: "m",
     md: "0"
   }, my: {
     xs: "xl",
     md: "xxl"
-  }, ...b, __self: void 0, __source: {
+  }, ...d, __self: void 0, __source: {
     fileName: F,
     lineNumber: 105,
     columnNumber: 9
@@ -4782,13 +4782,13 @@ const U2 = ({
     fileName: F,
     lineNumber: 126,
     columnNumber: 13
-  } }), p, b && /* @__PURE__ */ e.createElement(A1, { mx: {
+  } }), p, d && /* @__PURE__ */ e.createElement(A1, { mx: {
     xs: "m",
     md: "0"
   }, my: {
     xs: "xl",
     md: "xxl"
-  }, ...b, __self: void 0, __source: {
+  }, ...d, __self: void 0, __source: {
     fileName: F,
     lineNumber: 136,
     columnNumber: 13
@@ -4796,7 +4796,7 @@ const U2 = ({
     fileName: F,
     lineNumber: 141,
     columnNumber: 11
-  } }))), /* @__PURE__ */ e.createElement(d, { as: "header", ...x, className: N("c-nodeheader", {
+  } }))), /* @__PURE__ */ e.createElement(b, { as: "header", ...x, className: N("c-nodeheader", {
     "c-nodeheader--is-expandable": a
   }, x == null ? void 0 : x.className), __self: void 0, __source: {
     fileName: F,
@@ -4843,15 +4843,15 @@ const q2 = ({
   topics: l,
   infoBannerProps: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(d, { ...r, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...r, __self: void 0, __source: {
   fileName: we,
   lineNumber: 22,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { as: "ul", mb: "xl", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { as: "ul", mb: "xl", __self: void 0, __source: {
   fileName: we,
   lineNumber: 23,
   columnNumber: 5
-} }, l.map((a, c) => /* @__PURE__ */ e.createElement(d, { as: "li", key: a.title, __self: void 0, __source: {
+} }, l.map((a, c) => /* @__PURE__ */ e.createElement(b, { as: "li", key: a.title, __self: void 0, __source: {
   fileName: we,
   lineNumber: 25,
   columnNumber: 9
@@ -4871,7 +4871,7 @@ const q2 = ({
 var Ze = "/home/travis/build/20minutes/hela/src/components/molecules/Horoscope/HoroscopeTiles/HoroscopeTiles.tsx";
 const W2 = ({
   horoscopeSignsList: l
-}) => /* @__PURE__ */ e.createElement(d, { as: "ul", className: "o-inline", mx: {
+}) => /* @__PURE__ */ e.createElement(b, { as: "ul", className: "o-inline", mx: {
   xs: "m",
   md: "0"
 }, __self: void 0, __source: {
@@ -4905,7 +4905,7 @@ const El = S(({
   title: m,
   content: r,
   ...a
-}, c) => /* @__PURE__ */ e.createElement(d, { ...a, ref: c, className: N("c-horoscope-topic-card", a == null ? void 0 : a.className), __self: void 0, __source: {
+}, c) => /* @__PURE__ */ e.createElement(b, { ...a, ref: c, className: N("c-horoscope-topic-card", a == null ? void 0 : a.className), __self: void 0, __source: {
   fileName: Re,
   lineNumber: 16,
   columnNumber: 5
@@ -5040,7 +5040,7 @@ const J2 = ({
   fileName: S1,
   lineNumber: 23,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(d, { id: "mbrs-live-question-container", className: "c-live-question", "data-delayed": m.delayed, "data-distance-visible": m.distanceVisible, mx: {
+} }), /* @__PURE__ */ e.createElement(b, { id: "mbrs-live-question-container", className: "c-live-question", "data-delayed": m.delayed, "data-distance-visible": m.distanceVisible, mx: {
   xs: "m",
   md: "0"
 }, __self: void 0, __source: {
@@ -5054,11 +5054,11 @@ const X2 = ({
   author: m,
   response: r,
   ...a
-}) => /* @__PURE__ */ e.createElement(d, { ...a, className: "c-live-talk", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...a, className: "c-live-talk", __self: void 0, __source: {
   fileName: Te,
   lineNumber: 11,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { bg: "grey-100", p: "s", mb: "xl", radius: "m", className: "c-live-talk__question", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { bg: "grey-100", p: "s", mb: "xl", radius: "m", className: "c-live-talk__question", __self: void 0, __source: {
   fileName: Te,
   lineNumber: 12,
   columnNumber: 5
@@ -5081,7 +5081,7 @@ const Y2 = ({
   header: m,
   title: r,
   ...a
-}) => /* @__PURE__ */ e.createElement(d, { ...a, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { ...a, __self: void 0, __source: {
   fileName: k1,
   lineNumber: 11,
   columnNumber: 3
@@ -5147,7 +5147,7 @@ const Q2 = ({
     fileName: M,
     lineNumber: 80,
     columnNumber: 13
-  } }, n.children))), /* @__PURE__ */ e.createElement(d, { className: "c-menu__list", __self: void 0, __source: {
+  } }, n.children))), /* @__PURE__ */ e.createElement(b, { className: "c-menu__list", __self: void 0, __source: {
     fileName: M,
     lineNumber: 86,
     columnNumber: 7
@@ -5169,11 +5169,11 @@ const Q2 = ({
     fileName: M,
     lineNumber: 107,
     columnNumber: 17
-  } }, n.tags.map((u, b) => /* @__PURE__ */ e.createElement(ve, { key: b, link: u.link, color: "ultramarine", __self: void 0, __source: {
+  } }, n.tags.map((u, d) => /* @__PURE__ */ e.createElement(ve, { key: d, link: u.link, color: "ultramarine", __self: void 0, __source: {
     fileName: M,
     lineNumber: 109,
     columnNumber: 21
-  } }, u.children))), n.links.map((u, b) => /* @__PURE__ */ e.createElement(_, { as: k, key: b, href: u.href, color: "black", pb: b !== n.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
+  } }, u.children))), n.links.map((u, d) => /* @__PURE__ */ e.createElement(_, { as: k, key: d, href: u.href, color: "black", pb: d !== n.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
     fileName: M,
     lineNumber: 116,
     columnNumber: 17
@@ -5202,7 +5202,7 @@ const P2 = ({
   variant: n = "small",
   ...t
 }) => {
-  const u = /* @__PURE__ */ e.createElement(d, { as: "form", color: "white", bg: "ultramarine", px: "m", py: "xxl", className: "c-newsletter__form", __self: void 0, __source: {
+  const u = /* @__PURE__ */ e.createElement(b, { as: "form", color: "white", bg: "ultramarine", px: "m", py: "xxl", className: "c-newsletter__form", __self: void 0, __source: {
     fileName: U,
     lineNumber: 37,
     columnNumber: 5
@@ -5237,7 +5237,7 @@ const P2 = ({
     lineNumber: 66,
     columnNumber: 9
   } })));
-  return /* @__PURE__ */ e.createElement(d, { ...t, className: N("c-newsletter", t == null ? void 0 : t.className), __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { ...t, className: N("c-newsletter", t == null ? void 0 : t.className), __self: void 0, __source: {
     fileName: U,
     lineNumber: 72,
     columnNumber: 5
@@ -5264,14 +5264,14 @@ function em({
     loaded: !1,
     loading: !1
   }));
-  return /* @__PURE__ */ e.createElement(d, { mx: {
+  return /* @__PURE__ */ e.createElement(b, { mx: {
     md: "s",
     xs: "0"
   }, className: "js-overview-bar-container", __self: this, __source: {
     fileName: oe,
     lineNumber: 28,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(d, { className: "c-overview-bar", __self: this, __source: {
+  } }, /* @__PURE__ */ e.createElement(b, { className: "c-overview-bar", __self: this, __source: {
     fileName: oe,
     lineNumber: 29,
     columnNumber: 7
@@ -5287,7 +5287,7 @@ function em({
     fileName: oe,
     lineNumber: 35,
     columnNumber: 9
-  } }, l.map((t, u) => /* @__PURE__ */ e.createElement(d, { key: u, className: N("c-overview-bar__item", m === h.DESKTOP && u !== l.length - 1 && "c-overview-bar__item--withBorder", {
+  } }, l.map((t, u) => /* @__PURE__ */ e.createElement(b, { key: u, className: N("c-overview-bar__item", m === h.DESKTOP && u !== l.length - 1 && "c-overview-bar__item--withBorder", {
     "c-overview-bar__item--mobile": m === h.MOBILE
   }), __self: this, __source: {
     fileName: oe,
@@ -5367,7 +5367,7 @@ const yl = ({
 }).slice(1, 3)), mm = ({
   columns: l,
   ...m
-}) => l.length > 0 ? /* @__PURE__ */ e.createElement(d, { ...m, className: "c-partner-cards", __self: void 0, __source: {
+}) => l.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...m, className: "c-partner-cards", __self: void 0, __source: {
   fileName: q,
   lineNumber: 56,
   columnNumber: 5
@@ -5394,7 +5394,7 @@ const rm = ({
   layout: m,
   willNotReduceAtScroll: r = !1,
   limitTop: a = 0
-}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(d, { className: N("c-read-also-banner", {
+}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(b, { className: N("c-read-also-banner", {
   "c-read-also-banner__scrolldirection--down": !r
 }), pl: "l", pr: {
   xs: "l",
@@ -5436,7 +5436,7 @@ const B1 = ({
   url: a,
   toggleButton: c = !1,
   ...i
-}) => /* @__PURE__ */ e.createElement(d, { ...i, as: "form", id: l, className: N("c-search-form", {
+}) => /* @__PURE__ */ e.createElement(b, { ...i, as: "form", id: l, className: N("c-search-form", {
   "c-search-form--button": c
 }, m), action: a, method: "GET", __self: void 0, __source: {
   fileName: e1,
@@ -5568,13 +5568,13 @@ var v1 = function(m, r) {
     enabled: !0
   };
   a = JSON.parse(JSON.stringify(a));
-  var c = window.onShareThisLoaded, i = function b() {
-    if (!b.complete) {
+  var c = window.onShareThisLoaded, i = function d() {
+    if (!d.complete) {
       if (!a.id) {
         var x = "sharethis-" + Date.now();
         a.id = x;
       }
-      m.buttons.current && (m.buttons.current.id = a.id, window.__sharethis__.load(r, a)), c && c(), b.complete = !0;
+      m.buttons.current && (m.buttons.current.id = a.id, window.__sharethis__.load(r, a)), c && c(), d.complete = !0;
     }
   };
   if (window.onShareThisLoaded = i, document.getElementById("sharethis-js"))
@@ -5586,8 +5586,8 @@ var v1 = function(m, r) {
       property: a.property || "",
       product: r,
       source: "reactjs"
-    }, u = Object.keys(t).map(function(b) {
-      return b + "=" + t[b];
+    }, u = Object.keys(t).map(function(d) {
+      return d + "=" + t[d];
     }).join("&");
     n.src = "https://platform-api.sharethis.com/js/sharethis.js?" + u, n.async = !0, document.body.appendChild(n);
   }
@@ -5685,7 +5685,7 @@ const am = ({
   const r = {
     width: l.length ? `${38 * l.length + 20}px` : "inherit"
   };
-  return /* @__PURE__ */ e.createElement(d, { p: "xxs-2", ...m, className: "c-share-bar", style: r, radius: "m", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(b, { p: "xxs-2", ...m, className: "c-share-bar", style: r, radius: "m", __self: void 0, __source: {
     fileName: K1,
     lineNumber: 44,
     columnNumber: 5
@@ -5727,7 +5727,7 @@ function Bl({
   userlink: n,
   authorHighlighted: t = !1,
   disableAvatar: u = !1,
-  rubricColor: b,
+  rubricColor: d,
   sponsor: x,
   ...p
 }) {
@@ -5735,7 +5735,7 @@ function Bl({
     fileName: T,
     lineNumber: 44,
     columnNumber: 5
-  } }, !u && /* @__PURE__ */ e.createElement(y0, { img: l, alt: m, rubricColor: b, __self: this, __source: {
+  } }, !u && /* @__PURE__ */ e.createElement(y0, { img: l, alt: m, rubricColor: d, __self: this, __source: {
     fileName: T,
     lineNumber: 45,
     columnNumber: 26
@@ -5743,7 +5743,7 @@ function Bl({
     fileName: T,
     lineNumber: 46,
     columnNumber: 7
-  } }, t ? /* @__PURE__ */ e.createElement(d, { mb: "xxs-2", __self: this, __source: {
+  } }, t ? /* @__PURE__ */ e.createElement(b, { mb: "xxs-2", __self: this, __source: {
     fileName: T,
     lineNumber: 52,
     columnNumber: 11
@@ -5809,7 +5809,7 @@ const cm = ({
   fileName: Y,
   lineNumber: 21,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(b, { __self: void 0, __source: {
   fileName: Y,
   lineNumber: 22,
   columnNumber: 5
@@ -5894,7 +5894,7 @@ const m1 = (l) => {
   onReport: n,
   commentAnchor: t,
   disableComment: u,
-  ...b
+  ...d
 }) => {
   const x = !u && /* @__PURE__ */ e.createElement(l1, { iconName: "comment", variant: m1(r), count: l, countColor: a, countBg: c, anchor: t, ...r === "horizontal" && {
     id: "mbrs-social-comments-container"
@@ -5938,9 +5938,9 @@ const m1 = (l) => {
         return null;
     }
   };
-  return /* @__PURE__ */ e.createElement(_, { ...b, alignItems: "center", gap: r === "card" ? "xxs" : "xl", direction: r === "vertical" ? "column" : "row", className: N("c-social-bar", {
+  return /* @__PURE__ */ e.createElement(_, { ...d, alignItems: "center", gap: r === "card" ? "xxs" : "xl", direction: r === "vertical" ? "column" : "row", className: N("c-social-bar", {
     [`c-social-bar--${r}`]: r !== "card"
-  }, b.className), bg: r === "horizontal" ? "grey-50" : void 0, justifyContent: r === "card" ? "between" : void 0, __self: void 0, __source: {
+  }, d.className), bg: r === "horizontal" ? "grey-50" : void 0, justifyContent: r === "card" ? "between" : void 0, __self: void 0, __source: {
     fileName: de,
     lineNumber: 132,
     columnNumber: 5
@@ -5991,7 +5991,7 @@ const $l = ({
     fileName: H,
     lineNumber: 44,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(d, { className: "c-sub-menu__left", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(b, { className: "c-sub-menu__left", __self: void 0, __source: {
     fileName: H,
     lineNumber: 45,
     columnNumber: 7
@@ -6096,21 +6096,21 @@ const Zl = ({
   tabItemActive: m,
   tabVariant: r = "default",
   ...a
-}) => l.length > 0 ? /* @__PURE__ */ e.createElement(d, { className: "js-tabs", ...a, __self: void 0, __source: {
+}) => l.length > 0 ? /* @__PURE__ */ e.createElement(b, { className: "js-tabs", ...a, __self: void 0, __source: {
   fileName: a1,
-  lineNumber: 23,
+  lineNumber: 22,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { role: "tablist", mb: "l", gap: r === "default" ? "l" : void 0, __self: void 0, __source: {
   fileName: a1,
-  lineNumber: 24,
+  lineNumber: 23,
   columnNumber: 7
-} }, l.map((c) => /* @__PURE__ */ e.createElement(ml, { key: c.name, name: c.name, variant: r, isSelected: (m || l[0].name) === c.name, tabIndex: (m || l[0].name) === c.name ? 0 : -1, isLive: c.isLive, __self: void 0, __source: {
+} }, l.map((c) => /* @__PURE__ */ e.createElement(ml, { key: c.name, name: c.name, variant: r, isSelected: (m || l[0].name) === c.name, tabIndex: (m || l[0].name) === c.name ? 0 : -1, isLive: c.name === "le-direct", __self: void 0, __source: {
   fileName: a1,
-  lineNumber: 26,
+  lineNumber: 25,
   columnNumber: 11
 } }, c.title))), l.map((c) => /* @__PURE__ */ e.createElement(al, { key: c.name, name: c.name, isHidden: (m || l[0].name) !== c.name, __self: void 0, __source: {
   fileName: a1,
-  lineNumber: 39,
+  lineNumber: 38,
   columnNumber: 9
 } }, c.content))) : null;
 var F1 = "/home/travis/build/20minutes/hela/src/components/molecules/TagBar/TagBar.tsx";
@@ -6222,11 +6222,11 @@ const Rl = ({
   logohref: a,
   copyrightText: c,
   copyrightDescription: i
-}) => /* @__PURE__ */ e.createElement(d, { as: "footer", className: "c-footer", bg: "ultramarine", px: "l", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { as: "footer", className: "c-footer", bg: "ultramarine", px: "l", __self: void 0, __source: {
   fileName: g,
   lineNumber: 14,
   columnNumber: 3
-} }, /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { __self: void 0, __source: {
   fileName: g,
   lineNumber: 15,
   columnNumber: 5
@@ -6237,7 +6237,7 @@ const Rl = ({
   fileName: g,
   lineNumber: 16,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(d, { __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(b, { __self: void 0, __source: {
   fileName: g,
   lineNumber: 23,
   columnNumber: 9
@@ -6301,7 +6301,7 @@ const Rl = ({
   fileName: g,
   lineNumber: 69,
   columnNumber: 17
-} }, "Google Play"))))), /* @__PURE__ */ e.createElement(d, { className: "c-footer__right", __self: void 0, __source: {
+} }, "Google Play"))))), /* @__PURE__ */ e.createElement(b, { className: "c-footer__right", __self: void 0, __source: {
   fileName: g,
   lineNumber: 74,
   columnNumber: 9
@@ -6353,7 +6353,7 @@ const Tl = ({
   logohref: a,
   copyrightText: c,
   copyrightDescription: i
-}) => /* @__PURE__ */ e.createElement(d, { as: "footer", bg: "ultramarine", className: "c-footer-mobile", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(b, { as: "footer", bg: "ultramarine", className: "c-footer-mobile", __self: void 0, __source: {
   fileName: E,
   lineNumber: 14,
   columnNumber: 3
@@ -6376,7 +6376,7 @@ const Tl = ({
   fileName: E,
   lineNumber: 18,
   columnNumber: 11
-} }, n.links.map((u, b) => /* @__PURE__ */ e.createElement(k, { key: u.name, href: u.url, color: "white", mb: b !== n.links.length - 1 ? "xxs" : "0", __self: void 0, __source: {
+} }, n.links.map((u, d) => /* @__PURE__ */ e.createElement(k, { key: u.name, href: u.url, color: "white", mb: d !== n.links.length - 1 ? "xxs" : "0", __self: void 0, __source: {
   fileName: E,
   lineNumber: 28,
   columnNumber: 15
@@ -6384,7 +6384,7 @@ const Tl = ({
   fileName: E,
   lineNumber: 35,
   columnNumber: 17
-} }))))))), /* @__PURE__ */ e.createElement(d, { color: "white", p: "m", __self: void 0, __source: {
+} }))))))), /* @__PURE__ */ e.createElement(b, { color: "white", p: "m", __self: void 0, __source: {
   fileName: E,
   lineNumber: 42,
   columnNumber: 5
@@ -6444,7 +6444,7 @@ const Tl = ({
   fileName: E,
   lineNumber: 98,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(d, { className: "c-footer-mobile__social", p: "m", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(b, { className: "c-footer-mobile__social", p: "m", __self: void 0, __source: {
   fileName: E,
   lineNumber: 99,
   columnNumber: 5
@@ -6456,7 +6456,7 @@ const Tl = ({
   fileName: E,
   lineNumber: 102,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(d, { className: "c-footer-mobile__bottom", p: "m", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(b, { className: "c-footer-mobile__bottom", p: "m", __self: void 0, __source: {
   fileName: E,
   lineNumber: 103,
   columnNumber: 5
@@ -6535,7 +6535,7 @@ const Ol = ({
   lineNumber: 52,
   columnNumber: 7
 } }, l.map((a, c) => /* @__PURE__ */ e.createElement(
-  d,
+  b,
   {
     key: `key-${c}`,
     className: "c-header__overlay",
@@ -6608,76 +6608,80 @@ const im = ({
 } });
 var ie = "/home/travis/build/20minutes/hela/src/components/organisms/MostReadArticles/MostReadArticles.tsx";
 const nm = ({
-  seeMoreNews: l,
-  tabItems: m,
+  tabItems: l,
+  layout: m,
   tabItemActive: r,
-  layout: a,
-  isScrollable: c = !1,
+  isScrollable: a = !1,
+  hasButton: c = !1,
   ...i
 }) => {
-  const n = (b) => b.slice(0, a === h.DESKTOP ? 25 : 4), u = m.map((b) => ({
-    ...b,
-    body: n(b.body)
-  })).map((b) => {
-    const x = b.name === "le-direct" || !1;
+  const n = (d, x) => d.slice(0, x), u = l.map((d) => ({
+    ...d,
+    body: n(d.body, m === h.DESKTOP ? d.name === "le-direct" && 25 || 10 : 4)
+  })).map((d) => {
+    const x = d.name === "le-direct";
     return {
-      name: b.name,
-      title: b.title,
-      isLive: x,
-      content: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("ul", { className: N({
-        "c-most-read-articles-is-scrollable": c
+      name: d.name,
+      title: d.title,
+      content: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: N({
+        "c-most-read-articles-is-scrollable": a && m === h.DESKTOP
       }), __self: void 0, __source: {
         fileName: ie,
-        lineNumber: 59,
+        lineNumber: 62,
         columnNumber: 11
-      } }, b.body.map((p, w) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ e.createElement("li", { key: w, __self: void 0, __source: {
-          fileName: ie,
-          lineNumber: 62,
-          columnNumber: 15
-        } }, x ? /* @__PURE__ */ e.createElement(m0, { link: p.url, title: p.title, cardHeaderProps: {
-          headline: {
-            text: p.rubricName
-          },
-          liveTime: p.liveTime
-        }, cardImageProps: {
-          cover: p.cover
-        }, cardTitleProps: {
-          size: "xxs-2"
-        }, layout: a, __self: void 0, __source: {
-          fileName: ie,
-          lineNumber: 64,
-          columnNumber: 19
-        } }) : /* @__PURE__ */ e.createElement(hl, { link: p.url, title: p.title, cardHeaderProps: {
-          headline: {
-            text: p.rubricName
-          }
-        }, cardNumber: {
-          value: w + 1
-        }, layout: a, __self: void 0, __source: {
-          fileName: ie,
-          lineNumber: 76,
-          columnNumber: 19
-        } }), w !== b.body.length - 1 && /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
-          fileName: ie,
-          lineNumber: 84,
-          columnNumber: 51
-        } }))
-      ))), x && l ? /* @__PURE__ */ e.createElement(_, { mt: "xl", mb: "xxl", justifyContent: "center", __self: void 0, __source: {
+      } }, d.body.map((p, w) => /* @__PURE__ */ e.createElement(e.Fragment, { key: p.title, __self: void 0, __source: {
+        fileName: ie,
+        lineNumber: 68,
+        columnNumber: 15
+      } }, x ? /* @__PURE__ */ e.createElement(m0, { link: p.url, title: p.title, cardHeaderProps: {
+        headline: {
+          text: p.rubricName
+        },
+        liveTime: p.liveTime
+      }, cardImageProps: {
+        cover: p.cover
+      }, cardTitleProps: {
+        size: "xxs-2"
+      }, layout: m, mr: a && m === h.DESKTOP && d.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
         fileName: ie,
-        lineNumber: 89,
+        lineNumber: 70,
+        columnNumber: 19
+      } }) : /* @__PURE__ */ e.createElement(hl, { link: p.url, title: p.title, cardHeaderProps: {
+        headline: {
+          text: p.rubricName
+        }
+      }, cardTitleProps: {
+        size: "xs"
+      }, cardNumber: {
+        value: w + 1
+      }, layout: m, mr: a && m === h.DESKTOP ? "s" : void 0, __self: void 0, __source: {
+        fileName: ie,
+        lineNumber: 87,
+        columnNumber: 19
+      } }), w !== d.body.length - 1 && /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
+        fileName: ie,
+        lineNumber: 97,
+        columnNumber: 51
+      } })))), c && (x || d.name === "plus-lus") && /* @__PURE__ */ e.createElement(_, { mt: "xl", mb: "xxl", justifyContent: "center", __self: void 0, __source: {
+        fileName: ie,
+        lineNumber: 102,
         columnNumber: 13
-      } }, /* @__PURE__ */ e.createElement(k, { variant: "secondary", ...l, __self: void 0, __source: {
+      } }, /* @__PURE__ */ e.createElement(k, { variant: "secondary", ...x ? {
+        href: "https://www.20minutes.fr/actus",
+        children: "Suivre l'info en direct"
+      } : {
+        href: "https://www.20minutes.fr/les-plus-lus",
+        children: "Voir les articles les + lus"
+      }, __self: void 0, __source: {
         fileName: ie,
-        lineNumber: 90,
+        lineNumber: 103,
         columnNumber: 15
-      } }, "Suivre l'info en direct")) : null)
+      } })))
     };
   });
-  return /* @__PURE__ */ e.createElement(Zl, { tabItemActive: r || (m.length > 0 ? m[0].name : ""), tabItems: u, ...i, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(Zl, { tabItemActive: r || (l.length > 0 ? l[0].name : ""), tabItems: u, ...i, __self: void 0, __source: {
     fileName: ie,
-    lineNumber: 101,
+    lineNumber: 123,
     columnNumber: 5
   } });
 };
@@ -6691,7 +6695,7 @@ export {
   F2 as ArticleVideo,
   y0 as Avatar,
   Nl as BlockDiode,
-  d as Box,
+  b as Box,
   V2 as Breadcrumb,
   L as Button,
   ue as CardContainer,