@20minutes/hela 2.21.9 → 2.21.11

package/dist/assets/scripts/countdown.d.ts

@@ -1,2 +1 @@
-import { CountersType } from '../../types/Window';
-export declare const listenerOfCountdown: (counter: keyof CountersType, targetID: string) => void;
+export declare const listenerOfCountdown: () => void;

package/dist/components/atoms/Tag/Tag.d.ts

@@ -4,7 +4,7 @@ export interface TagOptions {
     variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary' | 'span' | 'transparent';
 }
 export interface TagSize {
-    size?: 'regular' | 'small';
+    size?: 'small';
 }
 export type TagProps<T extends As = 'a'> = TagOptions & TagSize & BoxProps<T>;
 export declare const Tag: import('../../../types').ComponentWithAs<"div", TagProps<"a">>;

package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts

@@ -13,7 +13,6 @@ export interface BreadcrumbProps extends BoxProps, Pick<SliderOptions, 'colorVar
     }[];
     color?: ThemeColorType;
     layout?: LayoutType;
-    isSmall?: boolean;
     isTransparent?: boolean;
     hasWhiteSeparators?: boolean;
 }

package/dist/components/molecules/Card/CardFooter/CardFooter.d.ts

@@ -5,5 +5,6 @@ export interface CardFooterProps extends FlexProps {
     avatarAlt?: string;
     avatarUrl?: string;
     secondaryText?: string;
+    externalLink?: string;
 }
 export declare const CardFooter: React.FC<CardFooterProps>;

package/dist/components/molecules/Countdown/Countdown.d.ts

@@ -4,7 +4,8 @@ import { LayoutType } from '../../../types';
 import { CountdownItemProps } from './CountdownItem';
 export interface CountdownProps extends FlexProps {
     title: string;
-    id: string;
+    endDate: string;
+    id?: string;
     iconName?: IconOptions['name'];
     layout: LayoutType;
     colorItemCounter?: CountdownItemProps['colorCounter'];

package/dist/components/molecules/TagBar/TagBar.d.ts

@@ -4,6 +4,5 @@ import { LayoutType } from '../../../types';
 export interface TagBarProps extends BoxProps, Pick<SliderOptions, 'colorVariant' | 'buttonsColor' | 'buttonsSize'> {
     tags: TagProps[];
     layout: LayoutType;
-    isSmall?: boolean;
 }
 export declare const TagBar: React.FC<TagBarProps>;

package/dist/index.es.js

@@ -3995,7 +3995,8 @@ const d1 = j(
         n?.className
       ),
       "data-id": s,
-      px: n?.px,
+      py: n?.py ?? "0",
+      px: n?.px ?? "xs",
       children: r
     }
   )
@@ -4252,7 +4253,7 @@ const d1 = j(
     size: "l",
     fontFamily: "source-serif-pro",
     children: [
-      a && /* @__PURE__ */ e(Z, { as: "h4", size: "xxs", mb: "xs", fontFamily: "base", children: a }),
+      a && /* @__PURE__ */ e(g, { size: "l", mb: "xs", weight: "semi-bold", children: a }),
       /* @__PURE__ */ e(u0, { color: l, children: s })
     ]
   }
