@20minutes/hela 1.0.1 → 1.1.0

package/dist/index.es.js

@@ -2446,7 +2446,7 @@ const x2 = (l) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3
   lineNumber: 890,
   columnNumber: 7
 } })));
-var H0 = "/home/travis/build/20minutes/hela/src/components/atoms/Img/Img.tsx";
+var L0 = "/home/travis/build/20minutes/hela/src/components/atoms/Img/Img.tsx";
 const V1 = ({
   id: l = "",
   src: m = "",
@@ -2479,17 +2479,17 @@ const V1 = ({
     fetchpriority: t
   };
   return /* @__PURE__ */ e.createElement(b, { ...ke, as: "img", src: Z, srcSet: g, __self: void 0, __source: {
-    fileName: H0,
+    fileName: L0,
     lineNumber: 57,
     columnNumber: 10
   } });
 };
-var L0 = "/home/travis/build/20minutes/hela/src/components/atoms/InlineSeparator/InlineSeparator.tsx";
+var H0 = "/home/travis/build/20minutes/hela/src/components/atoms/InlineSeparator/InlineSeparator.tsx";
 const s1 = ({
   size: l,
   ...m
 }) => /* @__PURE__ */ e.createElement(f, { as: "span", size: l || "s", ...m, __self: void 0, __source: {
-  fileName: L0,
+  fileName: H0,
   lineNumber: 5,
   columnNumber: 3
 } }, "•");
@@ -2896,7 +2896,7 @@ const Y0 = (l) => /* @__PURE__ */ e.createElement(b, { ...l, className: N("c-ove
   columnNumber: 3
 } });
 var Q0 = "/home/travis/build/20minutes/hela/src/components/atoms/Pipe/Pipe.tsx";
-function H1() {
+function L1() {
   return /* @__PURE__ */ e.createElement("div", { className: "c-pipe", __self: this, __source: {
     fileName: Q0,
     lineNumber: 4,
@@ -2950,7 +2950,7 @@ const z2 = ({
   fileName: Ge,
   lineNumber: 22,
   columnNumber: 5
-} }, "Lire aussi"), /* @__PURE__ */ e.createElement(H1, { __self: void 0, __source: {
+} }, "Lire aussi"), /* @__PURE__ */ e.createElement(L1, { __self: void 0, __source: {
   fileName: Ge,
   lineNumber: 25,
   columnNumber: 5
@@ -3434,7 +3434,7 @@ const ul = {
   } }, " / ", a)));
 };
 var R1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleBrandBanner/ArticleBrandBanner.tsx";
-const H2 = ({
+const L2 = ({
   children: l,
   ...m
 }) => /* @__PURE__ */ e.createElement(b, { ...m, px: "s", py: "xxs-2", bg: "sponsoring", __self: void 0, __source: {
@@ -3447,7 +3447,7 @@ const H2 = ({
   columnNumber: 5
 } }, l));
 var le = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleHeader/ArticleHeader.tsx";
-const L2 = ({
+const H2 = ({
   title: l,
   label: m,
   layout: r,
@@ -3624,7 +3624,7 @@ const Z2 = ({
   fileName: ge,
   lineNumber: 28,
   columnNumber: 11
-} }))), m && m.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H1, { __self: void 0, __source: {
+} }))), m && m.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(L1, { __self: void 0, __source: {
   fileName: ge,
   lineNumber: 35,
   columnNumber: 9
@@ -4276,7 +4276,7 @@ const a0 = ({
     columnNumber: 11
   } }, o))));
 };
-var He = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardSmall/CardSmall.tsx";
+var Le = "/home/travis/build/20minutes/hela/src/components/molecules/Card/Templates/CardSmall/CardSmall.tsx";
 const c0 = ({
   link: l,
   title: m,
@@ -4294,7 +4294,7 @@ const c0 = ({
     ...h
   } = n;
   return /* @__PURE__ */ e.createElement(ce, { ...h, direction: "column", clickable: !0, __self: void 0, __source: {
-    fileName: He,
+    fileName: Le,
     lineNumber: 28,
     columnNumber: 5
   } }, o && /* @__PURE__ */ e.createElement(K, { ...o, ...o.caption && {
@@ -4303,19 +4303,19 @@ const c0 = ({
       ...o.caption
     }
   }, defaultFormat: i === x.DESKTOP ? "320x204" : "252x162", formats: ["320x204", "252x162"], sizes: "(min-width: 30rem) 20rem, 15.75rem", alt: m, mb: "xxs", __self: void 0, __source: {
-    fileName: He,
+    fileName: Le,
     lineNumber: 30,
     columnNumber: 9
   } }), r && /* @__PURE__ */ e.createElement(ne, { mb: "xxs-2", ...r, __self: void 0, __source: {
-    fileName: He,
+    fileName: Le,
     lineNumber: 45,
     columnNumber: 27
   } }), /* @__PURE__ */ e.createElement(J, { as: "h4", size: "xxs-2", fontFamily: "source-serif-pro", cartridgeIsCentered: !0, ...a, __self: void 0, __source: {
-    fileName: He,
+    fileName: Le,
     lineNumber: 46,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement("a", { href: l, __self: void 0, __source: {
-    fileName: He,
+    fileName: Le,
     lineNumber: 53,
     columnNumber: 9
   } }, m)));
@@ -4437,7 +4437,7 @@ const A2 = ({
     columnNumber: 9
   } }));
 };
-var Le = "/home/travis/build/20minutes/hela/src/components/molecules/Carousel/Carousel.tsx";
+var He = "/home/travis/build/20minutes/hela/src/components/molecules/Carousel/Carousel.tsx";
 const gl = ({
   label: l,
   articles: m,
@@ -4450,21 +4450,21 @@ const gl = ({
   titleAlignment: u,
   ...d
 }) => m.length > 0 ? /* @__PURE__ */ e.createElement(b, { ...d, className: N("c-carousel", d == null ? void 0 : d.className), __self: void 0, __source: {
-  fileName: Le,
+  fileName: He,
   lineNumber: 41,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(n0, { label: l, mb: t ? "xxl" : "m", labelLink: a, rubricColor: n, isUnderlined: t, textAlign: u, ...o, __self: void 0, __source: {
-  fileName: Le,
+  fileName: He,
   lineNumber: 42,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(Se, { ...i, sliderVariant: (i == null ? void 0 : i.sliderVariant) || "rubrics", itemsGap: "xs", layout: r, __self: void 0, __source: {
-  fileName: Le,
+  fileName: He,
   lineNumber: 51,
   columnNumber: 7
 } }, m.map((v) => /* @__PURE__ */ e.createElement(B, { key: v.title, grow: 0, shrink: 0, align: "start", className: N("c-carousel__article", {
   "c-carousel__article--in-long-list": m.length > 4
 }), __self: void 0, __source: {
-  fileName: Le,
+  fileName: He,
   lineNumber: 58,
   columnNumber: 11
 } }, /* @__PURE__ */ e.createElement(c0, { ...v, layout: r, cardTitleProps: {
@@ -4472,7 +4472,7 @@ const gl = ({
   maxRows: 5,
   ...v.cardTitleProps
 }, __self: void 0, __source: {
-  fileName: Le,
+  fileName: He,
   lineNumber: 67,
   columnNumber: 13
 } }))))) : null;
@@ -4566,74 +4566,74 @@ const D2 = ({
   lineNumber: 23,
   columnNumber: 5
 } }) : null;
-var L = "/home/travis/build/20minutes/hela/src/components/molecules/ErrorContent/ErrorContent.tsx";
+var H = "/home/travis/build/20minutes/hela/src/components/molecules/ErrorContent/ErrorContent.tsx";
 const K2 = ({
   statusCode: l = "404",
   enableGoogleSearch: m
 }) => {
   let r = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(C, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 15,
     columnNumber: 7
   } }, "La page que vous cherchez n’existe pas !"), /* @__PURE__ */ e.createElement(f, { size: "m", mb: "l", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 18,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement("strong", { __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 19,
     columnNumber: 9
   } }, "Une page 404"), " est une page renvoyée par le serveur d’un site, lorsque la page n’existe plus ou lorsqu’il y a une erreur dans l’url."), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 22,
     columnNumber: 7
   } }, "Ce type d’erreur se produit lorsque des pages ont été supprimées ou déplacées."), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 23,
     columnNumber: 7
   } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"));
   return l === "500" && (r = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(C, { as: "h2", size: "m", mb: "l", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 33,
     columnNumber: 9
   } }, "Erreur serveur, la page n’est pas disponible !"), /* @__PURE__ */ e.createElement(f, { size: "m", mb: "l", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 36,
     columnNumber: 9
   } }, "Toutes nos excuses pour cette erreur…"), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 39,
     columnNumber: 9
   } }, "Une page qui renvoie un code d’erreur 500 se produit lorsque le serveur web rencontre des difficultés pour charger une page."), /* @__PURE__ */ e.createElement(f, { __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 43,
     columnNumber: 9
   } }, "Si vous êtes à la recherche de quelque chose de bien précis, nous vous invitons à utiliser notre moteur de recherche :"))), /* @__PURE__ */ e.createElement(b, { className: "c-error-content", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 52,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(p, { name: l === "404" ? "not-found" : "server-error", size: [130, 72], className: "c-error-content__img", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 53,
     columnNumber: 7
   } }), /* @__PURE__ */ e.createElement(b, { mb: "l", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 58,
     columnNumber: 7
   } }, r), /* @__PURE__ */ e.createElement(b, { mb: "s", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 59,
     columnNumber: 7
   } }, m ? /* @__PURE__ */ e.createElement(b, { className: "gcse-search", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 61,
     columnNumber: 11
-  } }) : /* @__PURE__ */ e.createElement(L1, { id: "search-form-error", url: "/", "aria-hidden": !0, __self: void 0, __source: {
-    fileName: L,
+  } }) : /* @__PURE__ */ e.createElement(H1, { id: "search-form-error", url: "/", "aria-hidden": !0, __self: void 0, __source: {
+    fileName: H,
     lineNumber: 63,
     columnNumber: 11
   } })), /* @__PURE__ */ e.createElement(k, { href: "/", className: "c-error-content__link", __self: void 0, __source: {
-    fileName: L,
+    fileName: H,
     lineNumber: 66,
     columnNumber: 7
   } }, "Retour page d’accueil"));
