@20minutes/hela 2.1.0 → 2.1.1

package/dist/index.es.js

@@ -885,7 +885,7 @@ var D0 = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var N1;
-function pl() {
+function xl() {
   return N1 || (N1 = 1, function(l) {
     (function() {
       var n = {}.hasOwnProperty;
@@ -917,8 +917,8 @@ function pl() {
     })();
   }(D0)), D0.exports;
 }
-var xl = pl();
-const d = /* @__PURE__ */ vl(xl);
+var pl = xl();
+const d = /* @__PURE__ */ vl(pl);
 var El = "/home/travis/build/20minutes/hela/src/components/atoms/Ad/Ad.tsx";
 const rn = ({
   adUnitCompletePath: l,
@@ -2891,7 +2891,7 @@ function tn({
     columnNumber: 7
   } }));
 }
-var p1 = "/home/travis/build/20minutes/hela/src/components/atoms/Img/Img.tsx";
+var x1 = "/home/travis/build/20minutes/hela/src/components/atoms/Img/Img.tsx";
 const z0 = ({
   id: l = "",
   src: n = "",
@@ -2916,20 +2916,20 @@ const z0 = ({
   };
   if (!m)
     return /* @__PURE__ */ e.createElement(v, { as: "img", src: n, ...h, __self: void 0, __source: {
-      fileName: p1,
+      fileName: x1,
       lineNumber: 48,
       columnNumber: 12
     } });
-  const x = m.split("x"), p = x[0], F = x[1];
-  let B, ue = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${p}'%20height='${F}'%3E%3C/svg%3E`;
+  const p = m.split("x"), x = p[0], F = p[1];
+  let B, ue = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${x}'%20height='${F}'%3E%3C/svg%3E`;
   return n && (ue = W1({
     src: n,
     format: m
   }), B = hl({
     formats: r,
     src: n
-  })), h.width = p || void 0, h.height = F !== "0" ? F : void 0, h.sizes = c || void 0, /* @__PURE__ */ e.createElement(v, { ...h, as: "img", src: ue, srcSet: B, __self: void 0, __source: {
-    fileName: p1,
+  })), h.width = x || void 0, h.height = F !== "0" ? F : void 0, h.sizes = c || void 0, /* @__PURE__ */ e.createElement(v, { ...h, as: "img", src: ue, srcSet: B, __self: void 0, __source: {
+    fileName: x1,
     lineNumber: 66,
     columnNumber: 10
   } });
@@ -2957,8 +2957,8 @@ const T0 = I(({
   variant: f,
   msg: b,
   containerProps: h,
-  isRounded: x,
-  isTransparent: p,
+  isRounded: p,
+  isTransparent: x,
   ...F
 }, B) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: B, className: "c-input", ...h, __self: void 0, __source: {
   fileName: ae,
@@ -2990,8 +2990,8 @@ const T0 = I(({
 } })), /* @__PURE__ */ e.createElement("input", { id: l, className: d("c-input-container__input", {
   [`c-input-container__input--has-icon--${s}`]: c,
   [`c-input-container__input--${f}`]: f,
-  "c-input-container__input--rounded": x,
-  "c-input-container__input--transparent": p
+  "c-input-container__input--rounded": p,
+  "c-input-container__input--transparent": x
 }, n), required: r, ...F, __self: void 0, __source: {
   fileName: ae,
   lineNumber: 80,
@@ -3019,7 +3019,7 @@ const T0 = I(({
   lineNumber: 101,
   columnNumber: 15
 } }))))));
-var x1 = "/home/travis/build/20minutes/hela/src/components/atoms/Label/Label.tsx";
+var p1 = "/home/travis/build/20minutes/hela/src/components/atoms/Label/Label.tsx";
 const K = ({
   children: l,
   bg: n,
@@ -3059,11 +3059,11 @@ const K = ({
     "c-label--no-background": !n,
     "c-label--has-big-line-height": c
   }, o), __self: void 0, __source: {
-    fileName: x1,
+    fileName: p1,
     lineNumber: 39,
     columnNumber: 5
   } }, r && /* @__PURE__ */ e.createElement(E, { name: "dot", size: 4, mr: "xxs-2", __self: void 0, __source: {
-    fileName: x1,
+    fileName: p1,
     lineNumber: 59,
     columnNumber: 18
   } }), l);
@@ -3317,7 +3317,7 @@ const C = I(({
 }, h) => {
   if (i && m)
     throw new Error("You can't use color and variant props together");
-  const x = t || f ? d("c-tab", {
+  const p = t || f ? d("c-tab", {
     [`c-tab--${t}`]: t,
     [`c-tab--${f}`]: f,
     "c-tab--selected": o,
@@ -3343,7 +3343,7 @@ const C = I(({
       ...!t && !f && {
         color: i ? void 0 : m || "ultramarine"
       },
-      className: x,
+      className: p,
       __self: void 0,
       __source: {
         fileName: Zl,
@@ -3514,7 +3514,7 @@ const J1 = I(({
   icon: f,
   ...b
 }, h) => {
-  var x, p;
+  var p, x;
   return /* @__PURE__ */ e.createElement(_, { ...o, ref: h, direction: "column", className: "c-select", __self: void 0, __source: {
     fileName: ge,
     lineNumber: 42,
@@ -3541,7 +3541,7 @@ const J1 = I(({
     columnNumber: 9
   } }), /* @__PURE__ */ e.createElement("select", { id: l, className: d("c-select__select", `c-select__select--${t}`, {
     "c-select__select--has-icon": !!f
-  }, G1(b), n), required: m, defaultValue: i || ((p = (x = c.filter((F) => F.isSelected)) == null ? void 0 : x.pop()) == null ? void 0 : p.value) || "", ...c0({
+  }, G1(b), n), required: m, defaultValue: i || ((x = (p = c.filter((F) => F.isSelected)) == null ? void 0 : p.pop()) == null ? void 0 : x.value) || "", ...c0({
     props: b,
     systemPropNames: Object.keys(q1)
   }), __self: void 0, __source: {
@@ -3787,7 +3787,7 @@ const hn = I(({
   iconProps: f,
   textProps: b,
   value: h
-}, x) => /* @__PURE__ */ e.createElement(_, { key: x == null ? void 0 : x.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
+}, p) => /* @__PURE__ */ e.createElement(_, { key: p == null ? void 0 : p.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
   fileName: we,
   lineNumber: 55,
   columnNumber: 13
@@ -3905,7 +3905,7 @@ const vn = ({
   columnNumber: 13
 } })))));
 var w1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleBrandBanner/ArticleBrandBanner.tsx";
-const pn = ({
+const xn = ({
   children: l,
   ...n
 }) => /* @__PURE__ */ e.createElement(v, { ...n, px: "s", py: "xxs-2", bg: "sponsoring", __self: void 0, __source: {
@@ -3918,7 +3918,7 @@ const pn = ({
   columnNumber: 5
 } }, l));
 var ze = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleHeader/ArticleHeader.tsx";
-const xn = ({
+const pn = ({
   title: l,
   label: n,
   layout: m,
@@ -3987,7 +3987,7 @@ const En = ({
   fileName: U0,
   lineNumber: 28,
   columnNumber: 7
-} }, l), /* @__PURE__ */ e.createElement(p2, { color: m, __self: void 0, __source: {
+} }, l), /* @__PURE__ */ e.createElement(x2, { color: m, __self: void 0, __source: {
   fileName: U0,
   lineNumber: 32,
   columnNumber: 5
@@ -4341,17 +4341,17 @@ const a2 = (l) => {
   fetchPriority: f = "auto",
   withShadow: b = !1,
   className: h,
-  radius: x,
-  ...p
+  radius: p,
+  ...x
 }) => {
-  const F = /* @__PURE__ */ e.createElement(z0, { ...!s && p, ...l ? {
+  const F = /* @__PURE__ */ e.createElement(z0, { ...!s && x, ...l ? {
     id: l
-  } : {}, src: n, defaultFormat: r, formats: m, sizes: i, alt: c, lazyLoad: t, fetchPriority: f, radius: x, __self: void 0, __source: {
+  } : {}, src: n, defaultFormat: r, formats: m, sizes: i, alt: c, lazyLoad: t, fetchPriority: f, radius: p, __self: void 0, __source: {
     fileName: Ie,
     lineNumber: 38,
     columnNumber: 5
   } });
-  return /* @__PURE__ */ e.createElement(v, { ...s && p, className: d("c-card-img", h), __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(v, { ...s && x, className: d("c-card-img", h), __self: void 0, __source: {
     fileName: Ie,
     lineNumber: 53,
     columnNumber: 5
@@ -4472,9 +4472,9 @@ const Mn = ({
 }) => {
   const {
     cardFooterProps: h,
-    ...x
-  } = b, p = ["722x460", "640x408", "320x204"];
-  return /* @__PURE__ */ e.createElement(_e, { ...x, className: "c-card-extra-large", direction: "column", clickable: !0, __self: void 0, __source: {
+    ...p
+  } = b, x = ["722x460", "640x408", "320x204"];
+  return /* @__PURE__ */ e.createElement(_e, { ...p, className: "c-card-extra-large", direction: "column", clickable: !0, __self: void 0, __source: {
     fileName: O,
     lineNumber: 39,
     columnNumber: 5
@@ -4492,7 +4492,7 @@ const Mn = ({
     fileName: O,
     lineNumber: 49,
     columnNumber: 13
-  } }, /* @__PURE__ */ e.createElement(Q, { ...c, formats: p, defaultFormat: "722x460", sizes: "(min-width: 1024px) 722px, (min-width: 480px) 640px, 320px", alt: n, __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(Q, { ...c, formats: x, defaultFormat: "722x460", sizes: "(min-width: 1024px) 722px, (min-width: 480px) 640px, 320px", alt: n, __self: void 0, __source: {
     fileName: O,
     lineNumber: 55,
     columnNumber: 15
@@ -4543,7 +4543,7 @@ const Mn = ({
     fileName: O,
     lineNumber: 109,
     columnNumber: 15
-  } }, n)), c && /* @__PURE__ */ e.createElement(Q, { ...c, formats: p, defaultFormat: "640x408", alt: n, mt: "xs", radius: "0", __self: void 0, __source: {
+  } }, n)), c && /* @__PURE__ */ e.createElement(Q, { ...c, formats: x, defaultFormat: "640x408", alt: n, mt: "xs", radius: "0", __self: void 0, __source: {
     fileName: O,
     lineNumber: 112,
     columnNumber: 15
@@ -4577,9 +4577,9 @@ const el = ({
   const {
     summaryProps: b,
     signatureProps: h,
-    ...x
+    ...p
   } = f;
-  return /* @__PURE__ */ e.createElement(_e, { ...x, p: f != null && f.bg ? "s" : void 0, direction: "column", className: d("c-card-extra-small", f == null ? void 0 : f.className), clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(_e, { ...p, p: f != null && f.bg ? "s" : void 0, direction: "column", className: d("c-card-extra-small", f == null ? void 0 : f.className), clickable: !0, __self: void 0, __source: {
     fileName: Ce,
     lineNumber: 37,
     columnNumber: 5
@@ -4708,9 +4708,9 @@ const c2 = ({
   const {
     summaryProps: b,
     signatureProps: h,
-    ...x
+    ...p
   } = f;
-  return /* @__PURE__ */ e.createElement(_e, { ...x, direction: "column", bg: o, radius: o ? t || "xxs" : void 0, clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(_e, { ...p, direction: "column", bg: o, radius: o ? t || "xxs" : void 0, clickable: !0, __self: void 0, __source: {
     fileName: Oe,
     lineNumber: 32,
     columnNumber: 5
@@ -4764,8 +4764,8 @@ const i2 = ({
   ...h
 }) => {
   const {
-    cardFooterProps: x,
-    signatureProps: p,
+    cardFooterProps: p,
+    signatureProps: x,
     socialBarProps: F,
     ...B
   } = h;
@@ -4872,8 +4872,8 @@ const Fn = ({
   releaseDate: f,
   seeMoreLink: b,
   reviewLink: h,
-  rating: x,
-  containerSpacing: p,
+  rating: p,
+  containerSpacing: x,
   ...F
 }) => {
   const B = /* @__PURE__ */ e.createElement(_, { alignContent: "end", mt: "l", __self: void 0, __source: {
@@ -4908,7 +4908,7 @@ const Fn = ({
     fileName: k,
     lineNumber: 61,
     columnNumber: 13
-  } }, o == null ? void 0 : o.join(", "))), x && /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "xxs", __self: void 0, __source: {
+  } }, o == null ? void 0 : o.join(", "))), p && /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "xxs", __self: void 0, __source: {
     fileName: k,
     lineNumber: 65,
     columnNumber: 11
@@ -4916,7 +4916,7 @@ const Fn = ({
     fileName: k,
     lineNumber: 66,
     columnNumber: 13
-  } }, "La note 20 Minutes :", " "), /* @__PURE__ */ e.createElement(Il, { rating: x, iconProps: {
+  } }, "La note 20 Minutes :", " "), /* @__PURE__ */ e.createElement(Il, { rating: p, iconProps: {
     size: 19
   }, __self: void 0, __source: {
     fileName: k,
@@ -4930,7 +4930,7 @@ const Fn = ({
   } }, /* @__PURE__ */ e.createElement(_, { direction: "row", gap: {
     xs: "m",
     md: "l"
-  }, ...p, __self: void 0, __source: {
+  }, ...x, __self: void 0, __source: {
     fileName: k,
     lineNumber: 83,
     columnNumber: 7
@@ -5000,7 +5000,7 @@ const Fn = ({
     fileName: k,
     lineNumber: 115,
     columnNumber: 15
-  } })), c === g.DESKTOP && B)), c === g.MOBILE && n && /* @__PURE__ */ e.createElement(N, { ...p, size: "m", mt: "xs", dangerouslySetInnerHTML: {
+  } })), c === g.DESKTOP && B)), c === g.MOBILE && n && /* @__PURE__ */ e.createElement(N, { ...x, size: "m", mt: "xs", dangerouslySetInnerHTML: {
     __html: n
   }, __self: void 0, __source: {
     fileName: k,
@@ -5037,16 +5037,16 @@ const ll = ({
     socialBarProps: b,
     ...h
   } = s;
-  let x = "xxs-3", p = {
+  let p = "xxs-3", x = {
     defaultFormat: "58x58",
     formats: ["58x58", "51x51"],
     sizes: "(min-width: 768px) 58px, 51px",
     className: "c-card-overview__img"
   };
-  return c === "big" && (x = {
+  return c === "big" && (p = {
     xs: "xxs-2",
     md: "xs"
-  }, p = {
+  }, x = {
     defaultFormat: "100x100",
     formats: ["100x100", "51x51"],
     sizes: "(min-width: 768px) 100px, 51px",
@@ -5055,7 +5055,7 @@ const ll = ({
     fileName: l0,
     lineNumber: 50,
     columnNumber: 5
-  } }, n && /* @__PURE__ */ e.createElement(Q, { ...n, ...p, alt: i, radius: "xxl", caption: void 0, __self: void 0, __source: {
+  } }, n && /* @__PURE__ */ e.createElement(Q, { ...n, ...x, alt: i, radius: "xxl", caption: void 0, __self: void 0, __source: {
     fileName: l0,
     lineNumber: 59,
     columnNumber: 9
@@ -5067,7 +5067,7 @@ const ll = ({
     fileName: l0,
     lineNumber: 69,
     columnNumber: 11
-  } }, m.headline.text), /* @__PURE__ */ e.createElement(P, { as: "h4", size: x, fontFamily: "source-serif-pro", weight: "semi-bold", pb: void 0, cartridgeIsCentered: !0, ...r, className: d("c-card-overview__title", r == null ? void 0 : r.className), __self: void 0, __source: {
+  } }, m.headline.text), /* @__PURE__ */ e.createElement(P, { as: "h4", size: p, fontFamily: "source-serif-pro", weight: "semi-bold", pb: void 0, cartridgeIsCentered: !0, ...r, className: d("c-card-overview__title", r == null ? void 0 : r.className), __self: void 0, __source: {
     fileName: l0,
     lineNumber: 78,
     columnNumber: 9
@@ -5093,8 +5093,8 @@ const nl = ({
     cardFooterProps: f,
     signatureProps: b,
     socialBarProps: h,
-    ...x
-  } = t, p = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement(Q, { sizes: "(min-width: 480px) 252px, 160px", defaultFormat: s === g.DESKTOP ? "252x162" : "160x102", formats: ["252x162", "160x102"], alt: n, mb: o === "title-on-image" ? "0" : "xxs", withShadow: o === "title-on-image", ...i, ...i.caption && {
+    ...p
+  } = t, x = /* @__PURE__ */ e.createElement(e.Fragment, null, i && /* @__PURE__ */ e.createElement(Q, { sizes: "(min-width: 480px) 252px, 160px", defaultFormat: s === g.DESKTOP ? "252x162" : "160x102", formats: ["252x162", "160x102"], alt: n, mb: o === "title-on-image" ? "0" : "xxs", withShadow: o === "title-on-image", ...i, ...i.caption && {
     caption: {
       size: s === g.DESKTOP ? "medium" : "small",
       ...i.caption
@@ -5125,7 +5125,7 @@ const nl = ({
     lineNumber: 63,
     columnNumber: 9
   } }, c.children));
-  return /* @__PURE__ */ e.createElement(_e, { ...x, direction: "column", clickable: !0, __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(_e, { ...p, direction: "column", clickable: !0, __self: void 0, __source: {
     fileName: De,
     lineNumber: 76,
     columnNumber: 5
@@ -5133,7 +5133,7 @@ const nl = ({
     fileName: De,
     lineNumber: 78,
     columnNumber: 9
-  } }, p) : p);
+  } }, x) : x);
 };
 var n0 = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardTiny/CardTiny.tsx";
 const s2 = ({
@@ -5405,28 +5405,28 @@ const _2 = ({
   seeMoreLink: b,
   ...h
 }) => {
-  const x = (p) => {
+  const p = (x) => {
     switch (c == null ? void 0 : c.sliderVariant) {
       case "videos":
-        return /* @__PURE__ */ e.createElement(o2, { ...p, __self: void 0, __source: {
+        return /* @__PURE__ */ e.createElement(o2, { ...x, __self: void 0, __source: {
           fileName: be,
           lineNumber: 53,
           columnNumber: 16
         } });
       case "vertical-cards":
-        return /* @__PURE__ */ e.createElement(t2, { ...p, __self: void 0, __source: {
+        return /* @__PURE__ */ e.createElement(t2, { ...x, __self: void 0, __source: {
           fileName: be,
           lineNumber: 55,
           columnNumber: 16
         } });
       case "default":
       default:
-        return /* @__PURE__ */ e.createElement(nl, { ...p, layout: m, ...p.cardHeaderProps && {
+        return /* @__PURE__ */ e.createElement(nl, { ...x, layout: m, ...x.cardHeaderProps && {
           cardHeaderProps: {
             ...f && {
               color: "grey-500"
             },
-            ...p.cardHeaderProps
+            ...x.cardHeaderProps
           }
         }, cardTitleProps: {
           weight: "semi-bold",
@@ -5434,11 +5434,11 @@ const _2 = ({
           ...f && {
             color: "grey-900"
           },
-          ...p.cardTitleProps
-        }, ...p.cardImageProps && {
+          ...x.cardTitleProps
+        }, ...x.cardImageProps && {
           cardImageProps: {
             sizes: "(min-width: 1840px) 267px, (min-width: 1440px) calc(4.74vw + 181px), (min-width: 1120px) 235px, (min-width: 780px) 20.94vw, calc(50vw - 25px)",
-            ...p.cardImageProps
+            ...x.cardImageProps
           }
         }, __self: void 0, __source: {
           fileName: be,
@@ -5465,14 +5465,14 @@ const _2 = ({
     fileName: be,
     lineNumber: 110,
     columnNumber: 7
-  } }, n.map((p) => /* @__PURE__ */ e.createElement(T, { key: p.title, grow: 0, shrink: 0, align: "start", className: d(`c-carousel__${c != null && c.sliderVariant && ["videos", "vertical-cards", "sport", "movies"].includes(c == null ? void 0 : c.sliderVariant) ? c == null ? void 0 : c.sliderVariant : "article"}`, {
+  } }, n.map((x) => /* @__PURE__ */ e.createElement(T, { key: x.title, grow: 0, shrink: 0, align: "start", className: d(`c-carousel__${c != null && c.sliderVariant && ["videos", "vertical-cards", "sport", "movies"].includes(c == null ? void 0 : c.sliderVariant) ? c == null ? void 0 : c.sliderVariant : "article"}`, {
     [`c-carousel__${c != null && c.sliderVariant && ["videos", "vertical-cards", "movies"].includes(c == null ? void 0 : c.sliderVariant) ? c == null ? void 0 : c.sliderVariant : "article"}--in-long-list`]: (c == null ? void 0 : c.sliderVariant) !== "sport" && n.length > 4,
     "c-carousel__sport--in-long-list": (c == null ? void 0 : c.sliderVariant) === "sport" && n.length > 5
   }), __self: void 0, __source: {
     fileName: be,
     lineNumber: 117,
     columnNumber: 11
-  } }, x(p)))), b && /* @__PURE__ */ e.createElement(_, { justifyContent: "center", mt: "xl", __self: void 0, __source: {
+  } }, p(x)))), b && /* @__PURE__ */ e.createElement(_, { justifyContent: "center", mt: "xl", __self: void 0, __source: {
     fileName: be,
     lineNumber: 137,
     columnNumber: 9
@@ -5501,12 +5501,12 @@ const f2 = (l, n, m, r) => {
       ly: h
     } = f2(n, r / 2, i, c);
     i = b, c = h;
-    const x = /* @__PURE__ */ e.createElement("path", { key: o.politicalParty.color, className: `c-half-donut__zone c-half-donut__zone--${o.politicalParty.color}`, d: f, __self: void 0, __source: {
+    const p = /* @__PURE__ */ e.createElement("path", { key: o.politicalParty.color, className: `c-half-donut__zone c-half-donut__zone--${o.politicalParty.color}`, d: f, __self: void 0, __source: {
       fileName: oe,
       lineNumber: 41,
       columnNumber: 7
     } });
-    return [...s, x];
+    return [...s, p];
   }, []);
 }, $n = ({
   results: l,
@@ -6173,7 +6173,7 @@ const Dn = ({
   ...h
 }) => {
   var B;
-  const x = /* @__PURE__ */ e.createElement(f1, { ...n, ...((B = n.iconProps) == null ? void 0 : B.name) && {
+  const p = /* @__PURE__ */ e.createElement(f1, { ...n, ...((B = n.iconProps) == null ? void 0 : B.name) && {
     iconProps: {
       mr: {
         xs: "xxs",
@@ -6192,7 +6192,7 @@ const Dn = ({
     fileName: R,
     lineNumber: 54,
     columnNumber: 5
-  } }), p = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(_, { as: "header", gap: c ? "m" : void 0, alignItems: "start", justifyContent: "between", __self: void 0, __source: {
+  } }), x = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(_, { as: "header", gap: c ? "m" : void 0, alignItems: "start", justifyContent: "between", __self: void 0, __source: {
     fileName: R,
     lineNumber: 70,
     columnNumber: 7
@@ -6245,7 +6245,7 @@ const Dn = ({
     fileName: R,
     lineNumber: 112,
     columnNumber: 9
-  } }), x, m, t && /* @__PURE__ */ e.createElement(k1, { mx: {
+  } }), p, m, t && /* @__PURE__ */ e.createElement(k1, { mx: {
     xs: "m",
     md: "0"
   }, my: {
@@ -6263,7 +6263,7 @@ const Dn = ({
     fileName: R,
     lineNumber: 130,
     columnNumber: 22
-  } }), r && p);
+  } }), r && x);
   return l === g.DESKTOP && (F = /* @__PURE__ */ e.createElement(_, { alignItems: "start", justifyContent: "between", gap: c ? "m" : void 0, __self: void 0, __source: {
     fileName: R,
     lineNumber: 137,
@@ -6280,11 +6280,11 @@ const Dn = ({
     fileName: R,
     lineNumber: 141,
     columnNumber: 15
-  } }, x), m, (c == null ? void 0 : c.type) === "sponsored-page" && /* @__PURE__ */ e.createElement(Te, { sponsor: c.content, variant: "header-sponsored-desktop", hasText: !0, justifyContent: "end", mb: "s", __self: void 0, __source: {
+  } }, p), m, (c == null ? void 0 : c.type) === "sponsored-page" && /* @__PURE__ */ e.createElement(Te, { sponsor: c.content, variant: "header-sponsored-desktop", hasText: !0, justifyContent: "end", mb: "s", __self: void 0, __source: {
     fileName: R,
     lineNumber: 144,
     columnNumber: 17
-  } })) : x, t && /* @__PURE__ */ e.createElement(k1, { mx: {
+  } })) : p, t && /* @__PURE__ */ e.createElement(k1, { mx: {
     xs: "m",
     md: "0"
   }, my: {
@@ -6294,7 +6294,7 @@ const Dn = ({
     fileName: R,
     lineNumber: 157,
     columnNumber: 13
-  } }), r && p), (c == null ? void 0 : c.type) === "dedicated-area" && /* @__PURE__ */ e.createElement(Te, { sponsor: c.content, variant: "header-dedicated-desktop", mt: "xl", __self: void 0, __source: {
+  } }), r && x), (c == null ? void 0 : c.type) === "dedicated-area" && /* @__PURE__ */ e.createElement(Te, { sponsor: c.content, variant: "header-dedicated-desktop", mt: "xl", __self: void 0, __source: {
     fileName: R,
     lineNumber: 162,
     columnNumber: 11
@@ -6664,7 +6664,7 @@ const ml = (l) => e.Children.map(l.children, (n) => {
     }) : void 0);
   }
   return n;
-}), p2 = (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, ml(l));
+}), x2 = (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, ml(l));
 var j0 = "/home/travis/build/20minutes/hela/src/components/molecules/Live/LiveIndicator/LiveIndicator.tsx";
 const Un = ({
   variant: l,
@@ -6743,7 +6743,7 @@ const Xn = ({
   lineNumber: 21,
   columnNumber: 7
 } }, m));
-var p0 = "/home/travis/build/20minutes/hela/src/components/molecules/Live/LiveTitle/LiveTitle.tsx";
+var x0 = "/home/travis/build/20minutes/hela/src/components/molecules/Live/LiveTitle/LiveTitle.tsx";
 const Yn = ({
   status: l,
   header: n,
@@ -6760,23 +6760,23 @@ const Yn = ({
     bold: "black"
   };
   return /* @__PURE__ */ e.createElement(v, { ...i, __self: void 0, __source: {
-    fileName: p0,
+    fileName: x0,
     lineNumber: 32,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(_, { gap: "xs", alignItems: "center", mb: "xs", __self: void 0, __source: {
-    fileName: p0,
+    fileName: x0,
     lineNumber: 33,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(N, { size: "xl", fontFamily: "source-serif-pro", weight: "semi-bold", __self: void 0, __source: {
-    fileName: p0,
+    fileName: x0,
     lineNumber: 34,
     columnNumber: 9
   } }, n), r && /* @__PURE__ */ e.createElement("img", { alt: r.name, src: r.src, width: "32", height: "32", __self: void 0, __source: {
-    fileName: p0,
+    fileName: x0,
     lineNumber: 37,
     columnNumber: 17
   } })), /* @__PURE__ */ e.createElement(L, { as: "h2", color: c[l] || "black", size: "xs", fontFamily: "source-serif-pro", weight: l === "default" ? "regular" : "semi-bold", __self: void 0, __source: {
-    fileName: p0,
+    fileName: x0,
     lineNumber: 39,
     columnNumber: 7
   } }, m));
@@ -6881,19 +6881,19 @@ const Pn = ({
       fileName: X,
       lineNumber: 42,
       columnNumber: 9
-    } }, Object.entries(b).map(([x, p]) => {
-      const F = (ue) => ue.numDistrict === x, B = m.find(F);
-      return x === "text" && p.transform ? /* @__PURE__ */ e.createElement("text", { key: x, transform: `matrix(${p.transform})`, className: "c-map-districts__text", __self: void 0, __source: {
+    } }, Object.entries(b).map(([p, x]) => {
+      const F = (ue) => ue.numDistrict === p, B = m.find(F);
+      return p === "text" && x.transform ? /* @__PURE__ */ e.createElement("text", { key: p, transform: `matrix(${x.transform})`, className: "c-map-districts__text", __self: void 0, __source: {
         fileName: X,
         lineNumber: 59,
         columnNumber: 17
-      } }, p.label) : /* @__PURE__ */ e.createElement("a", { href: `/elections/resultats${p.url}/?scrutin=${l}&annee=${n}`, target: "_parent", key: x, __self: void 0, __source: {
+      } }, x.label) : /* @__PURE__ */ e.createElement("a", { href: `/elections/resultats${x.url}/?scrutin=${l}&annee=${n}`, target: "_parent", key: p, __self: void 0, __source: {
         fileName: X,
         lineNumber: 67,
         columnNumber: 17
-      } }, /* @__PURE__ */ e.createElement("path", { id: x, className: d("c-map-districts__path", {
+      } }, /* @__PURE__ */ e.createElement("path", { id: p, className: d("c-map-districts__path", {
         [`c-map-districts__path--${B == null ? void 0 : B.politicalParty.color}`]: B
-      }), d: p.path, __self: void 0, __source: {
+      }), d: x.path, __self: void 0, __source: {
         fileName: X,
         lineNumber: 72,
         columnNumber: 19
@@ -6901,11 +6901,11 @@ const Pn = ({
         fileName: X,
         lineNumber: 80,
         columnNumber: 21
-      } }, p.title), /* @__PURE__ */ e.createElement("desc", { __self: void 0, __source: {
+      } }, x.title), /* @__PURE__ */ e.createElement("desc", { __self: void 0, __source: {
         fileName: X,
         lineNumber: 81,
         columnNumber: 21
-      } }, p.desc)));
+      } }, x.desc)));
     }));
     return c.includes(f) ? t.idf.push(h) : t.others.push(h), t;
   }, {
@@ -6916,7 +6916,7 @@ const Pn = ({
       name: b,
       color: h
     } = f.politicalParty;
-    return t.some((x) => x.name === b) || t.push({
+    return t.some((p) => p.name === b) || t.push({
       name: b,
       color: h
     }), t;
@@ -7184,7 +7184,7 @@ const lm = ({
     fileName: S,
     lineNumber: 161,
     columnNumber: 21
-  } }, h.children))), t.links.map((h, x) => /* @__PURE__ */ e.createElement(_, { as: C, key: h.href, href: h.href, color: "black", pb: x !== t.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
+  } }, h.children))), t.links.map((h, p) => /* @__PURE__ */ e.createElement(_, { as: C, key: h.href, href: h.href, color: "black", pb: p !== t.links.length - 1 ? "l" : "0", justifyContent: "between", alignItems: "center", __self: void 0, __source: {
     fileName: S,
     lineNumber: 168,
     columnNumber: 17
@@ -7245,7 +7245,7 @@ const nm = ({
     columnNumber: 11
   } }));
 }));
-var pe = "/home/travis/build/20minutes/hela/src/components/molecules/Newsletter/Newsletter.tsx";
+var xe = "/home/travis/build/20minutes/hela/src/components/molecules/Newsletter/Newsletter.tsx";
 const mm = ({
   title: l,
   description: n,
@@ -7257,46 +7257,46 @@ const mm = ({
   ...o
 }) => {
   const t = /* @__PURE__ */ e.createElement(v, { as: "form", color: "white", bg: "ultramarine", px: "m", py: "xxl", className: "c-newsletter__form", __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 36,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(L, { as: "h5", size: s === "large" ? "m" : "xxs", textAlign: "center", mb: "l", __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 37,
     columnNumber: 7
   } }, l), /* @__PURE__ */ e.createElement(N, { size: s === "large" ? "m" : "s", textAlign: s === "large" ? "center" : "left", mb: s === "large" ? "xl" : "l", __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 40,
     columnNumber: 7
   } }, n), /* @__PURE__ */ e.createElement(T0, { className: "c-input--newsletter", type: "email", placeholder: m, __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 47,
     columnNumber: 7
   } }), /* @__PURE__ */ e.createElement(j, { variant: "secondary", type: "submit", className: "c-newsletter__button", __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 48,
     columnNumber: 7
   } }, r), /* @__PURE__ */ e.createElement(_, { alignItems: "center", justifyContent: s === "large" ? "center" : "start", mt: "l", className: "c-newsletter__checkbox", __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 51,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(T0, { className: "c-input--checkbox", type: "checkbox", placeholder: m, required: !0, id: "term", __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 57,
     columnNumber: 9
   } }), /* @__PURE__ */ e.createElement("label", { htmlFor: "term", dangerouslySetInnerHTML: {
     __html: i
   }, __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 65,
     columnNumber: 9
   } })));
   return /* @__PURE__ */ e.createElement(v, { ...o, className: d("c-newsletter", o == null ? void 0 : o.className), __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 71,
     columnNumber: 5
   } }, c && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(s1, { bg: c, __self: void 0, __source: {
-    fileName: pe,
+    fileName: xe,
     lineNumber: 74,
     columnNumber: 11
   } }), t));
@@ -7339,7 +7339,7 @@ const um = ({
   columnNumber: 9
 } }, "Archives")) : null;
 var l1 = "/home/travis/build/20minutes/hela/src/components/molecules/PercentageBar/PercentageBar.tsx";
-const x2 = ({
+const p2 = ({
   percentage: l,
   progressBarClassName: n,
   ...m
@@ -7375,42 +7375,60 @@ const am = ({
   lineNumber: 10,
   columnNumber: 3
 } });
-var x0 = "/home/travis/build/20minutes/hela/src/components/molecules/ReadAlsoBanner/ReadAlsoBanner.tsx";
+var p0 = "/home/travis/build/20minutes/hela/src/components/molecules/ReadAlsoBanner/ReadAlsoBanner.tsx";
 const cm = ({
   articles: l,
   layout: n,
-  willNotReduceAtScroll: m = !1,
-  limitTop: r = 0
-}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(v, { className: d("c-read-also-banner", {
-  "c-read-also-banner__scrolldirection--down": !m
-}), pl: "l", pr: {
-  xs: "l",
-  sm: "xxs-2"
-}, py: m ? "s" : "0", "data-banner-limit-top": r, __self: void 0, __source: {
-  fileName: x0,
+  limitTop: m = 0,
+  isFixedBelowHeader: r = !0
+}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(_, { direction: {
+  xs: "column",
+  md: "row"
+}, alignItems: {
+  xs: "stretch",
+  md: "center"
+}, className: d("c-read-also-banner", {
+  "c-read-also-banner--is-fixed": r,
+  "c-read-also-banner--is-fixed-below-header": r
+}), px: {
+  xs: "0",
+  md: "m"
+}, py: "s", "data-banner-limit-top": m, bg: "grey-100", __self: void 0, __source: {
+  fileName: p0,
   lineNumber: 32,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(N, { as: "h3", size: n === g.DESKTOP ? "m" : "s", className: "c-read-also-banner__title", mb: {
+} }, /* @__PURE__ */ e.createElement(N, { as: "h3", size: {
+  xs: "s",
+  sm: "m"
+}, className: "c-read-also-banner__title", mb: {
   xs: "xxs-2",
   sm: "0"
+}, px: {
+  xs: "m",
+  sm: "0"
 }, __self: void 0, __source: {
-  fileName: x0,
-  lineNumber: 41,
+  fileName: p0,
+  lineNumber: 44,
   columnNumber: 7
 } }, "À lire aussi"), /* @__PURE__ */ e.createElement(i0, { layout: n, sliderVariant: "default", buttonsBackground: "secondary", __self: void 0, __source: {
-  fileName: x0,
-  lineNumber: 49,
+  fileName: p0,
+  lineNumber: 53,
   columnNumber: 7
-} }, l.map((i) => /* @__PURE__ */ e.createElement(T, { key: i.link, grow: 0, shrink: 0, align: "stretch", className: "c-read-also-banner__article", __self: void 0, __source: {
-  fileName: x0,
-  lineNumber: 51,
+} }, l.map((i, c) => /* @__PURE__ */ e.createElement(T, { key: i.link, grow: 0, shrink: 0, align: "stretch", className: "c-read-also-banner__article", __self: void 0, __source: {
+  fileName: p0,
+  lineNumber: 55,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(ll, { ...i, alignItems: "center", cardTitleProps: {
   maxRows: n === g.DESKTOP ? 2 : 3,
   ...i.cardTitleProps
-}, pr: "l", __self: void 0, __source: {
-  fileName: x0,
-  lineNumber: 58,
+}, pr: "m", ...c === 0 && {
+  pl: {
+    xs: "m",
+    sm: "0"
+  }
+}, __self: void 0, __source: {
+  fileName: p0,
+  lineNumber: 62,
   columnNumber: 13
 } })))));
 var Y = "/home/travis/build/20minutes/hela/src/components/molecules/SearchBanner/SearchBanner.tsx";
@@ -7604,9 +7622,9 @@ function g2() {
   function t(z) {
     var y = h();
     return function() {
-      var M = x(z), Z;
+      var M = p(z), Z;
       if (y) {
-        var I0 = x(this).constructor;
+        var I0 = p(this).constructor;
         Z = Reflect.construct(M, arguments, I0);
       } else
         Z = M.apply(this, arguments);
@@ -7631,12 +7649,12 @@ function g2() {
       return !1;
     }
   }
-  function x(z) {
-    return x = Object.setPrototypeOf ? Object.getPrototypeOf : function(w) {
+  function p(z) {
+    return p = Object.setPrototypeOf ? Object.getPrototypeOf : function(w) {
       return w.__proto__ || Object.getPrototypeOf(w);
-    }, x(z);
+    }, p(z);
   }
-  var p = function(y, w) {
+  var x = function(y, w) {
     var M = y.props.config || {
       enabled: !0
     };
@@ -7674,7 +7692,7 @@ function g2() {
     return c(w, [{
       key: "componentDidMount",
       value: function() {
-        p(this, "inline-follow-buttons");
+        x(this, "inline-follow-buttons");
       }
     }, {
       key: "render",
@@ -7696,7 +7714,7 @@ function g2() {
     return c(w, [{
       key: "componentDidMount",
       value: function() {
-        p(this, "inline-share-buttons");
+        x(this, "inline-share-buttons");
       }
     }, {
       key: "render",
@@ -7718,7 +7736,7 @@ function g2() {
     return c(w, [{
       key: "componentDidMount",
       value: function() {
-        p(this, "inline-reaction-buttons");
+        x(this, "inline-reaction-buttons");
       }
     }, {
       key: "render",
@@ -7740,7 +7758,7 @@ function g2() {
     return c(w, [{
       key: "componentDidMount",
       value: function() {
-        p(this, "sticky-share-buttons");
+        x(this, "sticky-share-buttons");
       }
     }, {
       key: "render",
@@ -7807,7 +7825,7 @@ const ul = ({
   sponsor: b,
   ...h
 }) => {
-  const x = /* @__PURE__ */ e.createElement(_, { ...h, as: "address", alignItems: "start", gap: "s", __self: void 0, __source: {
+  const p = /* @__PURE__ */ e.createElement(_, { ...h, as: "address", alignItems: "start", gap: "s", __self: void 0, __source: {
     fileName: te,
     lineNumber: 45,
     columnNumber: 5
@@ -7852,53 +7870,53 @@ const ul = ({
     fileName: te,
     lineNumber: 71,
     columnNumber: 12
-  } }, x) : x;
+  } }, p) : p;
 };
-var xe = "/home/travis/build/20minutes/hela/src/components/molecules/SmartBanner/SmartBanner.tsx";
+var pe = "/home/travis/build/20minutes/hela/src/components/molecules/SmartBanner/SmartBanner.tsx";
 const tm = ({
   installButton: l,
   closeButton: n
 }) => /* @__PURE__ */ e.createElement(_, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 10,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(j, { ...n, variant: "ghost", iconProps: {
   name: "close",
   size: 10
 }, color: "white", p: "0", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 11,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(E, { name: "logo", size: 35, bg: "white", color: "ultramarine", className: "c-smart-banner__logo", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 21,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(v, { __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 22,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 23,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(N, { size: "xxs", weight: "bold", className: "c-smart-banner__title", mb: "xxs-2", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 24,
   columnNumber: 9
 } }, "20 Minutes"), /* @__PURE__ */ e.createElement(_, { gap: "xxs-2", ml: "xxs-2", alignItems: "start", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 27,
   columnNumber: 9
 } }, [0, 1, 2, 3].map((m) => /* @__PURE__ */ e.createElement(E, { name: "star", color: "white", size: 11, key: m, __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 29,
   columnNumber: 13
 } })))), /* @__PURE__ */ e.createElement(N, { size: "xxs-2", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 33,
   columnNumber: 7
 } }, "Retrouvez l’actualité sur notre application")), /* @__PURE__ */ e.createElement(j, { ...l, color: "ultramarine", bg: "white", className: "c-smart-banner__btn", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 35,
   columnNumber: 5
 } }, "Installer"));
@@ -7917,7 +7935,7 @@ const g0 = ({
   color: b,
   ...h
 }) => {
-  const x = () => {
+  const p = () => {
     const B = /* @__PURE__ */ e.createElement(_, { as: "span", className: "c-social-bar-item__icon", alignItems: "center", justifyContent: "center", bg: n === "secondary" && t ? "grey-100" : void 0, color: b, __self: void 0, __source: {
       fileName: Ue,
       lineNumber: 37,
@@ -7937,7 +7955,7 @@ const g0 = ({
       columnNumber: 9
     } }, m === 0 ? "0" : m)) : B;
   }, {
-    layout: p,
+    layout: x,
     ...F
   } = h;
   return /* @__PURE__ */ e.createElement(_, { ...F, inline: !0, direction: "column", alignItems: "center", className: d("c-social-bar-item__container", {
@@ -7952,7 +7970,7 @@ const g0 = ({
     fileName: Ue,
     lineNumber: 84,
     columnNumber: 25
-  } }, x()) : x(), /* @__PURE__ */ e.createElement(N, { size: "xxs-2", __self: void 0, __source: {
+  } }, p()) : p(), /* @__PURE__ */ e.createElement(N, { size: "xxs-2", __self: void 0, __source: {
     fileName: Ue,
     lineNumber: 85,
     columnNumber: 7
@@ -7982,7 +8000,7 @@ const V0 = (l) => {
   blockVariant: b,
   ...h
 }) => {
-  const x = !f && /* @__PURE__ */ e.createElement(
+  const p = !f && /* @__PURE__ */ e.createElement(
     g0,
     {
       iconName: "comment",
@@ -8007,7 +8025,7 @@ const V0 = (l) => {
         columnNumber: 5
       }
     }
-  ), p = /* @__PURE__ */ e.createElement(g0, { iconName: "share", variant: V0(m), count: n, countColor: r, countBg: i, isClickable: m !== "card", className: d({
+  ), x = /* @__PURE__ */ e.createElement(g0, { iconName: "share", variant: V0(m), count: n, countColor: r, countBg: i, isClickable: m !== "card", className: d({
     "js-mobile-share-button": m === "horizontal"
   }), ...m !== "card" && {
     id: "mbrs-social-share-container"
@@ -8034,11 +8052,11 @@ const V0 = (l) => {
           fileName: Ge,
           lineNumber: 106,
           columnNumber: 13
-        } }, x, p), F);
+        } }, p, x), F);
       case "horizontal":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, F, B);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, p, x, F, B);
       case "vertical":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, x, p, ue, F, B);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, p, x, ue, F, B);
       default:
         return null;
     }
@@ -8461,7 +8479,7 @@ const Nm = ({
     fileName: le,
     lineNumber: 50,
     columnNumber: 11
-  } }, m.status === "qualif" ? `candidat${m.title === "Mme" ? "e" : ""} 2nd tour` : `élu${m.title === "Mme" ? "e" : ""}`), l), /* @__PURE__ */ e.createElement(x2, { percentage: n, ...i && {
+  } }, m.status === "qualif" ? `candidat${m.title === "Mme" ? "e" : ""} 2nd tour` : `élu${m.title === "Mme" ? "e" : ""}`), l), /* @__PURE__ */ e.createElement(p2, { percentage: n, ...i && {
     progressBarClassName: `c-percentage-bar__progress-bar--${i}`
   }, __self: void 0, __source: {
     fileName: le,
@@ -8796,11 +8814,11 @@ const hm = ({
   ...n
 }) => l === g.DESKTOP ? /* @__PURE__ */ e.createElement(k2, { ...n, __self: void 0, __source: {
   fileName: A1,
-  lineNumber: 17,
+  lineNumber: 18,
   columnNumber: 5
-} }) : /* @__PURE__ */ e.createElement(S2, { logohref: n.logohref, logoIsHeading: n.logoIsHeading, themeColor: n.themeColor, __self: void 0, __source: {
+} }) : /* @__PURE__ */ e.createElement(S2, { logohref: n.logohref, logoIsHeading: n.logoIsHeading, themeColor: n.themeColor, isHidden: n.isHidden, __self: void 0, __source: {
   fileName: A1,
-  lineNumber: 19,
+  lineNumber: 20,
   columnNumber: 5
 } });
 var $ = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderDesktop.tsx";
@@ -8951,50 +8969,53 @@ var Fe = "/home/travis/build/20minutes/hela/src/components/organisms/Header/Head
 const S2 = ({
   logohref: l,
   logoIsHeading: n = !1,
-  themeColor: m
+  themeColor: m,
+  isHidden: r = !1
 }) => {
-  const r = /* @__PURE__ */ e.createElement(C, { href: l, className: n ? void 0 : "c-header-mobile__logo", __self: void 0, __source: {
+  const i = /* @__PURE__ */ e.createElement(C, { href: l, className: n ? void 0 : "c-header-mobile__logo", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 8,
+    lineNumber: 9,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(E, { name: "logo", size: [114, 28], color: "white", svgTitle: "20 Minutes : Actualités et infos en direct", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 9,
+    lineNumber: 10,
     columnNumber: 7
   } }));
-  return /* @__PURE__ */ e.createElement(_, { className: "c-header-mobile", alignItems: "center", justifyContent: "between", px: "m", bg: m || "ultramarine", __self: void 0, __source: {
+  return /* @__PURE__ */ e.createElement(_, { className: d("c-header-mobile", {
+    "c-header-mobile--is-hidden": r
+  }), alignItems: "center", justifyContent: "between", px: "m", bg: m || "ultramarine", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 19,
+    lineNumber: 20,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(j, { variant: "ghost", iconProps: {
     name: "menu",
     size: [20, 16]
   }, color: "white", "data-a11y-dialog-show": "dialog-menu", type: "button", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 27,
+    lineNumber: 28,
     columnNumber: 7
   } }), /* @__PURE__ */ e.createElement(j, { variant: "ghost", iconProps: {
     name: "close",
     size: [20, 16]
   }, color: "white", "data-a11y-dialog-hide": "dialog-menu", type: "button", className: "u-hidden", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 38,
+    lineNumber: 39,
     columnNumber: 7
   } }), n ? /* @__PURE__ */ e.createElement("h1", { className: n ? "c-header-mobile__logo" : void 0, __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 50,
+    lineNumber: 51,
     columnNumber: 9
-  } }, r) : r, /* @__PURE__ */ e.createElement(_, { gap: "xs", alignItems: "center", justifyContent: "end", __self: void 0, __source: {
+  } }, i) : i, /* @__PURE__ */ e.createElement(_, { gap: "xs", alignItems: "center", justifyContent: "end", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 55,
+    lineNumber: 56,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(_1, { __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 56,
+    lineNumber: 57,
     columnNumber: 9
   } }), /* @__PURE__ */ e.createElement("div", { id: "mbrs-connectButtons", __self: void 0, __source: {
     fileName: Fe,
-    lineNumber: 57,
+    lineNumber: 58,
     columnNumber: 9
   } })));
 };
@@ -9009,11 +9030,11 @@ const vm = ({
   seeMoreLinkBoxProps: s,
   ...o
 }) => {
-  const t = (h, x) => h.slice(0, x), b = l.map((h) => ({
+  const t = (h, p) => h.slice(0, p), b = l.map((h) => ({
     ...h,
     body: t(h.body, n === g.DESKTOP ? h.name === "le-direct" && 25 || 10 : 5)
   })).map((h) => {
-    const x = h.name === "le-direct";
+    const p = h.name === "le-direct";
     return {
       name: h.name,
       title: h.title,
@@ -9025,34 +9046,34 @@ const vm = ({
         fileName: Ze,
         lineNumber: 72,
         columnNumber: 11
-      } }, h.body.map((p, F) => /* @__PURE__ */ e.createElement(e.Fragment, { key: p.title, __self: void 0, __source: {
+      } }, h.body.map((x, F) => /* @__PURE__ */ e.createElement(e.Fragment, { key: x.title, __self: void 0, __source: {
         fileName: Ze,
         lineNumber: 79,
         columnNumber: 15
-      } }, x ? /* @__PURE__ */ e.createElement(el, { link: p.url, title: p.title, cardHeaderProps: {
+      } }, p ? /* @__PURE__ */ e.createElement(el, { link: x.url, title: x.title, cardHeaderProps: {
         headline: {
-          text: p.rubricName,
-          color: p.themeColor
+          text: x.rubricName,
+          color: x.themeColor
         },
-        liveTime: p.liveTime
+        liveTime: x.liveTime
       }, cardTitleProps: {
         size: {
           xs: "xxs-2",
           md: "xxs-3"
         },
-        cartridge: p.cartridge
+        cartridge: x.cartridge
       }, layout: n, mr: i && n === g.DESKTOP && h.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
         fileName: Ze,
         lineNumber: 81,
         columnNumber: 19
-      } }) : /* @__PURE__ */ e.createElement(i2, { link: p.url, title: p.title, cardHeaderProps: {
+      } }) : /* @__PURE__ */ e.createElement(i2, { link: x.url, title: x.title, cardHeaderProps: {
         headline: {
-          text: p.rubricName,
-          color: p.themeColor
+          text: x.rubricName,
+          color: x.themeColor
         }
       }, cardTitleProps: {
         size: "xs",
-        cartridge: p.cartridge
+        cartridge: x.cartridge
       }, cardNumber: {
         value: F + 1
       }, layout: n, mr: i && n === g.DESKTOP ? "s" : void 0, __self: void 0, __source: {
@@ -9067,7 +9088,7 @@ const vm = ({
         fileName: Ze,
         lineNumber: 117,
         columnNumber: 13
-      } }, /* @__PURE__ */ e.createElement(C, { variant: "secondary", ...x ? {
+      } }, /* @__PURE__ */ e.createElement(C, { variant: "secondary", ...p ? {
         href: "https://www.20minutes.fr/actus",
         children: "Suivre l'info en direct"
       } : {
@@ -9087,7 +9108,7 @@ const vm = ({
   } });
 };
 var Xe = "/home/travis/build/20minutes/hela/src/components/organisms/MostWatchVideos/MostWatchVideos.tsx";
-const pm = ({
+const xm = ({
   tabItems: l,
   layout: n,
   fitContainer: m,
@@ -9142,7 +9163,7 @@ const pm = ({
   } });
 };
 var ke = "/home/travis/build/20minutes/hela/src/components/organisms/OverviewBar/OverviewBar.tsx";
-const xm = ({
+const pm = ({
   articles: l,
   layout: n,
   hasStepper: m
@@ -9360,8 +9381,8 @@ export {
   rn as Ad,
   un as Alert,
   vn as AlertInfoBanner,
-  pn as ArticleBrandBanner,
-  xn as ArticleHeader,
+  xn as ArticleBrandBanner,
+  pn as ArticleHeader,
   En as ArticleSummary,
   gn as ArticleVideo,
   b1 as Autocomplete,
@@ -9438,7 +9459,7 @@ export {
   g as LayoutType,
   A0 as Legend,
   C as Link,
-  p2 as ListWithDiode,
+  x2 as ListWithDiode,
   Un as LiveIndicator,
   Gn as LiveQuestion,
   Xn as LiveTalk,
@@ -9454,13 +9475,13 @@ export {
   nm as MenuList,
   Y1 as Modal,
   vm as MostReadArticles,
-  pm as MostWatchVideos,
+  xm as MostWatchVideos,
   mm as Newsletter,
   rm as OrderedListWithNumber,
   Rl as Overlay,
-  xm as OverviewBar,
+  pm as OverviewBar,
   um as Pagination,
-  x2 as PercentageBar,
+  p2 as PercentageBar,
   Em as PhotoSwipeGallery,
   t1 as Pipe,
   am as Prose,