@@ -4432,7 +4433,6 @@ const d1 = j(
           href: "/",
           bg: r ? void 0 : l || "ultramarine",
           color: "white",
-          px: "xs",
           pt: "xxs-3",
           ml: { xs: "m", md: "0" },
           children: /* @__PURE__ */ e(z, { size: 16, name: "home", svgTitle: "Retour sur la page d'accueil 20 Minutes" })
@@ -4676,20 +4676,31 @@ const d1 = j(
   avatarUrl: l,
   secondaryText: c,
   bg: r,
-  ...n
+  externalLink: n,
+  ...i
 }) => {
-  const i = {
+  const o = {
     as: "span",
     size: "xs",
     bg: r || void 0,
     p: r ? "xxs" : void 0,
     color: r ? "grey-900" : void 0
-  }, o = /* @__PURE__ */ t(m, { gap: "xxs", children: [
-    /* @__PURE__ */ e(p1, { variant: "xsmall", img: l, alt: s }),
-    /* @__PURE__ */ e(g, { ...i, mt: "xxs-2", children: a })
-  ] });
-  return /* @__PURE__ */ t(m, { ...n, justifyContent: "between", alignItems: "center", gap: "s", children: [
-    l ? o : /* @__PURE__ */ e(g, { ...i, children: a }),
+  }, d = /* @__PURE__ */ t(
+    m,
+    {
+      className: "u-relative u-relative--z-index-2 opacity-hover",
+      as: "a",
+      href: n,
+      target: "_blank",
+      gap: "xxs",
+      children: [
+        l && /* @__PURE__ */ e(p1, { variant: "xsmall", img: l, alt: s }),
+        /* @__PURE__ */ e(g, { ...o, mt: "xxs-2", children: a })
+      ]
+    }
+  );
+  return /* @__PURE__ */ t(m, { ...i, justifyContent: "between", alignItems: "center", gap: "s", children: [
+    n ? d : /* @__PURE__ */ e(g, { ...o, children: a }),
     c && /* @__PURE__ */ e(g, { as: "span", size: "xxs-3", color: "grey-300", textTransform: "uppercase", children: c })
   ] });
 }, J = ({
@@ -5070,7 +5081,7 @@ const d1 = j(
                       ...d,
                       variant: "card",
                       mt: "s",
-                      className: "c-card-element--is-clickable"
+                      className: "u-relative u-relative--z-index-2"
                     }
                   )
                 ]
@@ -5099,7 +5110,7 @@ const d1 = j(
               ...o,
               mx: "m",
               mt: "xs",
-              className: "c-card-element--is-clickable"
+              className: "u-relative u-relative--z-index-2"
             }
           ),
           l && /* @__PURE__ */ e(
@@ -5121,7 +5132,7 @@ const d1 = j(
             variant: "card",
             mt: "s",
             mx: "m",
-            className: "c-card-element--is-clickable"
+            className: "u-relative u-relative--z-index-2"
           }
         ),
         v && !d && /* @__PURE__ */ e(m, { mt: "s", justifyContent: "center", children: /* @__PURE__ */ e(C, { buttonColor: "primary", ...v }) })
@@ -5197,7 +5208,7 @@ const d1 = j(
             ...o,
             variant: "card",
             mt: "xs",
-            className: "c-card-element--is-clickable"
+            className: "u-relative u-relative--z-index-2"
           }
         )
       ]
@@ -5337,7 +5348,7 @@ const d1 = j(
         variant: "card",
         mx: "m",
         mt: "s",
-        className: "c-card-element--is-clickable"
+        className: "u-relative u-relative--z-index-2"
       }
     )
   ] }) });
@@ -5405,7 +5416,7 @@ const d1 = j(
             mt: "xs",
             ...n,
             variant: "card",
-            className: "c-card-element--is-clickable"
+            className: "u-relative u-relative--z-index-2"
           }
         )
       ]
@@ -5663,7 +5674,7 @@ const d1 = j(
         /* @__PURE__ */ t("div", { children: [
           /* @__PURE__ */ t(m, { gap: "xxs", alignItems: "center", children: [
             /* @__PURE__ */ e(I, { as: "h4", fontFamily: "base", size: "xxs", weight: "bold", children: l }),
-            s && /* @__PURE__ */ e(W, { size: "small", px: "xs", children: s })
+            s && /* @__PURE__ */ e(W, { size: "small", children: s })
           ] }),
           /* @__PURE__ */ t(x, { mt: "xxs-3", children: [
             /* @__PURE__ */ e(g, { size: "m", children: c }),
@@ -6126,7 +6137,7 @@ const d1 = j(
               children: c.children
             }
           ),
-          l && /* @__PURE__ */ e(ne, { ...l, mt: "l", className: "c-card-element--is-clickable" })
+          l && /* @__PURE__ */ e(ne, { ...l, mt: "l", className: "u-relative u-relative--z-index-2" })
         ] })
       ]
     }
@@ -6233,7 +6244,10 @@ const d1 = j(
       {
         ...i,
         variant: "card",
-        className: p("c-card-element--is-clickable", "c-card-with-summary__social-bar")
+        className: p(
+          "u-relative u-relative--z-index-2",
+          "c-card-with-summary__social-bar"
+        )
       }
     )
   ] });