@@ -5306,7 +5306,7 @@ const em = ({
     fileName: y,
     lineNumber: 53,
     columnNumber: 7
-  } }), r === x.MOBILE && /* @__PURE__ */ e.createElement(L1, { id: "search-form-menu", url: o, "aria-hidden": !0, pt: "l", pr: "l", pl: "l", pb: "0", __self: void 0, __source: {
+  } }), r === x.MOBILE && /* @__PURE__ */ e.createElement(H1, { id: "search-form-menu", url: o, "aria-hidden": !0, pt: "l", pr: "l", pl: "l", pb: "0", __self: void 0, __source: {
     fileName: y,
     lineNumber: 55,
     columnNumber: 9
@@ -5523,7 +5523,7 @@ const rm = ({
   columnNumber: 13
 } })))));
 var Qe = "/home/travis/build/20minutes/hela/src/components/molecules/SearchForm/SearchForm.tsx";
-const L1 = ({
+const H1 = ({
   id: l,
   className: m,
   color: r,
@@ -5682,7 +5682,7 @@ var d1 = function(m, r) {
     }).join("&");
     n.src = "https://platform-api.sharethis.com/js/sharethis.js?" + u, n.async = !0, document.body.appendChild(n);
   }
-}, Hl = /* @__PURE__ */ function(l) {
+}, Ll = /* @__PURE__ */ function(l) {
   _1(r, l);
   var m = N1(r);
   function r(a) {
@@ -5703,8 +5703,8 @@ var d1 = function(m, r) {
     }
   }]), r;
 }(D.default.Component);
