@20minutes/hela 0.1.120 → 0.1.122

package/dist/index.es.js

@@ -699,7 +699,7 @@ const q = {
   ...Object.keys(q.color.rubric)
 ], Hl = Object.keys(
   q.asset.icon
-), Ll = Object.keys(q.radius), Bl = ["xs", "sm", "md", "lg"], a0 = {
+), Ll = Object.keys(q.radius), jl = ["xs", "sm", "md", "lg"], a0 = {
   bd: ["border"],
   bg: ["background-color"],
   color: ["color"]
@@ -751,7 +751,7 @@ const q = {
   textDecoration: ["text-decoration"],
   textTransform: ["text-transform"],
   fontFamily: ["font-family"]
-}, jl = ["light", "dark"], $l = ["underline", "dotted", "wavy", "overline"], Zl = ["left", "center", "right", "justify"], Rl = ["capitalize", "uppercase", "lowercase"], Tl = Object.keys(q["font-family"]).filter(
+}, Bl = ["light", "dark"], $l = ["underline", "dotted", "wavy", "overline"], Zl = ["left", "center", "right", "justify"], Rl = ["capitalize", "uppercase", "lowercase"], Tl = Object.keys(q["font-family"]).filter(
   (l) => !["base"].includes(l)
 ), Ol = Object.keys(
   q["font-weight"]
@@ -854,7 +854,7 @@ const Pl = ({
     columnNumber: 5
   } });
 };