@@ -6684,27 +6698,30 @@ const d1 = j(
   layout: a,
   title: s,
   id: l,
-  iconName: c = "olympic-flame",
-  iconSize: r,
-  colorItemCounter: n,
-  ...i
+  endDate: c,
+  iconName: r = "olympic-flame",
+  iconSize: n,
+  colorItemCounter: i,
+  ...o
 }) => {
-  const o = a === y.DESKTOP ? [28, 50] : [16, 29];
+  const d = a === y.DESKTOP ? [28, 50] : [16, 29];
   return /* @__PURE__ */ t(
     m,
     {
       direction: { xs: "column", md: "row" },
       id: l,
+      "data-countdown": "true",
+      "data-countdown-end-date": c,
       bg: "grey-100",
       gap: { xs: "0", md: "xxl-2" },
-      ...i,
+      ...o,
       children: [
         /* @__PURE__ */ t(m, { alignItems: "center", mb: { xs: "m", md: "0" }, flexGrow: 0, children: [
           /* @__PURE__ */ e(
             z,
             {
-              name: c,
-              size: r || o,
+              name: r,
+              size: n || d,
               ml: { xs: "0", md: "m" },
               mr: { xs: "xxs", md: "m" }
             }
@@ -6719,10 +6736,10 @@ const d1 = j(
             mr: { xs: "0", md: "xxl" },
             py: { xs: "0", md: "xs" },
             children: [
-              /* @__PURE__ */ e(w1, { colorCounter: n, title: "jours", classItem: "days" }),
-              /* @__PURE__ */ e(w1, { colorCounter: n, title: "heures", classItem: "hours" }),
-              /* @__PURE__ */ e(w1, { colorCounter: n, title: "minutes", classItem: "minutes" }),
-              /* @__PURE__ */ e(w1, { colorCounter: n, title: "secondes", classItem: "seconds" })
+              /* @__PURE__ */ e(w1, { colorCounter: i, title: "jours", classItem: "days" }),
+              /* @__PURE__ */ e(w1, { colorCounter: i, title: "heures", classItem: "hours" }),
+              /* @__PURE__ */ e(w1, { colorCounter: i, title: "minutes", classItem: "minutes" }),
+              /* @__PURE__ */ e(w1, { colorCounter: i, title: "secondes", classItem: "seconds" })
             ]
           }
         )
@@ -9585,16 +9602,16 @@ const d1 = j(
       ]
     }
   );
-}, I3 = ({ tags: a, layout: s, isSmall: l = !1, ...c }) => a.length ? /* @__PURE__ */ e(
+}, I3 = ({ tags: a, layout: s, ...l }) => a.length ? /* @__PURE__ */ e(
   d1,
   {
     hasSpaceAroundButtons: !0,
-    ...c,
+    ...l,
     itemsGap: "xs",
     layout: s,
-    className: p("c-tag-bar", c?.className),
-    ...l && { buttonsSize: "small" },
-    children: a.map((r, n) => /* @__PURE__ */ e(W, { ...r, ...l && { size: "small" } }, n))
+    className: p("c-tag-bar", l?.className),
+    buttonsSize: "small",
+    children: a.map((c, r) => /* @__PURE__ */ e(W, { ...c }, r))
   }
 ) : null, L0 = ({ iconName: a, className: s }) => /* @__PURE__ */ e("li", { className: p("c-text-tooltip-item", s), children: /* @__PURE__ */ e(
   V,
@@ -10011,7 +10028,18 @@ const d1 = j(
             gapX: "xxl",
             children: s.map(
               (i) => i.links.length === 0 ? null : /* @__PURE__ */ t(m, { as: "section", direction: "column", children: [
-                /* @__PURE__ */ e(Z, { as: "h3", mb: "m", size: "xxs", children: /* @__PURE__ */ e(C, { ...i.links[0], color: "white" }) }),
+                /* @__PURE__ */ e(
+                  Z,
+                  {
+                    as: C,
+                    href: i.links[0].href,
+                    weight: "semi-bold",
+                    mb: "m",
+                    size: "xxs",
+                    color: "white",
+                    children: i.links[0].children
+                  }
+                ),
                 /* @__PURE__ */ e("ul", { children: i.links.slice(1).map((o, d, u) => /* @__PURE__ */ e(x, { as: "li", mb: d < u.length - 1 ? "xs" : void 0, children: /* @__PURE__ */ e(C, { ...o, color: "white" }) }, o.href)) })
               ] }, i.name)
             )