-ae.InlineFollowButtons = Hl;
-var Ll = /* @__PURE__ */ function(l) {
+ae.InlineFollowButtons = Ll;
+var Hl = /* @__PURE__ */ function(l) {
   _1(r, l);
   var m = N1(r);
   function r(a) {
@@ -5724,7 +5724,7 @@ var Ll = /* @__PURE__ */ function(l) {
       });
     }
   }]), r;
-}(D.default.Component), t0 = ae.InlineShareButtons = Ll, jl = /* @__PURE__ */ function(l) {
+}(D.default.Component), t0 = ae.InlineShareButtons = Hl, jl = /* @__PURE__ */ function(l) {
   _1(r, l);
   var m = N1(r);
   function r(a) {
@@ -6007,7 +6007,7 @@ const e1 = (l) => {
     fileName: de,
     lineNumber: 85,
     columnNumber: 5
-  } }), he = (!!n || !!i) && /* @__PURE__ */ e.createElement(H1, { __self: void 0, __source: {
+  } }), he = (!!n || !!i) && /* @__PURE__ */ e.createElement(L1, { __self: void 0, __source: {
     fileName: de,
     lineNumber: 92,
     columnNumber: 55
@@ -6574,7 +6574,7 @@ const im = ({
   lineNumber: 18,
   columnNumber: 5
 } });
-var H = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderDesktop.tsx";
+var L = "/home/travis/build/20minutes/hela/src/components/organisms/Header/HeaderDesktop.tsx";
 const Ol = ({
   headerLinks: l,
   logohref: m,
@@ -6582,75 +6582,75 @@ const Ol = ({
   logoIsHeading: a = !1
 }) => {
   const o = /* @__PURE__ */ e.createElement(k, { href: m, __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 29,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(p, { name: "logo", size: 100, color: "ultramarine", svgTitle: "20 Minutes : Actualités et infos en direct", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 30,
     columnNumber: 7
   } }));
   return /* @__PURE__ */ e.createElement(_, { className: "c-header", alignItems: "stretch", p: "xl", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 40,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(e.Fragment, null, a ? /* @__PURE__ */ e.createElement("h1", { __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 42,
     columnNumber: 26
   } }, o) : o, /* @__PURE__ */ e.createElement(_, { className: "c-header__container", direction: "column", justifyContent: "between", ml: "xl", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 43,
     columnNumber: 9
   } }, /* @__PURE__ */ e.createElement(_, { justifyContent: "between", gap: "xxl", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 44,
     columnNumber: 11
   } }, /* @__PURE__ */ e.createElement(_, { flexGrow: 1, justifyContent: "between", gap: "xl", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 45,
     columnNumber: 13
   } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "xl", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 46,
     columnNumber: 15
   } }, /* @__PURE__ */ e.createElement(F, { variant: "tertiary", iconProps: {
     name: "menu",
     size: [18, 14]
   }, "data-a11y-dialog-show": "dialog-menu", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 47,
     columnNumber: 17
-  } }, "Menu"), /* @__PURE__ */ e.createElement(L1, { id: "search-form-header", url: r, __self: void 0, __source: {
-    fileName: H,
+  } }, "Menu"), /* @__PURE__ */ e.createElement(H1, { id: "search-form-header", url: r, __self: void 0, __source: {
+    fileName: L,
     lineNumber: 57,
     columnNumber: 17
   } })), /* @__PURE__ */ e.createElement(o0, { gap: "m", className: "c-header__media-link", textSize: "xs", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 59,
     columnNumber: 15
   } })), /* @__PURE__ */ e.createElement("div", { id: "mbrs-connectButtons", className: "c-header__connect-buttons", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 62,
     columnNumber: 13
   } })), /* @__PURE__ */ e.createElement(_, { gap: "xxl-2", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 64,
     columnNumber: 11
   } }, l.map((i) => /* @__PURE__ */ e.createElement(b, { key: i.link, className: "c-header__overlay", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 66,
     columnNumber: 15
   } }, /* @__PURE__ */ e.createElement(k, { href: i.link, color: i.color || "black", className: "c-header__link", size: "m", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 67,
     columnNumber: 17
   } }, i.name), i.subCategory && /* @__PURE__ */ e.createElement($l, { name: i.name, link: i.link, subCategory: i.subCategory, color: i.color || "ultramarine", sponsor: i.sponsor, className: "js-sub-menu", __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 76,
     columnNumber: 19
   } }))), /* @__PURE__ */ e.createElement(Y0, { __self: void 0, __source: {
-    fileName: H,
+    fileName: L,
     lineNumber: 87,
     columnNumber: 13
   } })))));
