@20minutes/hela 2.22.8 → 2.22.9

package/dist/components/molecules/Header/HeaderTitle/HeaderTitle.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
 import { HeadingProps, IconProps } from '../../..';
+import { SponsorType } from '../../../../types';
 export interface HeaderTitleProps extends HeadingProps {
     iconProps?: IconProps;
     isCentered?: boolean;
+    sponsor?: SponsorType;
 }
 export declare const HeaderTitle: React.FC<HeaderTitleProps>;

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

@@ -3,7 +3,7 @@ import { FlexProps } from '../..';
 import { SponsorType } from '../../../types';
 export interface SponsorProps extends FlexProps {
     sponsor: SponsorType;
-    variant: 'header-dedicated-desktop' | 'header-dedicated-mobile' | 'header-sponsored-desktop' | 'header-sponsored-mobile' | 'menu' | 'signature';
+    size?: 'xl' | 'l' | 'm' | 's' | 'xs' | 'xxs';
     hasText?: boolean;
     isInline?: boolean;
 }

package/dist/index.es.js

@@ -4267,7 +4267,7 @@ const d1 = j(
           children: c
         }
       ),
-      n && /* @__PURE__ */ e(X, { sponsor: n, variant: "header-dedicated-desktop", mt: "l" })
+      n && /* @__PURE__ */ e(X, { sponsor: n, size: "l", mt: "l" })
     ] });
   let u = /* @__PURE__ */ t(x, { ...o, as: "header", children: [
     s.length > 0 && /* @__PURE__ */ e(A, { color: r, size: "xs", children: s }),
@@ -4291,7 +4291,7 @@ const d1 = j(
           ] }),
           c && c.length > 0 && /* @__PURE__ */ e(g, { id: "content-header-lead", as: "span", size: "xxl", fontFamily: "source-serif-pro", children: c })
         ] }),
-        n && /* @__PURE__ */ e(X, { sponsor: n, variant: "header-dedicated-desktop", mt: "l" })
+        n && /* @__PURE__ */ e(X, { sponsor: n, size: "l", mt: "l" })
       ]
     }
   )), u;
@@ -7352,7 +7352,7 @@ const d1 = j(
       X,
       {
         sponsor: n.content,
-        variant: "header-sponsored-mobile",
+        size: "xs",
         hasText: !0,
         gap: "xs",
         justifyContent: "end",
@@ -7371,7 +7371,7 @@ const d1 = j(
         ...d
       }
     ),
-    n?.type === "dedicated-area" && /* @__PURE__ */ e(X, { sponsor: n.content, variant: "header-dedicated-mobile", mt: "s", mx: "m" }),
+    n?.type === "dedicated-area" && /* @__PURE__ */ e(X, { sponsor: n.content, size: "s", mt: "s", mx: "m" }),
     i && /* @__PURE__ */ e(b1, { ...i, mt: "xl" }),
     c && f
   ] });
@@ -7388,16 +7388,7 @@ const d1 = j(
           children: [
             /* @__PURE__ */ e(I, { basis: 100, children: b }),
             !!l && /* @__PURE__ */ e(I, { basis: "auto", shrink: 0, children: l }),
-            n?.type === "sponsored-page" && /* @__PURE__ */ e(
-              X,
-              {
-                sponsor: n.content,
-                variant: "header-sponsored-desktop",
-                hasText: !0,
-                justifyContent: "end",
-                mb: "s"
-              }
-            )
+            n?.type === "sponsored-page" && /* @__PURE__ */ e(X, { sponsor: n.content, size: "s", hasText: !0, justifyContent: "end", mb: "s" })
           ]
         }
       ) : b,
@@ -7420,7 +7411,7 @@ const d1 = j(
       h && !v && /* @__PURE__ */ e(U1, {}),
       v && !h && /* @__PURE__ */ e(G1, {})
     ] }),