-var ke = "/home/travis/build/20minutes/hela/src/components/atoms/Alert/Alert.tsx";
+var Se = "/home/travis/build/20minutes/hela/src/components/atoms/Alert/Alert.tsx";
 const e2 = ({
   variant: l = "success",
   title: m,
@@ -865,23 +865,23 @@ const e2 = ({
 }) => /* @__PURE__ */ e.createElement(_, { p: "s", gap: "s", className: f("c-alert", `c-alert--${l}`, {
   [`c-alert--${l}--fill`]: a
 }, c), __self: void 0, __source: {
-  fileName: ke,
+  fileName: Se,
   lineNumber: 22,
   columnNumber: 3
 } }, i && /* @__PURE__ */ e.createElement(v, { size: 18, ...i, __self: void 0, __source: {
-  fileName: ke,
+  fileName: Se,
   lineNumber: 32,
   columnNumber: 19
 } }), /* @__PURE__ */ e.createElement("div", { __self: void 0, __source: {
-  fileName: ke,
+  fileName: Se,
   lineNumber: 33,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(E, { as: "h4", size: "xxs-2", mb: "xxs-2", __self: void 0, __source: {
-  fileName: ke,
+  fileName: Se,
   lineNumber: 34,
   columnNumber: 7
 } }, m), /* @__PURE__ */ e.createElement(d, { className: "c-alert__text", __self: void 0, __source: {
-  fileName: ke,
+  fileName: Se,
   lineNumber: 37,
   columnNumber: 7
 } }, r)));
@@ -898,7 +898,7 @@ const v0 = ({
   lineNumber: 13,
   columnNumber: 3
 } });
-var S1 = "/home/travis/build/20minutes/hela/src/components/atoms/Button/Button.tsx";
+var k1 = "/home/travis/build/20minutes/hela/src/components/atoms/Button/Button.tsx";
 const l2 = ["primary", "secondary", "tertiary", "ghost", "round", "exit"], V = y(({
   as: l = "button",
   variant: m = "primary",
@@ -908,11 +908,11 @@ const l2 = ["primary", "secondary", "tertiary", "ghost", "round", "exit"], V = y
 }, i) => /* @__PURE__ */ e.createElement(_, { ...c, as: l, ref: i, alignItems: "center", gap: "xxs", className: f("c-btn", {
   [`c-btn--${m}`]: m
 }, c == null ? void 0 : c.className), __self: void 0, __source: {
-  fileName: S1,
+  fileName: k1,
   lineNumber: 22,
   columnNumber: 5
 } }, a && /* @__PURE__ */ e.createElement(v, { ...a, __self: void 0, __source: {
-  fileName: S1,
+  fileName: k1,
   lineNumber: 30,
   columnNumber: 21
 } }), r));
@@ -1003,14 +1003,14 @@ const ze = ({
   lineNumber: 22,
   columnNumber: 5
 } }), l && /* @__PURE__ */ e.createElement("div", { className: f("c-divider-section__icon-container", {
-  ["c-divider-section__icon-container--has-max-width"]: a
+  "c-divider-section__icon-container--has-max-width": a
 }), __self: void 0, __source: {
   fileName: De,
   lineNumber: 24,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(z1, { size: m === "big" ? [47, 53] : [33, 37], rubricColor: ["sport", "entertainment", "planet"].includes(c) ? c : void 0, className: f("c-divider-section__icon", {
   [`c-divider-section__icon--${m}-size`]: m !== "default",
-  ["c-divider-section__icon--has-shift"]: r
+  "c-divider-section__icon--has-shift": r
 }), __self: void 0, __source: {
   fileName: De,
   lineNumber: 29,
@@ -2394,11 +2394,11 @@ const c2 = ({
     "text-italic": !!c,
     [`font-${i}`]: !!i
   }
-), k0 = (l) => f(
+), S0 = (l) => f(
   z0(l),
   w0(l),
   y0(l)
-), S0 = (l) => f(
+), k0 = (l) => f(
   ...w({
     propValue: l.align,
     className: "self"
@@ -2468,7 +2468,7 @@ const c2 = ({
     propValue: r,
     className: "grow"
   }),
-  S0(a)
+  k0(a)
 );
 var F0 = "/home/travis/build/20minutes/hela/src/components/atoms/Layout/Box/Box.tsx";
 const N = y(({
@@ -2478,7 +2478,7 @@ const N = y(({
 }, a) => /* @__PURE__ */ e.createElement(l, { ...o1({
   props: r,
   systemPropNames: Object.keys(n0)
-}), ref: a, className: f(k0(r), r == null ? void 0 : r.className), __self: void 0, __source: {
+}), ref: a, className: f(S0(r), r == null ? void 0 : r.className), __self: void 0, __source: {
   fileName: F0,
   lineNumber: 12,
   columnNumber: 3
@@ -2521,7 +2521,7 @@ const _ = y(({
   lineNumber: 13,
   columnNumber: 3
 } }, m));
-var B0 = "/home/travis/build/20minutes/hela/src/components/atoms/Layout/Flex/FlexItem/FlexItem.tsx";
+var j0 = "/home/travis/build/20minutes/hela/src/components/atoms/Layout/Flex/FlexItem/FlexItem.tsx";
 const $ = y(({
   as: l = "div",
   children: m,
@@ -2530,11 +2530,11 @@ const $ = y(({
   props: r,
   systemPropNames: Object.keys(c0)
 }), as: l, ref: a, className: f(V0(r), r == null ? void 0 : r.className), __self: void 0, __source: {
-  fileName: B0,
+  fileName: j0,
   lineNumber: 14,
   columnNumber: 5
 } }, m));
-var j0 = "/home/travis/build/20minutes/hela/src/components/atoms/Link/Link.tsx";
+var B0 = "/home/travis/build/20minutes/hela/src/components/atoms/Link/Link.tsx";
 const F = y(({
   as: l = "a",
   children: m,
@@ -2547,7 +2547,7 @@ const F = y(({
   return /* @__PURE__ */ e.createElement(N, { ...c, as: l, ref: i, color: a ? void 0 : r || "ultramarine", className: f("c-link", {
     [`c-btn c-btn--${a}`]: a && !r
   }, c == null ? void 0 : c.className), __self: void 0, __source: {
-    fileName: j0,
+    fileName: B0,
     lineNumber: 19,
     columnNumber: 7
   } }, m);
@@ -2802,19 +2802,19 @@ const K1 = y(({
   isChecked: a = !1
 }, c) => /* @__PURE__ */ e.createElement("div", { className: "switch", __self: void 0, __source: {
   fileName: Ue,
-  lineNumber: 14,
+  lineNumber: 15,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement("label", { htmlFor: l, className: "switch-label", __self: void 0, __source: {
   fileName: Ue,
-  lineNumber: 15,
+  lineNumber: 16,
   columnNumber: 7
 } }, r), /* @__PURE__ */ e.createElement("button", { type: "button", ref: c, id: l, className: f("switch-button", m), role: "switch", "aria-checked": a, __self: void 0, __source: {
   fileName: Ue,
-  lineNumber: 18,
+  lineNumber: 19,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement("span", { "aria-hidden": a, __self: void 0, __source: {
   fileName: Ue,
-  lineNumber: 26,
+  lineNumber: 27,
   columnNumber: 9
 } }, a ? "on" : "off"))));
 K1.displayName = "Switch";
@@ -2825,7 +2825,7 @@ const t2 = ({
   isChecked: r = !1
 }) => /* @__PURE__ */ e.createElement(K1, { id: l, className: "js-switch-dark-mode", isChecked: r, label: m, __self: void 0, __source: {
   fileName: K0,
-  lineNumber: 11,
+  lineNumber: 12,
   columnNumber: 3
 } });
 var U0 = "/home/travis/build/20minutes/hela/src/components/atoms/Tab/Tab.tsx";
@@ -2839,7 +2839,7 @@ const G0 = ({
   ...n
 }) => /* @__PURE__ */ e.createElement("button", { type: "button", role: "tab", className: f("c-tab", {
   [`c-tab--${l}`]: l,
-  ["c-tab--direct"]: a
+  "c-tab--direct": a
 }), "aria-controls": `tabpanel-${m}`, "aria-selected": c, tabIndex: i, ...n, __self: void 0, __source: {
   fileName: U0,
   lineNumber: 22,
@@ -3176,7 +3176,7 @@ const b2 = ({
   columnNumber: 7
 } }, m));
 var L1 = "/home/travis/build/20minutes/hela/src/components/molecules/Breadcrumb/BreadcrumbRubric.tsx";
-const B1 = ({
+const j1 = ({
   rubric: l
 }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(v, { px: "xs", size: 7, name: "arrow", __self: void 0, __source: {
   fileName: L1,
@@ -3207,11 +3207,11 @@ const v2 = ({
   fileName: se,
   lineNumber: 26,
   columnNumber: 7
-} })), m && /* @__PURE__ */ e.createElement(B1, { rubric: m, __self: void 0, __source: {
+} })), m && /* @__PURE__ */ e.createElement(j1, { rubric: m, __self: void 0, __source: {
   fileName: se,
   lineNumber: 28,
   columnNumber: 22
-} }), l && /* @__PURE__ */ e.createElement(B1, { rubric: l, __self: void 0, __source: {
+} }), l && /* @__PURE__ */ e.createElement(j1, { rubric: l, __self: void 0, __source: {
   fileName: se,
   lineNumber: 29,
   columnNumber: 16
@@ -3287,7 +3287,7 @@ const fe = ({
   lineNumber: 29,
   columnNumber: 9
 } }, r.text)));
-var Se = "/home/travis/build/20minutes/hela/src/components/molecules/Card/CardImage/CardImage.tsx";
+var ke = "/home/travis/build/20minutes/hela/src/components/molecules/Card/CardImage/CardImage.tsx";
 const rl = (l) => {
   switch (l) {
     case "small":
@@ -3314,26 +3314,26 @@ const rl = (l) => {
   const b = /* @__PURE__ */ e.createElement(s1, { ...!n && u, ...l ? {
     id: l
   } : {}, src: m, defaultFormat: a, formats: r, sizes: c, alt: i, lazyload: t, __self: void 0, __source: {
-    fileName: Se,
+    fileName: ke,
     lineNumber: 32,
     columnNumber: 5
   } });
   return /* @__PURE__ */ e.createElement(N, { ...n && u, className: f("c-card-img", u == null ? void 0 : u.className), __self: void 0, __source: {
-    fileName: Se,
+    fileName: ke,
     lineNumber: 45,
     columnNumber: 5
   } }, n ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(_, { color: "white", alignItems: "center", gap: n.size === "small" ? "xxs-2" : "xxs", className: f("c-card-img__caption", {
     [`c-card-img__caption--${n.size || "big"}`]: !0
   }), __self: void 0, __source: {
-    fileName: Se,
+    fileName: ke,
     lineNumber: 48,
     columnNumber: 11
   } }, /* @__PURE__ */ e.createElement(v, { name: n.iconName, size: rl(n.size || "big"), __self: void 0, __source: {
-    fileName: Se,
+    fileName: ke,
     lineNumber: 56,
     columnNumber: 13
   } }), /* @__PURE__ */ e.createElement(d, { size: n.size === "small" ? "xxs-2" : "xxs", weight: "bold", __self: void 0, __source: {
-    fileName: Se,
+    fileName: ke,
     lineNumber: 57,
     columnNumber: 13
   } }, n.text)), b) : b);
@@ -3349,7 +3349,7 @@ const de = ({
   children: n,
   ...t
 }) => /* @__PURE__ */ e.createElement(N, { ...t, pb: "xxs-3", className: f("c-card-title", {
-  ["c-card-title--has-max-rows"]: m,
+  "c-card-title--has-max-rows": m,
   [`c-card-title--has-${m}-rows`]: m
 }, t == null ? void 0 : t.className), __self: void 0, __source: {
   fileName: x1,
@@ -4006,7 +4006,7 @@ const y2 = ({
     fileName: C,
     lineNumber: 62,
     columnNumber: 11
-  } }) : /* @__PURE__ */ e.createElement(k1, { id: "search-form-error", url: "/", "aria-hidden": !0, __self: void 0, __source: {
+  } }) : /* @__PURE__ */ e.createElement(S1, { id: "search-form-error", url: "/", "aria-hidden": !0, __self: void 0, __source: {
     fileName: C,
     lineNumber: 64,
     columnNumber: 11
@@ -4021,7 +4021,7 @@ const M2 = ({
   title: l,
   subtitle: m,
   icon: r,
-  variant: a = "darkBlue",
+  variant: a = "dark-blue",
   ...c
 }) => /* @__PURE__ */ e.createElement(_, { ...c, as: "header", alignItems: "center", className: f("c-header-banner", a !== "transparent" && `u-skin-${a}`, c == null ? void 0 : c.className), __self: void 0, __source: {
   fileName: Fe,
@@ -4044,8 +4044,8 @@ const M2 = ({
   lineNumber: 34,
   columnNumber: 7
 } }, l)));
-var B = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderMini/HeaderMini.tsx";
-const k2 = ({
+var j = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderMini/HeaderMini.tsx";
+const S2 = ({
   logohref: l,
   headerLinks: m,
   headline: r,
@@ -4056,54 +4056,51 @@ const k2 = ({
   ...t
 }) => /* @__PURE__ */ e.createElement(_, { ...t, className: f("c-header-mini", {
   "c-header-mini--is-hidden": i
-}), alignItems: "center", bg: {
-  light: "white",
-  dark: "grey-700"
-}, justifyContent: "between", px: "xl", py: "xs", __self: void 0, __source: {
-  fileName: B,
+}), alignItems: "center", justifyContent: "between", px: "xl", py: "xs", __self: void 0, __source: {
+  fileName: j,
   lineNumber: 27,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "xl", flexGrow: 1, className: "c-header-mini__container", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 36,
+  fileName: j,
+  lineNumber: 35,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "l", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 37,
+  fileName: j,
+  lineNumber: 36,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(F, { href: l, color: {
   light: "ultramarine",
   dark: "white"
 }, __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 38,
+  fileName: j,
+  lineNumber: 37,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 46, __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 39,
+  fileName: j,
+  lineNumber: 38,
   columnNumber: 11
 } })), /* @__PURE__ */ e.createElement(V, { variant: "ghost", color: {
   light: "black",
   dark: "white"
 }, "data-a11y-dialog-show": "menu", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 41,
+  fileName: j,
+  lineNumber: 40,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(v, { name: "menu", size: [20, 16], __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 46,
+  fileName: j,
+  lineNumber: 45,
   columnNumber: 11
 } }))), /* @__PURE__ */ e.createElement(_, { alignItems: "center", className: "c-header-mini__content", flexGrow: 1, gap: a ? "xs" : "l", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 49,
+  fileName: j,
+  lineNumber: 48,
   columnNumber: 7
 } }, a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs", color: n, textTransform: "uppercase", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 57,
+  fileName: j,
+  lineNumber: 56,
   columnNumber: 13
 } }, r), /* @__PURE__ */ e.createElement(d, { as: "span", size: "m", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 60,
+  fileName: j,
+  lineNumber: 59,
   columnNumber: 13
 } }, c)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((u, b) => /* @__PURE__ */ e.createElement(
   F,
@@ -4116,27 +4113,27 @@ const k2 = ({
     },
     __self: void 0,
     __source: {
-      fileName: B,
-      lineNumber: 67,
+      fileName: j,
+      lineNumber: 66,
       columnNumber: 15
     }
   },
   u.name
 ))))), /* @__PURE__ */ e.createElement(_, { id: "mbrs-connectButtons-headerMini", gap: "l", alignItems: "center", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 81,
+  fileName: j,
+  lineNumber: 80,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_e, { variant: "icon", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 82,
+  fileName: j,
+  lineNumber: 81,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(_e, { variant: "button", __self: void 0, __source: {
-  fileName: B,
-  lineNumber: 83,
+  fileName: j,
+  lineNumber: 82,
   columnNumber: 7
 } })));
 var Z = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderPage/HeaderPage.tsx";
-const S2 = ({
+const k2 = ({
   title: l,
   subtitle: m,
   dividerSectionColor: r,
@@ -4288,7 +4285,7 @@ const V2 = ({
   fileName: He,
   lineNumber: 12,
   columnNumber: 7
-} }, /* @__PURE__ */ e.createElement("a", { href: m.url, className: "c-square-tile o-column u-skin-darkBlue", __self: void 0, __source: {
+} }, /* @__PURE__ */ e.createElement("a", { href: m.url, className: "c-square-tile o-column u-skin-dark-blue", __self: void 0, __source: {
   fileName: He,
   lineNumber: 13,
   columnNumber: 9
@@ -4364,7 +4361,7 @@ const ul = ({
   lineNumber: 39,
   columnNumber: 13
 } })))));
-var j1 = "/home/travis/build/20minutes/hela/src/components/molecules/ListWithDiode/ListWithDiode.tsx";
+var B1 = "/home/travis/build/20minutes/hela/src/components/molecules/ListWithDiode/ListWithDiode.tsx";
 const J1 = (l) => e.Children.map(l.children, (m) => {
   if (e.isValidElement(m)) {
     const {
@@ -4374,11 +4371,11 @@ const J1 = (l) => e.Children.map(l.children, (m) => {
     return /* @__PURE__ */ e.createElement(m.type, { ...a, className: m.type === "ul" ? f("list-with-diode", {
       [`list-with-diode--rubric-${l.rubricColor}`]: !!l.rubricColor
     }) : a == null ? void 0 : a.className, __self: void 0, __source: {
-      fileName: j1,
+      fileName: B1,
       lineNumber: 19,
       columnNumber: 9
     } }, m.type === "li" && /* @__PURE__ */ e.createElement(v, { name: "diode", size: 16, mr: "xs", __self: void 0, __source: {
-      fileName: j1,
+      fileName: B1,
       lineNumber: 29,
       columnNumber: 35
     } }), r ? J1({
@@ -4471,47 +4468,47 @@ const H2 = ({
   lineNumber: 64,
   columnNumber: 7
 } }, "Envoyer")));
-var Be = "/home/travis/build/20minutes/hela/src/components/molecules/Live/LiveTalk/LiveTalk.tsx";
+var je = "/home/travis/build/20minutes/hela/src/components/molecules/Live/LiveTalk/LiveTalk.tsx";
 const L2 = ({
   question: l,
   author: m,
   response: r,
   ...a
 }) => /* @__PURE__ */ e.createElement(N, { ...a, className: "c-live-talk", __self: void 0, __source: {
-  fileName: Be,
+  fileName: je,
   lineNumber: 12,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(N, { bg: {
   light: "grey-100",
   dark: "grey-600"
 }, p: "s", mb: "xl", radius: "m", className: "c-live-talk__question", __self: void 0, __source: {
-  fileName: Be,
+  fileName: je,
   lineNumber: 13,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(d, { color: {
   light: "grey-600",
   dark: "white"
 }, mb: "s", fontFamily: "source-serif-pro", size: "l", __self: void 0, __source: {
-  fileName: Be,
+  fileName: je,
   lineNumber: 20,
   columnNumber: 7
 } }, l), /* @__PURE__ */ e.createElement(d, { color: {
   light: "black",
   dark: "grey-300"
 }, weight: "bold", size: "xs", __self: void 0, __source: {
-  fileName: Be,
+  fileName: je,
   lineNumber: 28,
   columnNumber: 7
 } }, m)), /* @__PURE__ */ e.createElement(d, { color: {
   light: "grey-600",
   dark: "white"
 }, fontFamily: "source-serif-pro", size: "l", __self: void 0, __source: {
-  fileName: Be,
+  fileName: je,
   lineNumber: 32,
   columnNumber: 5
 } }, r));
 var Ye = "/home/travis/build/20minutes/hela/src/components/molecules/Live/LiveTitle/LiveTitle.tsx";
-const B2 = ({
+const j2 = ({
   status: l,
   time: m,
   title: r,
@@ -4534,119 +4531,127 @@ const B2 = ({
   columnNumber: 5
 } }, r));
 var z = "/home/travis/build/20minutes/hela/src/components/molecules/Menu/Menu.tsx";
-const j2 = ({
+const B2 = ({
   categories: l,
   tagsActu: m,
   layout: r,
-  searchformurl: a = ""
+  optionsProps: a,
+  searchformurl: c = ""
 }) => {
-  const c = "menu";
-  return /* @__PURE__ */ e.createElement($0, { variant: "left", dialogId: c, __self: void 0, __source: {
+  const i = "menu";
+  return /* @__PURE__ */ e.createElement($0, { variant: "left", dialogId: i, __self: void 0, __source: {
     fileName: z,
-    lineNumber: 40,
+    lineNumber: 48,
     columnNumber: 5
-  } }, /* @__PURE__ */ e.createElement(nl, { dialogId: c, ariaLabel: "Fermer le menu", __self: void 0, __source: {
+  } }, /* @__PURE__ */ e.createElement(nl, { dialogId: i, ariaLabel: "Fermer le menu", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 41,
+    lineNumber: 49,
     columnNumber: 7
   } }), /* @__PURE__ */ e.createElement(N, { className: "c-menu", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 42,
+    lineNumber: 50,
     columnNumber: 7
-  } }, r === h.MOBILE && /* @__PURE__ */ e.createElement(k1, { id: "search-form-menu", url: a, "aria-hidden": !0, __self: void 0, __source: {
+  } }, r === h.MOBILE && /* @__PURE__ */ e.createElement(S1, { id: "search-form-menu", url: c, "aria-hidden": !0, __self: void 0, __source: {
     fileName: z,
-    lineNumber: 44,
+    lineNumber: 52,
     columnNumber: 11
   } }), m.length > 0 && /* @__PURE__ */ e.createElement(N, { className: "c-menu__actu", p: "l", bg: {
     light: "grey-100",
     dark: "grey-600"
   }, __self: void 0, __source: {
     fileName: z,
-    lineNumber: 47,
+    lineNumber: 55,
     columnNumber: 11
   } }, /* @__PURE__ */ e.createElement(E, { as: "h4", size: "xxs-2", weight: "bold", mb: "xs", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 48,
+    lineNumber: 56,
     columnNumber: 13
   } }, "Dans l’actu"), /* @__PURE__ */ e.createElement(_, { className: "c-menu__tags", wrap: "wrap", gap: "xxs", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 51,
+    lineNumber: 59,
     columnNumber: 13
-  } }, m.map((i, n) => (
+  } }, m.map((n, t) => (
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ e.createElement(Ne, { key: n, link: i.link, variant: "secondary", color: "ultramarine", __self: void 0, __source: {
+    /* @__PURE__ */ e.createElement(Ne, { key: t, link: n.link, variant: "secondary", color: "ultramarine", __self: void 0, __source: {
       fileName: z,
-      lineNumber: 54,
+      lineNumber: 62,
       columnNumber: 17
-    } }, i.children)
+    } }, n.children)
   )))), /* @__PURE__ */ e.createElement(N, { className: "c-menu__list", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 61,
+    lineNumber: 69,
     columnNumber: 9
-  } }, l.map((i, n) => i.links.length > 0 ? /* @__PURE__ */ e.createElement(Y1, { key: i.name, title: i.name, index: n, btnProps: {
-    color: i.theme ?? "black"
-  }, color: i.theme ?? "black", iconProps: {
+  } }, l.map((n, t) => n.links.length > 0 ? /* @__PURE__ */ e.createElement(Y1, { key: n.name, title: n.name, index: t, btnProps: {
+    color: n.theme ?? "black"
+  }, color: n.theme ?? "black", iconProps: {
     color: "ultramarine"
   }, __self: void 0, __source: {
     fileName: z,
-    lineNumber: 64,
+    lineNumber: 72,
     columnNumber: 15
-  } }, i.sponsor && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(we, { sponsor: i.sponsor, variant: "menu", hasText: !0, gap: "xs", __self: void 0, __source: {
+  } }, n.sponsor && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(we, { sponsor: n.sponsor, variant: "menu", hasText: !0, gap: "xs", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 74,
+    lineNumber: 82,
     columnNumber: 21
   } }), /* @__PURE__ */ e.createElement(U, { color: "grey-200", my: "s", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 75,
+    lineNumber: 83,
     columnNumber: 21
-  } })), i.tags && /* @__PURE__ */ e.createElement(_, { className: "c-menu__collapse", gap: "xxs", mb: "s", wrap: "wrap", __self: void 0, __source: {
+  } })), n.tags && /* @__PURE__ */ e.createElement(_, { className: "c-menu__collapse", gap: "xxs", mb: "s", wrap: "wrap", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 79,
+    lineNumber: 87,
     columnNumber: 19
-  } }, i.tags.map((t, u) => (
+  } }, n.tags.map((u, b) => (
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ e.createElement(Ne, { key: u, link: t.link, color: "ultramarine", __self: void 0, __source: {
+    /* @__PURE__ */ e.createElement(Ne, { key: b, link: u.link, color: "ultramarine", __self: void 0, __source: {
       fileName: z,
-      lineNumber: 82,
+      lineNumber: 90,
       columnNumber: 23
-    } }, t.children)
-  ))), i.links.map((t, u) => /* @__PURE__ */ e.createElement(F, { key: t.href, href: t.href, color: "black", pb: u !== i.links.length - 1 ? "l" : "0", __self: void 0, __source: {
+    } }, u.children)
+  ))), n.links.map((u, b) => /* @__PURE__ */ e.createElement(F, { key: u.href, href: u.href, color: "black", pb: b !== n.links.length - 1 ? "l" : "0", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 89,
+    lineNumber: 97,
     columnNumber: 19
-  } }, t.children, /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 14], color: "ultramarine", __self: void 0, __source: {
+  } }, u.children, /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 14], color: "ultramarine", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 96,
+    lineNumber: 104,
     columnNumber: 21
-  } })))) : /* @__PURE__ */ e.createElement(F, { key: i.name, href: i.categoryLink, color: i.theme ?? "black", className: "c-collapse__link", py: "s", pl: "l", __self: void 0, __source: {
+  } })))) : /* @__PURE__ */ e.createElement(F, { key: n.name, href: n.categoryLink, color: n.theme ?? "black", className: "c-collapse__link", py: "s", pl: "l", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 101,
+    lineNumber: 109,
     columnNumber: 15
   } }, /* @__PURE__ */ e.createElement(d, { size: "l", weight: "bold", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 109,
+    lineNumber: 117,
     columnNumber: 17
-  } }, i.name)))), /* @__PURE__ */ e.createElement(_, { p: "l", alignItems: "center", justifyContent: "between", __self: void 0, __source: {
+  } }, n.name)))), /* @__PURE__ */ e.createElement(_, { p: "l", alignItems: "center", justifyContent: "between", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 116,
+    lineNumber: 124,
     columnNumber: 9
   } }, /* @__PURE__ */ e.createElement(m1, { icon: "newsletters", href: "/newsletters", className: "c-menu__tiles-items", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 117,
+    lineNumber: 125,
     columnNumber: 11
   } }, "Newsletters"), /* @__PURE__ */ e.createElement(m1, { icon: "journal", href: "/pdf", className: "c-menu__tiles-items", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 120,
+    lineNumber: 128,
     columnNumber: 11
   } }, "Journal"), /* @__PURE__ */ e.createElement(m1, { icon: "jeux", href: "/services/jeux", className: "c-menu__tiles-items", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 123,
+    lineNumber: 131,
     columnNumber: 11
   } }, "Jeux"), /* @__PURE__ */ e.createElement(m1, { icon: "horoscope", href: "/horoscope", className: "c-menu__tiles-items", __self: void 0, __source: {
     fileName: z,
-    lineNumber: 126,
+    lineNumber: 134,
     columnNumber: 11
-  } }, "Horoscope"))));
+  } }, "Horoscope")), a && a.map((n, t) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ e.createElement(_, { key: t, className: "c-menu__list", p: "l", py: "m", __self: void 0, __source: {
+      fileName: z,
+      lineNumber: 142,
+      columnNumber: 13
+    } }, n)
+  ))));
 };
 var ge = "/home/travis/build/20minutes/hela/src/components/molecules/MostReadArticles/MostReadArticles.tsx";
 const $2 = ({
@@ -4706,7 +4711,7 @@ const $2 = ({
     columnNumber: 5
   } });
 };
-var j = "/home/travis/build/20minutes/hela/src/components/molecules/Newsletter/Newsletter.tsx";
+var B = "/home/travis/build/20minutes/hela/src/components/molecules/Newsletter/Newsletter.tsx";
 const Z2 = ({
   title: l,
   description: m,
@@ -4716,34 +4721,34 @@ const Z2 = ({
   colorVariant: i,
   layout: n = h.DESKTOP
 }) => /* @__PURE__ */ e.createElement("div", { className: "c-newsletter", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 25,
   columnNumber: 3
 } }, i ? /* @__PURE__ */ e.createElement(ze, { bg: i, iconSize: n === h.DESKTOP ? "big" : "default", hasShiftedIcon: n === h.MOBILE, hasMaxWidth: !0, __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 27,
   columnNumber: 7
 } }) : /* @__PURE__ */ e.createElement("div", { className: "c-newsletter__icon-container", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 34,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(z1, { className: "c-newsletter__icon", size: n === h.DESKTOP ? [47, 53] : [33, 37], __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 35,
   columnNumber: 9
 } })), /* @__PURE__ */ e.createElement("div", { className: "c-newsletter__form", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 41,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement("form", { __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 42,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(E, { as: "h5", size: {
   xs: "xxs",
   md: "m"
 }, textAlign: "center", mb: "l", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 43,
   columnNumber: 9
 } }, l), /* @__PURE__ */ e.createElement(d, { size: {
@@ -4756,32 +4761,32 @@ const Z2 = ({
   xs: "l",
   md: "xl"
 }, __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 46,
   columnNumber: 9
 } }, m), /* @__PURE__ */ e.createElement(Re, { className: "c-input--newsletter", type: "email", placeholder: r, __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 53,
   columnNumber: 9
 } }), /* @__PURE__ */ e.createElement(V, { variant: "secondary", type: "submit", className: "c-newsletter__button", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 54,
   columnNumber: 9
 } }, c), /* @__PURE__ */ e.createElement(_, { alignItems: "center", justifyContent: {
   xs: "start",
   md: "center"
 }, mt: "l", className: "c-newsletter__checkbox", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 57,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(Re, { className: "c-input--checkbox", type: "checkbox", placeholder: r, required: !0, id: "term", __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 63,
   columnNumber: 11
 } }), /* @__PURE__ */ e.createElement("label", { htmlFor: "term", dangerouslySetInnerHTML: {
   __html: a
 }, __self: void 0, __source: {
-  fileName: j,
+  fileName: B,
   lineNumber: 71,
   columnNumber: 11
 } })))));
@@ -4889,28 +4894,28 @@ const Nl = ({
   lineNumber: 52,
   columnNumber: 9
 } }))));
-var je = "/home/travis/build/20minutes/hela/src/components/molecules/ReadAlsoBanner/ReadAlsoBanner.tsx";
+var Be = "/home/travis/build/20minutes/hela/src/components/molecules/ReadAlsoBanner/ReadAlsoBanner.tsx";
 const O2 = ({
   articles: l,
   layout: m,
   willNotReduceAtScroll: r = !1,
   limitTop: a = 0
-}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(N, { className: f("c-read-also-banner u-skin-darkBlue", {
+}) => l.length === 0 ? null : /* @__PURE__ */ e.createElement(N, { className: f("c-read-also-banner u-skin-dark-blue", {
   "c-read-also-banner__scrolldirection--down": !r
 }), px: "l", py: r ? "l" : "0", "data-banner-limit-top": a, __self: void 0, __source: {
-  fileName: je,
+  fileName: Be,
   lineNumber: 25,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(E, { as: "h3", color: "white", size: "xxs-2", mb: "s", __self: void 0, __source: {
-  fileName: je,
+  fileName: Be,
   lineNumber: 33,
   columnNumber: 7
 } }, "À lire aussi"), /* @__PURE__ */ e.createElement(ye, { layout: m, sliderVariant: "default", __self: void 0, __source: {
-  fileName: je,
+  fileName: Be,
   lineNumber: 36,
   columnNumber: 7
 } }, l.map((c, i) => /* @__PURE__ */ e.createElement($, { key: c.title, grow: 0, shrink: 0, align: "stretch", className: "c-read-also-banner__article", __self: void 0, __source: {
-  fileName: je,
+  fileName: Be,
   lineNumber: 38,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(M1, { ...c, cardTitleProps: {
@@ -4918,7 +4923,7 @@ const O2 = ({
   weight: "regular",
   maxRows: 3
 }, px: i === 0 ? void 0 : "l", pr: i === 0 ? "l" : void 0, __self: void 0, __source: {
-  fileName: je,
+  fileName: Be,
   lineNumber: 45,
   columnNumber: 13
 } })))));
@@ -4964,7 +4969,7 @@ const I2 = ({
   columnNumber: 11
 } })))));
 var Je = "/home/travis/build/20minutes/hela/src/components/molecules/SearchForm/SearchForm.tsx";
-const k1 = ({
+const S1 = ({
   id: l,
   className: m,
   color: r,
@@ -5297,7 +5302,7 @@ var K = "/home/travis/build/20minutes/hela/src/components/molecules/SmartBanner/
 const D2 = ({
   installButton: l,
   closeButton: m
-}) => /* @__PURE__ */ e.createElement(_, { className: "c-smart-banner u-skin-darkBlue", alignItems: "center", gap: "xs", __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(_, { className: "c-smart-banner u-skin-dark-blue", alignItems: "center", gap: "xs", __self: void 0, __source: {
   fileName: K,
   lineNumber: 11,
   columnNumber: 3
@@ -5470,7 +5475,7 @@ const we = ({
   lineNumber: 27,
   columnNumber: 5
 } }));
-var k = "/home/travis/build/20minutes/hela/src/components/molecules/SubMenu/SubMenu.tsx";
+var S = "/home/travis/build/20minutes/hela/src/components/molecules/SubMenu/SubMenu.tsx";
 const wl = ({
   name: l,
   link: m,
@@ -5480,37 +5485,37 @@ const wl = ({
   ...i
 }) => {
   var n;
-  return /* @__PURE__ */ e.createElement(_, { ...i, className: f("c-sub-menu", i == null ? void 0 : i.className), justifyContent: "center", bg: "white", pt: "xxl", pb: "xl", __self: void 0, __source: {
-    fileName: k,
+  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,
     lineNumber: 39,
     columnNumber: 3
   } }, /* @__PURE__ */ e.createElement(ze, { className: "c-divider-section--submenu", hasIcon: !1, bg: a, __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 47,
+    fileName: S,
+    lineNumber: 46,
     columnNumber: 5
   } }), /* @__PURE__ */ e.createElement(_, { className: "c-sub-menu__container", gap: "l", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 48,
+    fileName: S,
+    lineNumber: 47,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(N, { className: "c-sub-menu__left", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 49,
+    fileName: S,
+    lineNumber: 48,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(_, { as: "a", alignItems: "center", justifyContent: "between", color: "black", mb: "xxl", href: m, __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 50,
+    fileName: S,
+    lineNumber: 49,
     columnNumber: 9
   } }, /* @__PURE__ */ e.createElement(d, { as: "span", size: "l", weight: "bold", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 58,
+    fileName: S,
+    lineNumber: 57,
     columnNumber: 11
   } }, l), /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 61,
+    fileName: S,
+    lineNumber: 60,
     columnNumber: 11
   } })), /* @__PURE__ */ e.createElement(N, { __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 63,
+    fileName: S,
+    lineNumber: 62,
     columnNumber: 9
   } }, r == null ? void 0 : r.subLinks.map((t, u) => /* @__PURE__ */ e.createElement(
     _,
@@ -5525,51 +5530,51 @@ const wl = ({
       mb: u !== r.subLinks.length - 1 ? "l" : "0",
       __self: void 0,
       __source: {
-        fileName: k,
-        lineNumber: 65,
+        fileName: S,
+        lineNumber: 64,
         columnNumber: 13
       }
     },
     /* @__PURE__ */ e.createElement(d, { size: "xs", __self: void 0, __source: {
-      fileName: k,
-      lineNumber: 76,
+      fileName: S,
+      lineNumber: 75,
       columnNumber: 15
     } }, t.name),
     /* @__PURE__ */ e.createElement(v, { name: "chevron", size: [10, 12], color: "ultramarine", __self: void 0, __source: {
-      fileName: k,
-      lineNumber: 77,
+      fileName: S,
+      lineNumber: 76,
       columnNumber: 15
     } })
   )))), /* @__PURE__ */ e.createElement(_, { className: "c-sub-menu__right", direction: "column", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 82,
+    fileName: S,
+    lineNumber: 81,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(_, { className: "c-sub-menu__right-header", justifyContent: r != null && r.tags && !c ? "end" : "between", alignItems: "end", mb: r != null && r.tags && !c ? "xl" : "0", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 83,
+    fileName: S,
+    lineNumber: 82,
     columnNumber: 9
   } }, c && /* @__PURE__ */ e.createElement(we, { sponsor: c, variant: "menu", hasText: !0, gap: "xs", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 89,
+    fileName: S,
+    lineNumber: 88,
     columnNumber: 23
   } }), (r == null ? void 0 : r.tags) && /* @__PURE__ */ e.createElement(_, { gap: "xs", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 91,
+    fileName: S,
+    lineNumber: 90,
     columnNumber: 13
   } }, r == null ? void 0 : r.tags.map((t, u) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ e.createElement(Ne, { key: u, href: t.href, color: "ultramarine", __self: void 0, __source: {
-      fileName: k,
-      lineNumber: 94,
+      fileName: S,
+      lineNumber: 93,
       columnNumber: 17
     } }, t.name)
   )))), c && /* @__PURE__ */ e.createElement(U, { color: "grey-200", my: "s", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 101,
+    fileName: S,
+    lineNumber: 100,
     columnNumber: 21
   } }), /* @__PURE__ */ e.createElement(H0, { className: "c-sub-menu__cards", colsNumber: 3, gap: "xl", __self: void 0, __source: {
-    fileName: k,
-    lineNumber: 102,
+    fileName: S,
+    lineNumber: 101,
     columnNumber: 9
   } }, (n = r == null ? void 0 : r.cards) == null ? void 0 : n.map((t, u) => /* @__PURE__ */ e.createElement(
     M1,
@@ -5591,8 +5596,8 @@ const wl = ({
       justifyContent: "start",
       __self: void 0,
       __source: {
-        fileName: k,
-        lineNumber: 104,
+        fileName: S,
+        lineNumber: 103,
         columnNumber: 13
       }
     }
@@ -5643,7 +5648,7 @@ const m1 = ({
   iconSize: a,
   href: c,
   className: i
-}) => /* @__PURE__ */ e.createElement(F, { href: c, py: "xs", color: "white", className: f("o-column o-column--centered u-skin-darkBlue", i), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(F, { href: c, py: "xs", color: "white", className: f("o-column o-column--centered u-skin-dark-blue", i), __self: void 0, __source: {
   fileName: g1,
   lineNumber: 22,
   columnNumber: 3
@@ -5768,80 +5773,80 @@ const yl = ({
   fileName: p,
   lineNumber: 36,
   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", color: "black", bg: "white", __self: void 0, __source: {
+} }, /* @__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,
   lineNumber: 37,
   columnNumber: 13
 } }, /* @__PURE__ */ e.createElement(v, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 47,
+  lineNumber: 46,
   columnNumber: 15
-} }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", color: "black", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 48,
+  lineNumber: 47,
   columnNumber: 15
 } }, "Télécharger sur", /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 50,
+  lineNumber: 49,
   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", color: "black", bg: "white", __self: void 0, __source: {
+} }, "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,
-  lineNumber: 53,
+  lineNumber: 52,
   columnNumber: 13
 } }, /* @__PURE__ */ e.createElement(v, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 63,
+  lineNumber: 61,
   columnNumber: 15
-} }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", color: "black", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { size: "xxs-2", weight: "regular", as: "span", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 64,
+  lineNumber: 62,
   columnNumber: 15
 } }, "Télécharger sur", /* @__PURE__ */ e.createElement(d, { weight: "bold", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 66,
+  lineNumber: 64,
   columnNumber: 17
 } }, "Google Play"))))), /* @__PURE__ */ e.createElement(N, { className: "c-footer__right", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 71,
+  lineNumber: 69,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-footer-categories", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 72,
+  lineNumber: 70,
   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,
-  lineNumber: 74,
+  lineNumber: 72,
   columnNumber: 15
 } }, /* @__PURE__ */ e.createElement(E, { as: "h4", mb: "l", className: "c-footer-categories__list__title", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 81,
+  lineNumber: 79,
   columnNumber: 17
 } }, n.name), n.links.map((t, u) => (
   // eslint-disable-next-line react/no-array-index-key
   /* @__PURE__ */ e.createElement(F, { key: u, href: t.url, __self: void 0, __source: {
     fileName: p,
-    lineNumber: 86,
+    lineNumber: 84,
     columnNumber: 19
   } }, t.name)
 ))))))), /* @__PURE__ */ e.createElement(U, { color: "grey-200", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 95,
+  lineNumber: 93,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(_, { className: "c-footer__bottom", justifyContent: "center", direction: "column", py: "xxl", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 96,
+  lineNumber: 94,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(e0, { footerBar: m, __self: void 0, __source: {
   fileName: p,
-  lineNumber: 97,
+  lineNumber: 95,
   columnNumber: 9
 } }), /* @__PURE__ */ e.createElement(d, { as: "strong", color: "white", mb: "xs", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 98,
+  lineNumber: 96,
   columnNumber: 9
 } }, c), /* @__PURE__ */ e.createElement(d, { color: "white", __self: void 0, __source: {
   fileName: p,
-  lineNumber: 101,
+  lineNumber: 99,
   columnNumber: 9
 } }, i))));
 var g = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/FooterMobile.tsx";
@@ -5904,69 +5909,69 @@ const Ml = ({
   fileName: g,
   lineNumber: 47,
   columnNumber: 11
-} })), /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491", className: "c-footer-mobile__app", target: "_blank", alignItems: "center", gap: "xxs", p: "xs", color: "black", bg: "white", __self: void 0, __source: {
+} })), /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://apps.apple.com/fr/app/20-minutes-news-en-continu/id308834491", className: "c-footer-mobile__app", target: "_blank", alignItems: "center", gap: "xxs", p: "xs", bg: "white", __self: void 0, __source: {
   fileName: g,
   lineNumber: 49,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(v, { name: "apple", size: [16, 20], color: "ultramarine", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 60,
+  lineNumber: 59,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(d, { as: "span", color: "black", size: "xxs-2", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs-2", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 61,
+  lineNumber: 60,
   columnNumber: 11
 } }, "Télécharger sur", " ", /* @__PURE__ */ e.createElement(d, { weight: "bold", className: "c-link--app__mention", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 63,
+  lineNumber: 62,
   columnNumber: 13
-} }, "App Store"))), /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr", className: "c-footer-mobile__app", target: "_blank", alignItems: "center", gap: "xxs", p: "xs", color: "black", bg: "white", __self: void 0, __source: {
+} }, "App Store"))), /* @__PURE__ */ e.createElement(_, { as: "a", href: "https://play.google.com/store/apps/details?id=com.backelite.vingtminutes&hl=fr", className: "c-footer-mobile__app", target: "_blank", alignItems: "center", gap: "xxs", p: "xs", bg: "white", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 68,
+  lineNumber: 67,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(v, { name: "googleplay", size: [17, 20], color: "ultramarine", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 79,
+  lineNumber: 77,
   columnNumber: 11
-} }), /* @__PURE__ */ e.createElement(d, { as: "span", color: "black", size: "xxs-2", __self: void 0, __source: {
+} }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs-2", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 80,
+  lineNumber: 78,
   columnNumber: 11
 } }, "Télécharger sur", " ", /* @__PURE__ */ e.createElement(d, { weight: "bold", className: "c-link--app__mention", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 82,
+  lineNumber: 80,
   columnNumber: 13
 } }, "Google Play"))))), /* @__PURE__ */ e.createElement(U, { color: "grey-200", my: "xxs", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 90,
+  lineNumber: 88,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(N, { className: "c-footer-mobile__social", p: "s", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 91,
+  lineNumber: 89,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(l0, { socialIcons: l, __self: void 0, __source: {
   fileName: g,
-  lineNumber: 92,
+  lineNumber: 90,
   columnNumber: 7
 } })), /* @__PURE__ */ e.createElement(U, { color: "grey-200", my: "xxs", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 94,
+  lineNumber: 92,
   columnNumber: 5
 } }), /* @__PURE__ */ e.createElement(N, { className: "c-footer-mobile__bottom", p: "s", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 95,
+  lineNumber: 93,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(e0, { footerBar: m, listClass: "c-footer-mobile__bottom__list", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 96,
+  lineNumber: 94,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(d, { as: "strong", color: "white", mb: "xs", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 97,
+  lineNumber: 95,
   columnNumber: 7
 } }, c), /* @__PURE__ */ e.createElement(d, { color: "white", __self: void 0, __source: {
   fileName: g,
-  lineNumber: 100,
+  lineNumber: 98,
   columnNumber: 7
 } }, i)));
 var T1 = "/home/travis/build/20minutes/hela/src/components/organisms/Footer/Footer.tsx";
@@ -5982,34 +5987,34 @@ const K2 = ({
   lineNumber: 20,
   columnNumber: 66
 } });
-var S = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderDesktop.tsx";
-const kl = ({
+var k = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderDesktop.tsx";
+const Sl = ({
   headerLinks: l,
   dividerColor: m = "ultramarine",
   logohref: r,
   searchformurl: a
-}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(_, { className: "c-header", alignItems: "stretch", px: "xl", pt: "xl", bg: "white", __self: void 0, __source: {
-  fileName: S,
+}) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(_, { className: "c-header", alignItems: "stretch", px: "xl", pt: "xl", __self: void 0, __source: {
+  fileName: k,
   lineNumber: 30,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(F, { href: r, __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 31,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 100, color: "ultramarine", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 32,
   columnNumber: 9
 } })), /* @__PURE__ */ e.createElement(_, { className: "c-header__container", direction: "column", justifyContent: "between", ml: "xl", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 34,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(_, { className: "c-header__top", justifyContent: "between", alignItems: "start", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 35,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "l", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 36,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(V, { variant: "ghost", iconProps: {
@@ -6019,38 +6024,38 @@ const kl = ({
   light: "black",
   dark: "white"
 }, __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 37,
   columnNumber: 13
 } }, "Menu"), /* @__PURE__ */ e.createElement("div", { className: "c-header__search js-search-toggle", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 51,
   columnNumber: 13
-} }, /* @__PURE__ */ e.createElement(k1, { id: "search-form-header", url: a, "aria-hidden": !0, __self: void 0, __source: {
-  fileName: S,
+} }, /* @__PURE__ */ e.createElement(S1, { id: "search-form-header", url: a, "aria-hidden": !0, __self: void 0, __source: {
+  fileName: k,
   lineNumber: 52,
   columnNumber: 15
 } }), /* @__PURE__ */ e.createElement(V, { variant: "tertiary", iconProps: {
   name: "search",
   size: 18
 }, className: "c-header__search-button", "aria-label": "Rechercher", "aria-controls": "search-form-header", "aria-hidden": "false", px: "s", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 53,
   columnNumber: 15
 } }))), /* @__PURE__ */ e.createElement(_, { id: "mbrs-connectButtons", gap: "xl", alignItems: "center", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 68,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(_e, { variant: "icon", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 69,
   columnNumber: 13
 } }), /* @__PURE__ */ e.createElement(_e, { variant: "button", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 70,
   columnNumber: 13
 } }))), /* @__PURE__ */ e.createElement(_, { className: "c-header__bottom", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 73,
   columnNumber: 9
 } }, l.map((c, i) => /* @__PURE__ */ e.createElement(
@@ -6062,43 +6067,40 @@ const kl = ({
     pr: "xl",
     __self: void 0,
     __source: {
-      fileName: S,
+      fileName: k,
       lineNumber: 75,
       columnNumber: 13
     }
   },
   /* @__PURE__ */ e.createElement(F, { href: c.link, color: c.color || "black", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 82,
     columnNumber: 15
   } }, c.name),
   c.subCategory && /* @__PURE__ */ e.createElement(wl, { name: c.name, link: c.link, subCategory: c.subCategory, color: c.color || "ultramarine", sponsor: c.sponsor, className: "js-sub-menu", __self: void 0, __source: {
-    fileName: S,
+    fileName: k,
     lineNumber: 86,
     columnNumber: 17
   } })
 )))), /* @__PURE__ */ e.createElement(ze, { className: "c-divider-section--menu", hasIcon: !1, bg: m, __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 99,
   columnNumber: 7
 } })), /* @__PURE__ */ e.createElement(R0, { className: "u-hidden", __self: void 0, __source: {
-  fileName: S,
+  fileName: k,
   lineNumber: 101,
   columnNumber: 5
 } }));
 var re = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderMobile.tsx";
-const Sl = ({
+const kl = ({
   logohref: l
-}) => /* @__PURE__ */ e.createElement(_, { className: "c-header-mobile", alignItems: "center", justifyContent: "between", bg: {
-  light: "white",
-  dark: "black"
-}, __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(_, { className: "c-header-mobile", alignItems: "center", justifyContent: "between", __self: void 0, __source: {
   fileName: re,
   lineNumber: 9,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "s", __self: void 0, __source: {
   fileName: re,
-  lineNumber: 15,
+  lineNumber: 10,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(V, { variant: "ghost", iconProps: {
   name: "menu",
@@ -6108,38 +6110,38 @@ const Sl = ({
   dark: "white"
 }, "data-a11y-dialog-show": "menu", type: "button", __self: void 0, __source: {
   fileName: re,
-  lineNumber: 16,
+  lineNumber: 11,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(F, { href: l, __self: void 0, __source: {
   fileName: re,
-  lineNumber: 26,
+  lineNumber: 21,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(v, { name: "logo", size: 46, color: "ultramarine", __self: void 0, __source: {
   fileName: re,
-  lineNumber: 27,
+  lineNumber: 22,
   columnNumber: 9
 } }))), /* @__PURE__ */ e.createElement(_, { id: "mbrs-connectButtons", gap: "l", alignItems: "center", __self: void 0, __source: {
   fileName: re,
-  lineNumber: 31,
+  lineNumber: 26,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_e, { variant: "icon", __self: void 0, __source: {
   fileName: re,
-  lineNumber: 32,
+  lineNumber: 27,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(_e, { variant: "button", __self: void 0, __source: {
   fileName: re,
-  lineNumber: 33,
+  lineNumber: 28,
   columnNumber: 7
 } })));
 var O1 = "/home/travis/build/20minutes/hela/src/components/organisms/Header/Header.tsx";
 const U2 = ({
   layout: l = h.MOBILE,
   ...m
-}) => l === h.DESKTOP ? /* @__PURE__ */ e.createElement(kl, { ...m, __self: void 0, __source: {
+}) => l === h.DESKTOP ? /* @__PURE__ */ e.createElement(Sl, { ...m, __self: void 0, __source: {
   fileName: O1,
   lineNumber: 13,
   columnNumber: 5
-} }) : /* @__PURE__ */ e.createElement(Sl, { logohref: m.logohref, __self: void 0, __source: {
+} }) : /* @__PURE__ */ e.createElement(kl, { logohref: m.logohref, __self: void 0, __source: {
   fileName: O1,
   lineNumber: 15,
   columnNumber: 5
@@ -6187,9 +6189,9 @@ export {
   H0 as Grid,
   U2 as Header,
   M2 as HeaderBanner,
-  kl as HeaderDesktop,
-  k2 as HeaderMini,
-  S2 as HeaderPage,
+  Sl as HeaderDesktop,
+  S2 as HeaderMini,
+  k2 as HeaderPage,
   nl as HeaderSideModal,
   E as Heading,
   C2 as HoroscopeContent,
@@ -6208,9 +6210,9 @@ export {
   F2 as LiveIndicator,
   H2 as LiveQuestionForm,
   L2 as LiveTalk,
-  B2 as LiveTitle,
+  j2 as LiveTitle,
   Ze as MediaSourceType,
-  j2 as Menu,
+  B2 as Menu,
   $0 as Modal,
   $2 as MostReadArticles,
   Z2 as Newsletter,
@@ -6222,7 +6224,7 @@ export {
   O2 as ReadAlsoBanner,
   I2 as RubricCards,
   i2 as ScrollProgressBar,
-  k1 as SearchForm,
+  S1 as SearchForm,
   n2 as Section,
   I0 as Select,
   A2 as ShareBar,
@@ -6270,7 +6272,7 @@ export {
   ll as imageConfigMobile,
   Gl as justifyContentList,
   o0 as marginSystemProps,
-  Bl as mediaQueriesList,
+  jl as mediaQueriesList,
   i0 as paddingSystemProps,
   I1 as radiusSystemProps,
   Ll as radiusTokenNameList,
@@ -6283,7 +6285,7 @@ export {
   $l as textDecorationList,
   Al as textSizeTokenNameList,
   Rl as textTransformList,
-  jl as themeList,
+  Bl as themeList,
   q as tokenVariables,
   t0 as typographySystemProps
 };