@@ -6715,11 +6715,11 @@ const nm = ({
         "c-most-read-articles-is-scrollable": a && m === x.DESKTOP
       }), __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 64,
+        lineNumber: 65,
         columnNumber: 11
       } }, d.body.map((h, g) => /* @__PURE__ */ e.createElement(e.Fragment, { key: h.title, __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 70,
+        lineNumber: 71,
         columnNumber: 15
       } }, v ? /* @__PURE__ */ e.createElement(r0, { link: h.url, title: h.title, cardHeaderProps: {
         headline: {
@@ -6727,7 +6727,8 @@ const nm = ({
         },
         liveTime: h.liveTime
       }, cardImageProps: {
-        cover: h.cover
+        cover: h.cover,
+        lazyLoad: h.lazyLoad ?? !1
       }, cardTitleProps: {
         size: {
           xs: "xxs-2",
@@ -6736,7 +6737,7 @@ const nm = ({
         cartridge: h.cartridge
       }, layout: m, mr: a && m === x.DESKTOP && d.body.length > 3 ? "s" : void 0, __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 72,
+        lineNumber: 73,
         columnNumber: 19
       } }) : /* @__PURE__ */ e.createElement(xl, { link: h.url, title: h.title, cardHeaderProps: {
         headline: {
@@ -6749,15 +6750,15 @@ const nm = ({
         value: g + 1
       }, layout: m, mr: a && m === x.DESKTOP ? "s" : void 0, __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 92,
+        lineNumber: 93,
         columnNumber: 19
       } }), g !== d.body.length - 1 && /* @__PURE__ */ e.createElement(be, { color: "grey-200", my: "s", __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 102,
+        lineNumber: 103,
         columnNumber: 51
       } })))), o && (v || d.name === "plus-lus") && /* @__PURE__ */ e.createElement(_, { mt: "xl", mb: "xxl", justifyContent: "center", __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 107,
+        lineNumber: 108,
         columnNumber: 13
       } }, /* @__PURE__ */ e.createElement(k, { variant: "secondary", ...v ? {
         href: "https://www.20minutes.fr/actus",
@@ -6767,14 +6768,14 @@ const nm = ({
         children: "Voir les articles les + lus"
       }, __self: void 0, __source: {
         fileName: oe,
-        lineNumber: 108,
+        lineNumber: 109,
         columnNumber: 15
       } })))
     };
   });
   return /* @__PURE__ */ e.createElement(Rl, { tabItemActive: r || (l.length > 0 ? l[0].name : ""), tabItems: u, ...i, __self: void 0, __source: {
     fileName: oe,
-    lineNumber: 128,
+    lineNumber: 129,
     columnNumber: 5
   } });
 };
@@ -6930,8 +6931,8 @@ export {
   f2 as Ad,
   b2 as Alert,
   V2 as AlertInfoBanner,
-  H2 as ArticleBrandBanner,
-  L2 as ArticleHeader,
+  L2 as ArticleBrandBanner,
+  H2 as ArticleHeader,
   j2 as ArticleSummary,
   B2 as ArticleVideo,
   k0 as Avatar,
@@ -7007,12 +7008,12 @@ export {
   Y0 as Overlay,
   tm as OverviewBar,
   mm as Pagination,
-  H1 as Pipe,
+  L1 as Pipe,
   w2 as Rating,
   z2 as ReadAlso,
   rm as ReadAlsoBanner,
   y2 as ScrollProgressBar,
-  L1 as SearchForm,
+  H1 as SearchForm,
   M2 as Section,
   n0 as SectionTitle,
   S2 as Select,