-    n?.type === "dedicated-area" && /* @__PURE__ */ e(X, { sponsor: n.content, variant: "header-dedicated-desktop", mt: "xl" })
+    n?.type === "dedicated-area" && /* @__PURE__ */ e(X, { sponsor: n.content, size: "l", mt: "xl" })
   ] })), /* @__PURE__ */ e(
     x,
     {
@@ -7526,19 +7517,30 @@ const d1 = j(
   children: a,
   iconProps: s,
   isCentered: l,
-  ...c
+  sponsor: c,
+  ...r
 }) => /* @__PURE__ */ e(
   V,
   {
     className: p("c-header-title", {
-      "c-header-title--has-icon": !!s,
-      "c-header-title--has-icon-and-centered": !!s && l
+      "c-header-title--has-icon": s || c,
+      "c-header-title--has-icon-and-centered": (s || c) && l
     }),
     fontFamily: "obviously",
     size: { xs: "l", md: "xxl" },
-    ...c,
-    children: s ? /* @__PURE__ */ t(S, { children: [
-      /* @__PURE__ */ e(z, { className: "c-header-title__icon", mr: "xxs", ...s }),
+    ...r,
+    children: s || c ? /* @__PURE__ */ t(S, { children: [
+      s && /* @__PURE__ */ e(z, { className: "c-header-title__icon", mr: "xxs", ...s }),
+      c && /* @__PURE__ */ e(
+        x,
+        {
+          as: "img",
+          className: "c-header-title__sponsor",
+          mr: "xxs",
+          src: c.logoUrl,
+          alt: c.name
+        }
+      ),
       /* @__PURE__ */ e("span", { className: "c-header-title__text-with-icon", children: a })
     ] }) : a
   }
@@ -8507,17 +8509,20 @@ const d1 = j(
                 color: d.color ?? "black",
                 children: d.sponsor ? /* @__PURE__ */ t(S, { children: [
                   d.name,
-                  d.sponsor && /* @__PURE__ */ e(
-                    X,
-                    {
-                      sponsor: d.sponsor,
-                      variant: "menu",
-                      hasText: !0,
-                      isInline: !0,
-                      gap: "xs",
-                      className: "c-menu__sponsor"
-                    }
-                  )
+                  d.sponsor && /* @__PURE__ */ t(S, { children: [
+                    " ",
+                    /* @__PURE__ */ e(
+                      X,
+                      {
+                        sponsor: d.sponsor,
+                        size: "xs",
+                        hasText: !0,
+                        isInline: !0,
+                        gap: "xs",
+                        className: "c-menu__sponsor"
+                      }
+                    )
+                  ] })
                 ] }) : d.name
               },
               ...d.icon && {
@@ -9150,7 +9155,7 @@ const d1 = j(
         ] })
       ] })
     ] }),
-    h && l === y.MOBILE && /* @__PURE__ */ e(X, { sponsor: h, variant: "signature" })
+    h && l === y.MOBILE && /* @__PURE__ */ e(X, { sponsor: h, size: "xxs" })
   ] });
   return i ? /* @__PURE__ */ e("a", { href: i, children: w }) : w;
 }, P3 = ({ installButton: a, closeButton: s }) => /* @__PURE__ */ t(m, { className: "c-smart-banner", alignItems: "center", gap: "xs", bg: "ultramarine", color: "white", children: [
@@ -9477,7 +9482,7 @@ const d1 = j(
   ] });
 }, X = ({
   sponsor: a,
-  variant: s,
+  size: s,
   hasText: l = !1,
   isInline: c = !1,
   ...r
@@ -9487,6 +9492,7 @@ const d1 = j(
     ...r,
     as: c ? "span" : r.as,
     gap: l ? r?.gap || "l" : void 0,
+    className: p("c-sponsor", r?.className),
     children: [
       l && (c ? /* @__PURE__ */ e(g, { as: "span", weight: "bold", children: "avec" }) : /* @__PURE__ */ e(I, { align: "end", children: /* @__PURE__ */ e(g, { as: "span", weight: "bold", children: "avec" }) })),
       /* @__PURE__ */ e(
@@ -9494,7 +9500,9 @@ const d1 = j(
         {
           alt: a.name,
           src: a.logoUrl,
-          className: p({ [`c-sponsor__img--${s}`]: !!s })
+          className: p("c-sponsor__img", {
+            [`c-sponsor__img--${s}`]: s
+          })
         }
       )
     ]
@@ -9680,7 +9688,7 @@ const d1 = j(
                 X,
                 {
                   sponsor: i,
-                  variant: "menu",
+                  size: "xs",
                   hasText: !0,
                   gap: "xs",
                   ...!c?.tags && { pt: "xxs", pb: "xs" }