@20minutes/hela 0.1.146 → 0.1.148

package/dist/index.es.js

@@ -787,7 +787,7 @@ const R = {
   R.typography.heading
 ), ql = Object.keys(
   R.typography.text
-), Ul = ["column", "row", "column-reverse", "row-reverse"], Gl = ["wrap", "wrap-reverse", "no-wrap"], Wl = ["start", "end", "center", "baseline", "stretch"], Xl = [
+), Ul = ["column", "row", "column-reverse", "row-reverse"], Wl = ["wrap", "wrap-reverse", "no-wrap"], Gl = ["start", "end", "center", "baseline", "stretch"], Xl = [
   "start",
   "end",
   "center",
@@ -987,7 +987,7 @@ const s1 = ({
   columnNumber: 3
 } });
 var De = "/home/travis/build/20minutes/hela/src/components/atoms/Divider/Divider.tsx";
-const W = y(({
+const G = y(({
   text: l,
   color: m = "black",
   thickness: r = "thin",
@@ -1045,7 +1045,7 @@ const Me = ({
   lineNumber: 25,
   columnNumber: 9
 } })));
-var x0 = "/home/travis/build/20minutes/hela/src/components/atoms/DividerVertical/DividerVertical.tsx";
+var p0 = "/home/travis/build/20minutes/hela/src/components/atoms/DividerVertical/DividerVertical.tsx";
 const s2 = y(({
   color: l = "black",
   thickness: m = "thin",
@@ -1053,17 +1053,17 @@ const s2 = y(({
 }) => /* @__PURE__ */ e.createElement(N, { bg: l, className: f("c-divider-vertical", {
   [`c-divider-vertical--${m}`]: m !== "thin"
 }, r == null ? void 0 : r.className), __self: void 0, __source: {
-  fileName: x0,
+  fileName: p0,
   lineNumber: 13,
   columnNumber: 5
 } }));
-var p0 = "/home/travis/build/20minutes/hela/src/components/atoms/Embed/Embed.tsx";
+var x0 = "/home/travis/build/20minutes/hela/src/components/atoms/Embed/Embed.tsx";
 const o2 = ({
   html: l
 }) => /* @__PURE__ */ e.createElement("div", { dangerouslySetInnerHTML: {
   __html: l
 }, __self: void 0, __source: {
-  fileName: p0,
+  fileName: x0,
   lineNumber: 8,
   columnNumber: 3
 } });
@@ -2313,8 +2313,8 @@ const o1 = ({
   fetchPriority: t,
   ...u
 }) => {
-  const b = r.split("x"), x = b[0], C = b[1];
-  let $, ve = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${x}'%20height='${C}'%3E%3C/svg%3E`;
+  const b = r.split("x"), p = b[0], M = b[1];
+  let $, ve = `data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='${p}'%20height='${M}'%3E%3C/svg%3E`;
   m && (ve = _0({
     src: m,
     format: r
@@ -2325,8 +2325,8 @@ const o1 = ({
   const he = n ? "lazy" : "eager", f1 = {
     ...u,
     id: l || void 0,
-    width: x,
-    height: C,
+    width: p,
+    height: M,
     sizes: i || void 0,
     alt: c,
     className: f("c-img", u == null ? void 0 : u.className),
@@ -2360,10 +2360,10 @@ const Ae = y(({
   isIconButton: t = !1,
   iconButtonProps: u,
   variant: b,
-  msg: x,
-  containerProps: C,
+  msg: p,
+  containerProps: M,
   ...$
-}, ve) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: ve, className: "c-input", ...C, __self: void 0, __source: {
+}, ve) => /* @__PURE__ */ e.createElement(_, { direction: "column", ref: ve, className: "c-input", ...M, __self: void 0, __source: {
   fileName: I,
   lineNumber: 38,
   columnNumber: 5
@@ -2397,11 +2397,11 @@ const Ae = y(({
   fileName: I,
   lineNumber: 75,
   columnNumber: 9
-} })), x && x.length && /* @__PURE__ */ e.createElement(_, { wrap: "wrap", gapY: "s", gapX: "xxs-2", mt: "xxs-2", __self: void 0, __source: {
+} })), p && p.length && /* @__PURE__ */ e.createElement(_, { wrap: "wrap", gapY: "s", gapX: "xxs-2", mt: "xxs-2", __self: void 0, __source: {
   fileName: I,
   lineNumber: 90,
   columnNumber: 9
-} }, x.map(({
+} }, p.map(({
   iconProps: he,
   textProps: f1,
   value: r0
@@ -2662,7 +2662,7 @@ const H = y(({
   columnNumber: 5
 } }, m));
 var Z0 = "/home/travis/build/20minutes/hela/src/components/atoms/Link/Link.tsx";
-const k = y(({
+const C = y(({
   as: l = "a",
   children: m,
   color: r,
@@ -2772,7 +2772,7 @@ const _2 = ({
   fileName: Ue,
   lineNumber: 23,
   columnNumber: 5
-} }), /* @__PURE__ */ e.createElement(k, { href: m, className: "c-read-also__link", target: r ? "_blank" : void 0, rel: a && "isNofollow" || c && "isSponsored" || void 0, __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(C, { href: m, className: "c-read-also__link", target: r ? "_blank" : void 0, rel: a && "isNofollow" || c && "isSponsored" || void 0, __self: void 0, __source: {
   fileName: Ue,
   lineNumber: 24,
   columnNumber: 5
@@ -2863,7 +2863,7 @@ const d2 = ({
   lineNumber: 10,
   columnNumber: 3
 } });
-var xe = "/home/travis/build/20minutes/hela/src/components/atoms/Slider/Slider.tsx";
+var pe = "/home/travis/build/20minutes/hela/src/components/atoms/Slider/Slider.tsx";
 const q0 = (l) => {
   switch (l) {
     case "primary":
@@ -2884,36 +2884,36 @@ const q0 = (l) => {
   delay: t = 3e3,
   ...u
 }, b) => /* @__PURE__ */ e.createElement(N, { ...u, ref: b, className: f("c-slider js-navigation-container", u == null ? void 0 : u.className), "data-slider-variant": i, "data-slider-auto": n, "data-slider-delay": t, __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 46,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(N, { className: "c-slider__viewport js-navigation-container__list", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 54,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-slider__list", alignItems: "center", gap: r, __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 55,
   columnNumber: 9
 } }, m)), l === h.DESKTOP && /* @__PURE__ */ e.createElement(N, { className: "c-slider__buttons-container", __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 60,
   columnNumber: 9
-} }, Array.from(["previous", "next"], (x) => /* @__PURE__ */ e.createElement(N, { key: x, bg: a && q0(a), pr: a && x === "previous" ? "l" : void 0, pl: a && x === "next" ? "l" : void 0, className: f(`c-slider__button-container c-slider__button-container--${x} o-nav-button o-nav-button--${x}-button`, {
+} }, Array.from(["previous", "next"], (p) => /* @__PURE__ */ e.createElement(N, { key: p, bg: a && q0(a), pr: a && p === "previous" ? "l" : void 0, pl: a && p === "next" ? "l" : void 0, className: f(`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--${i}`]: i
 }), __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 62,
   columnNumber: 13
 } }, /* @__PURE__ */ e.createElement(j, { variant: "round", color: c, iconProps: {
   name: "chevron",
   size: 12,
-  rotation: x === "previous" ? "half" : void 0,
-  svgTitle: x === "previous" ? "Précédent" : "Suivant"
+  rotation: p === "previous" ? "half" : void 0,
+  svgTitle: p === "previous" ? "Précédent" : "Suivant"
 }, __self: void 0, __source: {
-  fileName: xe,
+  fileName: pe,
   lineNumber: 75,
   columnNumber: 15
 } }))))));
@@ -2943,13 +2943,13 @@ function U0({
     } }));
   }));
 }
-var G0 = "/home/travis/build/20minutes/hela/src/components/atoms/Switch/Switch.tsx";
+var W0 = "/home/travis/build/20minutes/hela/src/components/atoms/Switch/Switch.tsx";
 const b2 = (l) => /* @__PURE__ */ e.createElement("input", { className: "switch-input", type: "checkbox", ...l, __self: void 0, __source: {
-  fileName: G0,
+  fileName: W0,
   lineNumber: 4,
   columnNumber: 3
 } });
-var W0 = "/home/travis/build/20minutes/hela/src/components/atoms/Tab/Tab.tsx";
+var G0 = "/home/travis/build/20minutes/hela/src/components/atoms/Tab/Tab.tsx";
 const X0 = ({
   variant: l = "default",
   name: m,
@@ -2962,7 +2962,7 @@ const X0 = ({
   [`c-tab--${l}`]: l,
   "c-tab--direct": a
 }), "aria-controls": `tabpanel-${m}`, "aria-selected": c, tabIndex: i, ...n, __self: void 0, __source: {
-  fileName: W0,
+  fileName: G0,
   lineNumber: 22,
   columnNumber: 3
 } }, r);
@@ -3027,8 +3027,8 @@ const q1 = y(({
   columnNumber: 9
 } }, c.map(({
   iconProps: b,
-  textProps: x,
-  value: C
+  textProps: p,
+  value: M
 }, $) => /* @__PURE__ */ e.createElement(_, { key: $ == null ? void 0 : $.toString(), alignItems: "center", gap: "xxs", __self: void 0, __source: {
   fileName: Y,
   lineNumber: 55,
@@ -3038,8 +3038,8 @@ const q1 = y(({
   lineNumber: 56,
   columnNumber: 29
 } }), /* @__PURE__ */ e.createElement(d, { dangerouslySetInnerHTML: {
-  __html: C
-}, role: "alert", ...x, __self: void 0, __source: {
+  __html: M
+}, role: "alert", ...p, __self: void 0, __source: {
   fileName: Y,
   lineNumber: 57,
   columnNumber: 15
@@ -3207,7 +3207,7 @@ const h2 = ({
   columnNumber: 5
 } }, l));
 var Q = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleHeader/ArticleHeader.tsx";
-const x2 = ({
+const p2 = ({
   title: l,
   label: m,
   layout: r,
@@ -3262,41 +3262,41 @@ const x2 = ({
     columnNumber: 21
   } }))), u;
 };
-var x1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleSummary/ArticleSummary.tsx";
-const p2 = ({
+var p1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleSummary/ArticleSummary.tsx";
+const x2 = ({
   title: l,
   summary: m,
   rubricColor: r,
   ...a
 }) => /* @__PURE__ */ e.createElement(d, { ...a, as: "div", bg: a.bg || r || "ultramarine", color: a.color || "white", px: "m", py: "l", size: "l", fontFamily: "source-serif-pro", __self: void 0, __source: {
-  fileName: x1,
+  fileName: p1,
   lineNumber: 17,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(z, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", __self: void 0, __source: {
-  fileName: x1,
+  fileName: p1,
   lineNumber: 27,
   columnNumber: 5
 } }, l), /* @__PURE__ */ e.createElement(dl, { rubricColor: r, __self: void 0, __source: {
-  fileName: x1,
+  fileName: p1,
   lineNumber: 30,
   columnNumber: 5
 } }, m));
-var p1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleVideo/ArticleVideo.tsx";
+var x1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleVideo/ArticleVideo.tsx";
 const g2 = ({
   html: l,
   caption: m = ""
 }) => /* @__PURE__ */ e.createElement("figure", { className: "c-media", role: "group", __self: void 0, __source: {
-  fileName: p1,
+  fileName: x1,
   lineNumber: 10,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement("div", { className: "c-media__content c-media__content--video", dangerouslySetInnerHTML: {
   __html: l
 }, __self: void 0, __source: {
-  fileName: p1,
+  fileName: x1,
   lineNumber: 11,
   columnNumber: 5
 } }), m && /* @__PURE__ */ e.createElement(d, { as: "figcaption", size: "xs", mt: "s", color: "grey-300", className: "c-media__caption", __self: void 0, __source: {
-  fileName: p1,
+  fileName: x1,
   lineNumber: 18,
   columnNumber: 7
 } }, m));
@@ -3339,7 +3339,7 @@ const cl = ({
   lineNumber: 11,
   columnNumber: 5
 } }, l.label));
-var pe = "/home/travis/build/20minutes/hela/src/components/molecules/Breadcrumb/Breadcrumb.tsx";
+var xe = "/home/travis/build/20minutes/hela/src/components/molecules/Breadcrumb/Breadcrumb.tsx";
 const w2 = ({
   rubrics: l,
   tags: m,
@@ -3347,27 +3347,27 @@ const w2 = ({
   layout: a = h.MOBILE,
   ...c
 }) => /* @__PURE__ */ e.createElement(Se, { layout: a, buttonsBackground: "primary", ...c, className: "c-breadcrumb", __self: void 0, __source: {
-  fileName: pe,
+  fileName: xe,
   lineNumber: 20,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(de, { variant: "breadcrumb", link: "/", __self: void 0, __source: {
-  fileName: pe,
+  fileName: xe,
   lineNumber: 21,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(v, { size: 20, name: "home", svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
-  fileName: pe,
+  fileName: xe,
   lineNumber: 22,
   columnNumber: 7
 } })), l && l.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, l.slice(0, 4).map((i) => /* @__PURE__ */ e.createElement(cl, { key: i.label, rubric: i, __self: void 0, __source: {
-  fileName: pe,
+  fileName: xe,
   lineNumber: 28,
   columnNumber: 11
 } }))), m && m.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(C1, { __self: void 0, __source: {
-  fileName: pe,
+  fileName: xe,
   lineNumber: 35,
   columnNumber: 9
 } }), m.map((i, n) => /* @__PURE__ */ e.createElement(de, { color: r, variant: "primary", key: i.label, link: i.link, mr: n !== m.length - 1 ? "xs" : "0", __self: void 0, __source: {
-  fileName: pe,
+  fileName: xe,
   lineNumber: 37,
   columnNumber: 11
 } }, i.label))));
@@ -3384,7 +3384,7 @@ const be = y(({
   columnNumber: 5
 } }, r));
 var E1 = "/home/travis/build/20minutes/hela/src/components/molecules/Card/CardFooter/CardFooter.tsx";
-const G1 = ({
+const W1 = ({
   text: l,
   secondaryText: m,
   bg: r,
@@ -3480,7 +3480,7 @@ const ol = (l) => {
   fetchPriority: u = "auto",
   ...b
 }) => {
-  const x = /* @__PURE__ */ e.createElement(o1, { ...!n && b, ...l ? {
+  const p = /* @__PURE__ */ e.createElement(o1, { ...!n && b, ...l ? {
     id: l
   } : {}, src: m, defaultFormat: a, formats: r, sizes: c, alt: i, lazyLoad: t, fetchPriority: u, __self: void 0, __source: {
     fileName: Fe,
@@ -3505,7 +3505,7 @@ const ol = (l) => {
     fileName: Fe,
     lineNumber: 58,
     columnNumber: 13
-  } }, n.text)), x) : x);
+  } }, n.text)), p) : p);
 };
 var w1 = "/home/travis/build/20minutes/hela/src/components/molecules/Card/CardTitle/CardTitle.tsx";
 const me = ({
@@ -3535,7 +3535,7 @@ const me = ({
   lineNumber: 46,
   columnNumber: 5
 } }, n));
-var M = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardExtraLarge/CardExtraLarge.tsx";
+var S = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardExtraLarge/CardExtraLarge.tsx";
 const z2 = ({
   link: l,
   title: m,
@@ -3546,89 +3546,99 @@ const z2 = ({
   summary: n,
   signatureProps: t,
   socialBarProps: u,
-  ...b
+  follows3ColumnsGrid: b = !1,
+  ...p
 }) => {
-  const x = ["722x469", "640x408", "320x204"];
-  return /* @__PURE__ */ e.createElement(N, { ...b, className: "c-card-extra-large", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 38,
+  const M = ["722x469", "640x408", "320x204"];
+  return /* @__PURE__ */ e.createElement(N, { ...p, className: "c-card-extra-large", __self: void 0, __source: {
+    fileName: S,
+    lineNumber: 41,
     columnNumber: 5
-  } }, i === h.DESKTOP ? /* @__PURE__ */ e.createElement(_, { gap: "xl", className: "o-lt-show", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 40,
+  } }, i === h.DESKTOP ? /* @__PURE__ */ e.createElement(_, { gap: b ? "s" : "xl", className: f({
+    "o-lt-show": !b,
+    "o-columns-by-3": b
+  }), __self: void 0, __source: {
+    fileName: S,
+    lineNumber: 43,
     columnNumber: 9
-  } }, c && /* @__PURE__ */ e.createElement(N, { as: "a", href: l, className: "o-lt-show__main", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 42,
+  } }, c && /* @__PURE__ */ e.createElement(N, { as: "a", href: l, className: f({
+    "o-lt-show__main": !b,
+    "o-columns-by-3__first-2-columns": b
+  }), __self: void 0, __source: {
+    fileName: S,
+    lineNumber: 51,
     columnNumber: 13
-  } }, /* @__PURE__ */ e.createElement(le, { ...c, formats: x, defaultFormat: "722x469", sizes: "(min-width: 64rem) 45.125rem, (min-width: 30rem) 40rem, 20rem", alt: m, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 43,
+  } }, /* @__PURE__ */ e.createElement(le, { ...c, formats: M, defaultFormat: "722x469", sizes: "(min-width: 64rem) 45.125rem, (min-width: 30rem) 40rem, 20rem", alt: m, __self: void 0, __source: {
+    fileName: S,
+    lineNumber: 59,
     columnNumber: 15
-  } })), /* @__PURE__ */ e.createElement(_, { direction: "column", justifyContent: "between", className: "o-lt-show__aside", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 52,
+  } })), /* @__PURE__ */ e.createElement(_, { direction: "column", justifyContent: "between", pl: b ? "s" : "0", className: f({
+    "o-lt-show__aside": !b,
+    "o-columns-by-3__last-1-column": b
+  }), __self: void 0, __source: {
+    fileName: S,
+    lineNumber: 68,
     columnNumber: 11
   } }, /* @__PURE__ */ e.createElement(_, { direction: "column", flexGrow: 1, as: "a", href: l, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 53,
+    fileName: S,
+    lineNumber: 77,
     columnNumber: 13
   } }, r && /* @__PURE__ */ e.createElement(ne, { ...r, rightSubheader: void 0, mb: "xxs-2", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 55,
+    fileName: S,
+    lineNumber: 79,
     columnNumber: 17
   } }), /* @__PURE__ */ e.createElement(me, { as: "h2", size: "l", mb: "xs", ...a, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 57,
+    fileName: S,
+    lineNumber: 81,
     columnNumber: 15
   } }, m), /* @__PURE__ */ e.createElement(d, { size: "xl", fontFamily: "source-serif-pro", color: "grey-600", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 60,
+    fileName: S,
+    lineNumber: 84,
     columnNumber: 15
   } }, n)), u && /* @__PURE__ */ e.createElement(ye, { ...u, variant: "card", mt: "s", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 64,
+    fileName: S,
+    lineNumber: 88,
     columnNumber: 32
   } }))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(N, { as: "a", href: l, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 69,
+    fileName: S,
+    lineNumber: 93,
     columnNumber: 11
   } }, /* @__PURE__ */ e.createElement(N, { mx: "m", mb: "xs", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 70,
+    fileName: S,
+    lineNumber: 94,
     columnNumber: 13
   } }, r && /* @__PURE__ */ e.createElement(ne, { ...r, rightSubheader: void 0, mb: "xxs-2", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 72,
+    fileName: S,
+    lineNumber: 96,
     columnNumber: 17
   } }), /* @__PURE__ */ e.createElement(me, { as: "h2", maxRows: 3, ...a, __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 74,
+    fileName: S,
+    lineNumber: 98,
     columnNumber: 15
-  } }, m)), c && /* @__PURE__ */ e.createElement(le, { ...c, formats: x, defaultFormat: "640x408", alt: m, mb: "xs", radius: "0", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 79,
+  } }, m)), c && /* @__PURE__ */ e.createElement(le, { ...c, formats: M, defaultFormat: "640x408", alt: m, mb: "xs", radius: "0", __self: void 0, __source: {
+    fileName: S,
+    lineNumber: 103,
     columnNumber: 15
   } }), /* @__PURE__ */ e.createElement(N, { mx: "m", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 88,
+    fileName: S,
+    lineNumber: 112,
     columnNumber: 13
   } }, t && /* @__PURE__ */ e.createElement(e0, { ...t, mb: "xs", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 89,
+    fileName: S,
+    lineNumber: 113,
     columnNumber: 34
   } }), /* @__PURE__ */ e.createElement(N, { as: "p", color: "grey-600", className: "c-card-extra-large__summary", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 90,
+    fileName: S,
+    lineNumber: 114,
     columnNumber: 15
   } }, n))), u && /* @__PURE__ */ e.createElement(ye, { ...u, variant: "card", mt: "s", mx: "m", __self: void 0, __source: {
-    fileName: M,
-    lineNumber: 95,
+    fileName: S,
+    lineNumber: 119,
     columnNumber: 30
   } })));
 };
 var ae = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardExtraSmall/CardExtraSmall.tsx";
-const W1 = ({
+const G1 = ({
   link: l,
   title: m,
   cardHeaderProps: r,
@@ -3662,7 +3672,7 @@ const W1 = ({
   fileName: ae,
   lineNumber: 54,
   columnNumber: 11
-} })), i && /* @__PURE__ */ e.createElement(G1, { ...i, mt: "xs", __self: void 0, __source: {
+} })), i && /* @__PURE__ */ e.createElement(W1, { ...i, mt: "xs", __self: void 0, __source: {
   fileName: ae,
   lineNumber: 64,
   columnNumber: 27
@@ -3683,8 +3693,8 @@ const y2 = ({
   signatureProps: t,
   socialBarProps: u,
   rubricColor: b,
-  ...x
-}) => /* @__PURE__ */ e.createElement(be, { ...x, as: "div", direction: "column", className: "c-card-large", __self: void 0, __source: {
+  ...p
+}) => /* @__PURE__ */ e.createElement(be, { ...p, as: "div", direction: "column", className: "c-card-large", __self: void 0, __source: {
   fileName: B,
   lineNumber: 39,
   columnNumber: 3
@@ -3768,8 +3778,8 @@ const il = ({
   cardFooterProps: t,
   bg: u,
   radius: b,
-  ...x
-}) => /* @__PURE__ */ e.createElement(be, { ...x, as: "div", direction: "column", bg: u, radius: u ? b || "xxs" : void 0, __self: void 0, __source: {
+  ...p
+}) => /* @__PURE__ */ e.createElement(be, { ...p, as: "div", direction: "column", bg: u, radius: u ? b || "xxs" : void 0, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 34,
   columnNumber: 3
@@ -3797,7 +3807,7 @@ const il = ({
   fileName: ce,
   lineNumber: 54,
   columnNumber: 9
-} }, m)), t && /* @__PURE__ */ e.createElement(G1, { ...t, mt: "l", p: u ? "s" : void 0, __self: void 0, __source: {
+} }, m)), t && /* @__PURE__ */ e.createElement(W1, { ...t, mt: "l", p: u ? "s" : void 0, __self: void 0, __source: {
   fileName: ce,
   lineNumber: 67,
   columnNumber: 27
@@ -3900,7 +3910,7 @@ function X1({
     columnNumber: 7
   } }, c));
 }
-var Ge = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardSmall/CardSmall.tsx";
+var We = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardSmall/CardSmall.tsx";
 const Y1 = ({
   link: l,
   title: m,
@@ -3910,19 +3920,19 @@ const Y1 = ({
   layout: i,
   ...n
 }) => /* @__PURE__ */ e.createElement(be, { ...n, link: l, direction: "column", __self: void 0, __source: {
-  fileName: Ge,
+  fileName: We,
   lineNumber: 23,
   columnNumber: 3
 } }, c && /* @__PURE__ */ e.createElement(le, { ...c, defaultFormat: i === h.DESKTOP ? "320x204" : "252x162", formats: ["320x204", "252x162"], sizes: "(min-width: 30rem) 20rem, 15.75rem", alt: m, mb: "xxs", __self: void 0, __source: {
-  fileName: Ge,
+  fileName: We,
   lineNumber: 25,
   columnNumber: 7
 } }), r && /* @__PURE__ */ e.createElement(ne, { mb: "xxs-2", ...r, __self: void 0, __source: {
-  fileName: Ge,
+  fileName: We,
   lineNumber: 34,
   columnNumber: 25
 } }), /* @__PURE__ */ e.createElement(me, { as: "h4", size: "xxs-2", fontFamily: "source-serif-pro", ...a, __self: void 0, __source: {
-  fileName: Ge,
+  fileName: We,
   lineNumber: 35,
   columnNumber: 5
 } }, m));
@@ -4006,7 +4016,7 @@ const S2 = ({
   fileName: P,
   lineNumber: 41,
   columnNumber: 13
-} })), /* @__PURE__ */ e.createElement(W, { thickness: "thick", color: i || "ultramarine", mt: "xxs", __self: void 0, __source: {
+} })), /* @__PURE__ */ e.createElement(G, { thickness: "thick", color: i || "ultramarine", mt: "xxs", __self: void 0, __source: {
   fileName: P,
   lineNumber: 50,
   columnNumber: 11
@@ -4081,7 +4091,7 @@ const J1 = y(({
   children: t,
   textProps: u,
   ...b
-}, x) => /* @__PURE__ */ e.createElement(N, { ...b, className: "c-collapse js-collapse", ref: x, __self: void 0, __source: {
+}, p) => /* @__PURE__ */ e.createElement(N, { ...b, className: "c-collapse js-collapse", ref: p, __self: void 0, __source: {
   fileName: He,
   lineNumber: 43,
   columnNumber: 5
@@ -4297,7 +4307,7 @@ const L2 = ({
     fileName: F,
     lineNumber: 63,
     columnNumber: 11
-  } })), /* @__PURE__ */ e.createElement(k, { href: "/", className: "c-error-content__link", __self: void 0, __source: {
+  } })), /* @__PURE__ */ e.createElement(C, { href: "/", className: "c-error-content__link", __self: void 0, __source: {
     fileName: F,
     lineNumber: 66,
     columnNumber: 7
@@ -4356,7 +4366,7 @@ const B2 = ({
   fileName: T,
   lineNumber: 43,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(k, { href: l, color: "ultramarine", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(C, { href: l, color: "ultramarine", __self: void 0, __source: {
   fileName: T,
   lineNumber: 44,
   columnNumber: 9
@@ -4385,7 +4395,7 @@ const B2 = ({
   lineNumber: 62,
   columnNumber: 13
 } }, c)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((u, b) => /* @__PURE__ */ e.createElement(
-  k,
+  C,
   {
     key: `key-${b}`,
     href: u.link,
@@ -4416,7 +4426,7 @@ const $2 = ({
   contentProps: u,
   ...b
 }) => {
-  const x = /* @__PURE__ */ e.createElement(z, { as: "h1", size: {
+  const p = /* @__PURE__ */ e.createElement(z, { as: "h1", size: {
     xs: "l",
     md: "xxl-2"
   }, mb: m ? {
@@ -4431,7 +4441,7 @@ const $2 = ({
     fileName: L,
     lineNumber: 45,
     columnNumber: 5
-  } }, l), C = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { ...u, as: "div", size: (u == null ? void 0 : u.size) || {
+  } }, l), M = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { ...u, as: "div", size: (u == null ? void 0 : u.size) || {
     xs: "m",
     md: "l"
   }, mx: {
@@ -4467,7 +4477,7 @@ const $2 = ({
     fileName: L,
     lineNumber: 89,
     columnNumber: 9
-  } }), x, (c == null ? void 0 : c.type) === "dedicated-area" && /* @__PURE__ */ e.createElement(ie, { sponsor: c.content, variant: "header-dedicated-mobile", mt: m ? "0" : "s", mb: m ? "s" : "0", mx: "m", __self: void 0, __source: {
+  } }), p, (c == null ? void 0 : c.type) === "dedicated-area" && /* @__PURE__ */ e.createElement(ie, { sponsor: c.content, variant: "header-dedicated-mobile", mt: m ? "0" : "s", mb: m ? "s" : "0", mx: "m", __self: void 0, __source: {
     fileName: L,
     lineNumber: 101,
     columnNumber: 9
@@ -4475,7 +4485,7 @@ const $2 = ({
     fileName: L,
     lineNumber: 109,
     columnNumber: 22
-  } }), m && C);
+  } }), m && M);
   return i === h.DESKTOP && ($ = /* @__PURE__ */ e.createElement(_, { alignItems: "start", justifyContent: "between", gap: c ? "m" : void 0, __self: void 0, __source: {
     fileName: L,
     lineNumber: 116,
@@ -4488,7 +4498,7 @@ const $2 = ({
     fileName: L,
     lineNumber: 119,
     columnNumber: 13
-  } }), x, m && C), (c == null ? void 0 : c.type) === "dedicated-area" && /* @__PURE__ */ e.createElement(ie, { sponsor: c.content, variant: "header-dedicated-desktop", mt: "xl", __self: void 0, __source: {
+  } }), p, m && M), (c == null ? void 0 : c.type) === "dedicated-area" && /* @__PURE__ */ e.createElement(ie, { sponsor: c.content, variant: "header-dedicated-desktop", mt: "xl", __self: void 0, __source: {
     fileName: L,
     lineNumber: 131,
     columnNumber: 11
@@ -4507,7 +4517,7 @@ const $2 = ({
     columnNumber: 7
   } }), $);
 };
-var We = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderSideModal/HeaderSideModal.tsx";
+var Ge = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderSideModal/HeaderSideModal.tsx";
 const _l = ({
   modalIconSize: l = 46,
   dialogId: m,
@@ -4515,22 +4525,22 @@ const _l = ({
   headingProps: a,
   ...c
 }) => /* @__PURE__ */ e.createElement(_, { alignItems: "center", justifyContent: "between", px: "l", py: "xs", className: "c-header-side-modal", __self: void 0, __source: {
-  fileName: We,
+  fileName: Ge,
   lineNumber: 18,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(v, { name: "logo", color: "ultramarine", size: l, __self: void 0, __source: {
-  fileName: We,
+  fileName: Ge,
   lineNumber: 19,
   columnNumber: 5
 } }), a && /* @__PURE__ */ e.createElement(z, { color: "black", ...a, __self: void 0, __source: {
-  fileName: We,
+  fileName: Ge,
   lineNumber: 20,
   columnNumber: 22
 } }), /* @__PURE__ */ e.createElement(j, { variant: "ghost", iconProps: {
   name: "close",
   size: 18
 }, color: "black", "data-a11y-dialog-hide": m, "aria-label": r, ...c, __self: void 0, __source: {
-  fileName: We,
+  fileName: Ge,
   lineNumber: 21,
   columnNumber: 5
 } }));
@@ -4555,7 +4565,7 @@ const Z2 = ({
   fileName: Ee,
   lineNumber: 26,
   columnNumber: 11
-} }), c !== l.length - 1 && /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "l", __self: void 0, __source: {
+} }), c !== l.length - 1 && /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "l", __self: void 0, __source: {
   fileName: Ee,
   lineNumber: 27,
   columnNumber: 39
@@ -4866,7 +4876,7 @@ const D2 = ({
     fileName: E,
     lineNumber: 80,
     columnNumber: 21
-  } }), /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "s", __self: void 0, __source: {
+  } }), /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "s", __self: void 0, __source: {
     fileName: E,
     lineNumber: 81,
     columnNumber: 21
@@ -4878,7 +4888,7 @@ const D2 = ({
     fileName: E,
     lineNumber: 87,
     columnNumber: 23
-  } }, u.children))), n.links.map((u, b) => /* @__PURE__ */ e.createElement(k, { key: b, href: u.href, color: "black", pb: b !== n.links.length - 1 ? "l" : "0", __self: void 0, __source: {
+  } }, u.children))), n.links.map((u, b) => /* @__PURE__ */ e.createElement(C, { key: b, href: u.href, color: "black", pb: b !== n.links.length - 1 ? "l" : "0", __self: void 0, __source: {
     fileName: E,
     lineNumber: 94,
     columnNumber: 19
@@ -4886,7 +4896,7 @@ const D2 = ({
     fileName: E,
     lineNumber: 101,
     columnNumber: 21
-  } })))) : /* @__PURE__ */ e.createElement(k, { key: t, href: n.categoryLink, color: n.theme ?? "black", className: "c-collapse__link", py: "s", pl: "l", __self: void 0, __source: {
+  } })))) : /* @__PURE__ */ e.createElement(C, { key: t, href: n.categoryLink, color: n.theme ?? "black", className: "c-collapse__link", py: "s", pl: "l", __self: void 0, __source: {
     fileName: E,
     lineNumber: 106,
     columnNumber: 15
@@ -4941,7 +4951,7 @@ const K2 = ({
         fileName: we,
         lineNumber: 45,
         columnNumber: 13
-      } }, n ? /* @__PURE__ */ e.createElement(W1, { link: t.url, title: t.title, cardHeaderProps: {
+      } }, n ? /* @__PURE__ */ e.createElement(G1, { link: t.url, title: t.title, cardHeaderProps: {
         headline: {
           text: t.rubricName
         },
@@ -4964,7 +4974,7 @@ const K2 = ({
         fileName: we,
         lineNumber: 56,
         columnNumber: 17
-      } }), u !== i.body.length - 1 && /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "s", __self: void 0, __source: {
+      } }), u !== i.body.length - 1 && /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "s", __self: void 0, __source: {
         fileName: we,
         lineNumber: 64,
         columnNumber: 49
@@ -5109,7 +5119,7 @@ function U2({
   } }));
 }
 var Ye = "/home/travis/build/20minutes/hela/src/components/molecules/Pagination/Pagination.tsx";
-const G2 = ({
+const W2 = ({
   totalArticles: l,
   currentPage: m,
   pagePath: r,
@@ -5119,15 +5129,15 @@ const G2 = ({
   fileName: Ye,
   lineNumber: 19,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(k, { color: Number(m) === 1 ? "black" : "grey-300", href: `${r}?page=1`, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(C, { color: Number(m) === 1 ? "black" : "grey-300", href: `${r}?page=1`, __self: void 0, __source: {
   fileName: Ye,
   lineNumber: 20,
   columnNumber: 7
-} }, "1"), l > 17 && /* @__PURE__ */ e.createElement(k, { color: Number(m) === 2 ? "black" : "grey-300", href: `${r}?page=2`, __self: void 0, __source: {
+} }, "1"), l > 17 && /* @__PURE__ */ e.createElement(C, { color: Number(m) === 2 ? "black" : "grey-300", href: `${r}?page=2`, __self: void 0, __source: {
   fileName: Ye,
   lineNumber: 24,
   columnNumber: 9
-} }, "2"), l > 25 && /* @__PURE__ */ e.createElement(k, { color: Number(m) !== 1 && Number(m) !== 2 ? "black" : "grey-300", href: a, __self: void 0, __source: {
+} }, "2"), l > 25 && /* @__PURE__ */ e.createElement(C, { color: Number(m) !== 1 && Number(m) !== 2 ? "black" : "grey-300", href: a, __self: void 0, __source: {
   fileName: Ye,
   lineNumber: 29,
   columnNumber: 9
@@ -5152,15 +5162,15 @@ const bl = ({
   fileName: q,
   lineNumber: 34,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "s", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "s", __self: void 0, __source: {
   fileName: q,
   lineNumber: 35,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(W1, { ...r, className: "c-partner-cards__secondary-articles", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(G1, { ...r, className: "c-partner-cards__secondary-articles", __self: void 0, __source: {
   fileName: q,
   lineNumber: 36,
   columnNumber: 11
-} }))).slice(1, 3)), W2 = ({
+} }))).slice(1, 3)), G2 = ({
   columns: l,
   ...m
 }) => l.length > 0 ? /* @__PURE__ */ e.createElement(N, { ...m, className: "c-partner-cards", __self: void 0, __source: {
@@ -5295,7 +5305,7 @@ function k1(l, m) {
   }, k1(l, m);
 }
 function _1(l) {
-  var m = pl();
+  var m = xl();
   return function() {
     var a = c1(l), c;
     if (m) {
@@ -5307,14 +5317,14 @@ function _1(l) {
   };
 }
 function hl(l, m) {
-  return m && (a1(m) === "object" || typeof m == "function") ? m : xl(l);
+  return m && (a1(m) === "object" || typeof m == "function") ? m : pl(l);
 }
-function xl(l) {
+function pl(l) {
   if (l === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return l;
 }
-function pl() {
+function xl() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
     return !1;
   if (typeof Proxy == "function")
@@ -5339,8 +5349,8 @@ var N1 = function(m, r) {
   var c = window.onShareThisLoaded, i = function b() {
     if (!b.complete) {
       if (!a.id) {
-        var x = "sharethis-" + Date.now();
-        a.id = x;
+        var p = "sharethis-" + Date.now();
+        a.id = p;
       }
       m.buttons.current && (m.buttons.current.id = a.id, window.__sharethis__.load(r, a)), c && c(), b.complete = !0;
     }
@@ -5496,9 +5506,9 @@ function yl({
   disableAvatar: t = !1,
   rubricColor: u,
   sponsor: b,
-  ...x
+  ...p
 }) {
-  const C = /* @__PURE__ */ e.createElement(_, { ...x, as: "address", alignItems: "start", gap: "s", __self: this, __source: {
+  const M = /* @__PURE__ */ e.createElement(_, { ...p, as: "address", alignItems: "start", gap: "s", __self: this, __source: {
     fileName: O,
     lineNumber: 41,
     columnNumber: 5
@@ -5543,7 +5553,7 @@ function yl({
     fileName: O,
     lineNumber: 65,
     columnNumber: 12
-  } }, C) : C;
+  } }, M) : M;
 }
 const e0 = ({
   username: l,
@@ -5557,51 +5567,51 @@ const e0 = ({
   lineNumber: 79,
   columnNumber: 3
 } });
-var G = "/home/travis/build/20minutes/hela/src/components/molecules/SmartBanner/SmartBanner.tsx";
+var W = "/home/travis/build/20minutes/hela/src/components/molecules/SmartBanner/SmartBanner.tsx";
 const J2 = ({
   installButton: l,
   closeButton: m
 }) => /* @__PURE__ */ e.createElement(_, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 10,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(j, { ...m, variant: "ghost", iconProps: {
   name: "close",
   size: 10
 }, color: "white", p: "0", __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 11,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(v, { name: "logo", size: 35, bg: "white", color: "ultramarine", className: "c-smart-banner__logo", __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 21,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(N, { __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 22,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 23,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(d, { size: "xxs", weight: "bold", className: "c-smart-banner__title", mb: "xxs-2", __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 24,
   columnNumber: 9
 } }, "20 Minutes"), /* @__PURE__ */ e.createElement(_, { gap: "xxs-2", ml: "xxs-2", alignItems: "start", __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 27,
   columnNumber: 9
 } }, [0, 1, 2, 3].map((r) => /* @__PURE__ */ e.createElement(v, { name: "star", color: "white", size: 11, key: r, __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   lineNumber: 29,
   columnNumber: 13
 } })))), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", __self: void 0, __source: {
-  fileName: G,
+  fileName: W,
   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: G,
+  fileName: W,
   lineNumber: 35,
   columnNumber: 5
 } }, "Installer"));
@@ -5667,7 +5677,7 @@ const Pe = (l) => {
     fileName: fe,
     lineNumber: 44,
     columnNumber: 5
-  } }), x = /* @__PURE__ */ e.createElement(Qe, { iconName: "share", variant: Pe(r), count: m, countColor: a, ...r === "vertical" && {
+  } }), p = /* @__PURE__ */ e.createElement(Qe, { iconName: "share", variant: Pe(r), count: m, countColor: a, ...r === "vertical" && {
     id: "mbrs-social-share-container"
   }, isClickable: r !== "card", className: f({
     "js-mobile-share-button": r === "horizontal"
@@ -5675,7 +5685,7 @@ const Pe = (l) => {
     fileName: fe,
     lineNumber: 58,
     columnNumber: 5
-  } }), C = c && /* @__PURE__ */ e.createElement(Qe, { iconName: "bookmark", variant: Pe(r), "data-id": c, "data-delayed": !0, "data-distance-visible": 0, "data-event-name": "mbrs-social-save-content", __self: void 0, __source: {
+  } }), M = c && /* @__PURE__ */ e.createElement(Qe, { iconName: "bookmark", variant: Pe(r), "data-id": c, "data-delayed": !0, "data-distance-visible": 0, "data-event-name": "mbrs-social-save-content", __self: void 0, __source: {
     fileName: fe,
     lineNumber: 72,
     columnNumber: 5
@@ -5694,11 +5704,11 @@ const Pe = (l) => {
           fileName: fe,
           lineNumber: 97,
           columnNumber: 13
-        } }, b, x), C);
+        } }, b, p), M);
       case "horizontal":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, b, x, C);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, b, p, M);
       case "vertical":
-        return /* @__PURE__ */ e.createElement(e.Fragment, null, b, x, ve, C, $);
+        return /* @__PURE__ */ e.createElement(e.Fragment, null, b, p, ve, M, $);
       default:
         return null;
     }
@@ -5736,7 +5746,7 @@ const ie = ({
   lineNumber: 32,
   columnNumber: 5
 } }));
-var S = "/home/travis/build/20minutes/hela/src/components/molecules/SubMenu/SubMenu.tsx";
+var k = "/home/travis/build/20minutes/hela/src/components/molecules/SubMenu/SubMenu.tsx";
 const Ml = ({
   name: l,
   link: m,
@@ -5747,35 +5757,35 @@ const Ml = ({
 }) => {
   var n;
   return /* @__PURE__ */ e.createElement(_, { ...i, className: f("c-sub-menu", i == null ? void 0 : i.className), justifyContent: "center", pt: "xxl", pb: "xl", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 39,
     columnNumber: 3
   } }, /* @__PURE__ */ e.createElement(Me, { className: "c-divider-section--submenu", hasDiode: !1, bg: a, __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 46,
     columnNumber: 5
   } }), /* @__PURE__ */ e.createElement(_, { className: "c-sub-menu__container", gap: "l", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 47,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(N, { className: "c-sub-menu__left", mt: "s", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 48,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(_, { as: "a", alignItems: "center", justifyContent: "between", color: "black", mb: "xl", href: m, __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 49,
     columnNumber: 9
   } }, /* @__PURE__ */ e.createElement(d, { as: "span", size: "l", weight: "bold", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 50,
     columnNumber: 11
   } }, l), /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 53,
     columnNumber: 11
   } })), /* @__PURE__ */ e.createElement(N, { __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 55,
     columnNumber: 9
   } }, r == null ? void 0 : r.subLinks.map((t, u) => /* @__PURE__ */ e.createElement(
@@ -5791,52 +5801,52 @@ const Ml = ({
       mb: u !== r.subLinks.length - 1 ? "l" : "0",
       __self: void 0,
       __source: {
-        fileName: S,
+        fileName: k,
         lineNumber: 57,
         columnNumber: 13
       }
     },
     /* @__PURE__ */ e.createElement(d, { size: "xs", __self: void 0, __source: {
-      fileName: S,
+      fileName: k,
       lineNumber: 68,
       columnNumber: 15
     } }, t.name),
     /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
-      fileName: S,
+      fileName: k,
       lineNumber: 69,
       columnNumber: 15
     } })
   )))), /* @__PURE__ */ e.createElement(_, { className: "c-sub-menu__right", direction: "column", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 74,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(_, { className: f("c-sub-menu__right-header", {
     "c-sub-menu__right-header--with-tags": (r == null ? void 0 : r.tags) && !c
   }), justifyContent: r != null && r.tags && !c ? "end" : "between", alignItems: "end", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 75,
     columnNumber: 9
   } }, c && /* @__PURE__ */ e.createElement(ie, { sponsor: c, variant: "menu", hasText: !0, gap: "xs", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 82,
     columnNumber: 23
   } }), (r == null ? void 0 : r.tags) && /* @__PURE__ */ e.createElement(_, { gap: "xs", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 84,
     columnNumber: 13
   } }, r == null ? void 0 : r.tags.map((t, u) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ e.createElement(de, { key: u, href: t.href, color: "ultramarine", __self: void 0, __source: {
-      fileName: S,
+      fileName: k,
       lineNumber: 87,
       columnNumber: 17
     } }, t.name)
-  )))), c && /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "m", __self: void 0, __source: {
-    fileName: S,
+  )))), c && /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "m", __self: void 0, __source: {
+    fileName: k,
     lineNumber: 94,
     columnNumber: 21
   } }), /* @__PURE__ */ e.createElement(j0, { className: "c-sub-menu__cards", colsNumber: 3, gap: "xl", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 95,
     columnNumber: 9
   } }, (n = r == null ? void 0 : r.cards) == null ? void 0 : n.map((t, u) => /* @__PURE__ */ e.createElement(
@@ -5860,7 +5870,7 @@ const Ml = ({
       justifyContent: "start",
       __self: void 0,
       __source: {
-        fileName: S,
+        fileName: k,
         lineNumber: 97,
         columnNumber: 13
       }
@@ -5895,21 +5905,22 @@ const Q2 = ({
   title: l,
   tags: m,
   layout: r,
-  ...a
+  hasBackground: a = !0,
+  ...c
 }) => m.length ? /* @__PURE__ */ e.createElement(e.Fragment, null, l && /* @__PURE__ */ e.createElement(d, { size: "l", weight: "bold", mb: "xxs", ml: {
   xs: "m",
   sm: "0"
 }, __self: void 0, __source: {
   fileName: y1,
-  lineNumber: 16,
+  lineNumber: 23,
   columnNumber: 9
-} }, l), /* @__PURE__ */ e.createElement(Se, { ...a, itemsGap: "xs", layout: r, buttonsBackground: "secondary", bg: "grey-100", p: "m", __self: void 0, __source: {
+} }, l), /* @__PURE__ */ e.createElement(Se, { ...c, itemsGap: "xs", layout: r, buttonsBackground: a ? "secondary" : "primary", bg: a ? "grey-100" : void 0, p: "m", __self: void 0, __source: {
   fileName: y1,
-  lineNumber: 20,
+  lineNumber: 27,
   columnNumber: 7
-} }, m.map((c, i) => /* @__PURE__ */ e.createElement(de, { key: i, ...c, variant: "secondary", __self: void 0, __source: {
+} }, m.map((i, n) => /* @__PURE__ */ e.createElement(de, { key: n, ...i, variant: a ? "secondary" : "primary", __self: void 0, __source: {
   fileName: y1,
-  lineNumber: 29,
+  lineNumber: 36,
   columnNumber: 11
 } })))) : null;
 var M1 = "/home/travis/build/20minutes/hela/src/components/molecules/Tiles/Tiles.tsx";
@@ -5920,7 +5931,7 @@ const m1 = ({
   iconSize: a,
   href: c,
   className: i
-}) => /* @__PURE__ */ e.createElement(k, { href: c, py: "xs", bg: "ultramarine", color: "white", className: f("o-column o-column--centered", i), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(C, { href: c, py: "xs", bg: "ultramarine", color: "white", className: f("o-column o-column--centered", i), __self: void 0, __source: {
   fileName: M1,
   lineNumber: 21,
   columnNumber: 3
@@ -5948,7 +5959,7 @@ const l0 = ({
     lineNumber: 23,
     columnNumber: 7
   } }, r.links.map((c, i) => /* @__PURE__ */ e.createElement(
-    k,
+    C,
     {
       key: i,
       id: c.id,
@@ -5990,7 +6001,7 @@ const m0 = ({
     } }))
   )))
 )));
-var p = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterDesktop.tsx";
+var x = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterDesktop.tsx";
 const kl = ({
   socialIcons: l,
   footerBar: m,
@@ -5999,125 +6010,125 @@ const kl = ({
   copyrightText: c,
   copyrightDescription: i
 }) => /* @__PURE__ */ e.createElement(N, { as: "footer", className: "c-footer", bg: "ultramarine", px: "l", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 14,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(N, { __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 15,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-footer__top", justifyContent: "between", direction: {
   sm: "column",
   md: "row"
 }, py: "xxl", mb: "xxl", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 16,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(N, { __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 23,
   columnNumber: 9
-} }, /* @__PURE__ */ e.createElement(k, { href: a, __self: void 0, __source: {
-  fileName: p,
+} }, /* @__PURE__ */ e.createElement(C, { href: a, __self: void 0, __source: {
+  fileName: x,
   lineNumber: 24,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 50, color: "white", withBorder: !0, svgTitle: "Retour sur la page d'accueil 20 Minutes", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 25,
   columnNumber: 13
 } })), /* @__PURE__ */ e.createElement(m0, { socialIcons: l, __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 33,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "xl", __self: void 0, __source: {
-  fileName: p,
+} }), /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "xl", __self: void 0, __source: {
+  fileName: x,
   lineNumber: 34,
   columnNumber: 11
 } }), /* @__PURE__ */ e.createElement(d, { size: "m", color: "white", mb: "l", weight: "bold", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 35,
   columnNumber: 11
 } }, "Nos applications"), /* @__PURE__ */ e.createElement(d, { color: "white", mb: "l", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 38,
   columnNumber: 11
 } }, "Découvrez l‘ensemble de nos applications 20 Minutes !"), /* @__PURE__ */ e.createElement(_, { gap: "xs", wrap: "wrap", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 41,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491", className: "c-footer__app", alignItems: "center", gap: "xxs", p: "xs", bg: "white", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 42,
   columnNumber: 13
 } }, /* @__PURE__ */ e.createElement(v, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 51,
   columnNumber: 15
 } }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 52,
   columnNumber: 15
 } }, "Télécharger sur", /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 54,
   columnNumber: 17
 } }, "App Store"))), /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr", className: "c-footer__app", alignItems: "center", gap: "xxs", p: "xs", bg: "white", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 57,
   columnNumber: 13
 } }, /* @__PURE__ */ e.createElement(v, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 66,
   columnNumber: 15
 } }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 67,
   columnNumber: 15
 } }, "Télécharger sur", /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 69,
   columnNumber: 17
 } }, "Google Play"))))), /* @__PURE__ */ e.createElement(N, { className: "c-footer__right", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 74,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-footer-categories", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 75,
   columnNumber: 11
 } }, r.map((n) => /* @__PURE__ */ e.createElement(_, { direction: "column", mt: "l", px: "xxs", key: n.name, className: "c-footer-categories__list", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 77,
   columnNumber: 15
 } }, /* @__PURE__ */ e.createElement(d, { mb: "l", className: "c-footer-categories__list__title", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 84,
   columnNumber: 17
 } }, n.name), n.links.map((t, u) => (
   // eslint-disable-next-line react/no-array-index-key
-  /* @__PURE__ */ e.createElement(k, { key: u, href: t.url, __self: void 0, __source: {
-    fileName: p,
+  /* @__PURE__ */ e.createElement(C, { key: u, href: t.url, __self: void 0, __source: {
+    fileName: x,
     lineNumber: 89,
     columnNumber: 19
   } }, t.name)
-))))))), /* @__PURE__ */ e.createElement(W, { color: "grey-200", __self: void 0, __source: {
-  fileName: p,
+))))))), /* @__PURE__ */ e.createElement(G, { color: "grey-200", __self: void 0, __source: {
+  fileName: x,
   lineNumber: 98,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(_, { className: "c-footer__bottom", justifyContent: "center", direction: "column", py: "xxl", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 99,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(l0, { footerBar: m, __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 100,
   columnNumber: 9
 } }), /* @__PURE__ */ e.createElement(d, { as: "strong", color: "white", mb: "xs", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 101,
   columnNumber: 9
 } }, c), /* @__PURE__ */ e.createElement(d, { color: "white", __self: void 0, __source: {
-  fileName: p,
+  fileName: x,
   lineNumber: 104,
   columnNumber: 9
 } }, i))));
@@ -6152,7 +6163,7 @@ const Cl = ({
   fileName: g,
   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, b) => /* @__PURE__ */ e.createElement(C, { key: u.name, href: u.url, color: "white", mb: b !== n.links.length - 1 ? "xxs" : "0", __self: void 0, __source: {
   fileName: g,
   lineNumber: 28,
   columnNumber: 15
@@ -6176,7 +6187,7 @@ const Cl = ({
   fileName: g,
   lineNumber: 49,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement(k, { href: a, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(C, { href: a, __self: void 0, __source: {
   fileName: g,
   lineNumber: 50,
   columnNumber: 9
@@ -6216,7 +6227,7 @@ const Cl = ({
   fileName: g,
   lineNumber: 90,
   columnNumber: 13
-} }, "Google Play"))))), /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "xxs", __self: void 0, __source: {
+} }, "Google Play"))))), /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "xxs", __self: void 0, __source: {
   fileName: g,
   lineNumber: 98,
   columnNumber: 5
@@ -6228,7 +6239,7 @@ const Cl = ({
   fileName: g,
   lineNumber: 100,
   columnNumber: 7
-} })), /* @__PURE__ */ e.createElement(W, { color: "grey-200", my: "xxs", __self: void 0, __source: {
+} })), /* @__PURE__ */ e.createElement(G, { color: "grey-200", my: "xxs", __self: void 0, __source: {
   fileName: g,
   lineNumber: 102,
   columnNumber: 5
@@ -6272,7 +6283,7 @@ const Fl = ({
   fileName: V,
   lineNumber: 29,
   columnNumber: 5
-} }, /* @__PURE__ */ e.createElement(k, { href: r, __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement(C, { href: r, __self: void 0, __source: {
   fileName: V,
   lineNumber: 30,
   columnNumber: 7
@@ -6329,7 +6340,7 @@ const Fl = ({
       columnNumber: 13
     }
   },
-  /* @__PURE__ */ e.createElement(k, { href: c.link, color: c.color || "black", __self: void 0, __source: {
+  /* @__PURE__ */ e.createElement(C, { href: c.link, color: c.color || "black", __self: void 0, __source: {
     fileName: V,
     lineNumber: 68,
     columnNumber: 15
@@ -6366,7 +6377,7 @@ const Vl = ({
   fileName: ze,
   lineNumber: 11,
   columnNumber: 7
-} }), /* @__PURE__ */ e.createElement(k, { href: l, __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(C, { href: l, __self: void 0, __source: {
   fileName: ze,
   lineNumber: 21,
   columnNumber: 7
@@ -6397,8 +6408,8 @@ export {
   r2 as Alert,
   v2 as AlertInfoBanner,
   h2 as ArticleBrandBanner,
-  x2 as ArticleHeader,
-  p2 as ArticleSummary,
+  p2 as ArticleHeader,
+  x2 as ArticleSummary,
   g2 as ArticleVideo,
   v0 as Avatar,
   E2 as BlockDiode,
@@ -6407,8 +6418,8 @@ export {
   j as Button,
   be as CardContainer,
   z2 as CardExtraLarge,
-  W1 as CardExtraSmall,
-  G1 as CardFooter,
+  G1 as CardExtraSmall,
+  W1 as CardFooter,
   ne as CardHeader,
   le as CardImage,
   y2 as CardLarge,
@@ -6427,7 +6438,7 @@ export {
   H2 as ContactDetailsBlock,
   V2 as ContactForm,
   s1 as DiodeRubricIcon,
-  W as Divider,
+  G as Divider,
   Me as DividerSection,
   s2 as DividerVertical,
   o2 as Embed,
@@ -6454,7 +6465,7 @@ export {
   X as Label,
   n2 as LabelSection,
   h as LayoutType,
-  k as Link,
+  C as Link,
   dl as ListWithDiode,
   T2 as LiveIndicator,
   O2 as LiveQuestionForm,
@@ -6468,8 +6479,8 @@ export {
   q2 as Newsletter,
   O0 as Overlay,
   U2 as OverviewBar,
-  G2 as Pagination,
-  W2 as PartnerCards,
+  W2 as Pagination,
+  G2 as PartnerCards,
   C1 as Pipe,
   u2 as Rating,
   _2 as ReadAlso,
@@ -6499,7 +6510,7 @@ export {
   m1 as Tiles,
   U1 as Typography,
   Xl as alignContentList,
-  Wl as alignItemsList,
+  Gl as alignItemsList,
   Jl as alignSelfList,
   a2 as buttonVariant,
   a0 as colorSystemProps,
@@ -6511,7 +6522,7 @@ export {
   s0 as flexOrGridBoxSystemProps,
   c0 as flexOrGridItemSystemProps,
   Pl as flexShrinkList,
-  Gl as flexWrapList,
+  Wl as flexWrapList,
   Il as fontFamilyTokenNameList,
   Dl as fontWeightTokenNameList,
   y as forwardRef,