@20minutes/hela 2.21.10 → 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/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/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" })
@@ -5674,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 }),
@@ -6698,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" }
             }
@@ -6733,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" })
             ]
           }
         )
@@ -10025,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)
             )