@20minutes/hela 1.15.2 → 1.15.3

package/dist/index.es.js

@@ -4623,7 +4623,7 @@ const X2 = ({
     lineNumber: 38,
     columnNumber: 5
   } }, /* @__PURE__ */ l.createElement(_, { as: "span", color: "ultramarine", fontFamily: "oswald", className: v("c-card-most-read__card-number", {
-    [`c-card-most-read__card-number--${o.size || "default"}`]: !0
+    [`c-card-most-read__card-number--${o.size || "default"}-size`]: !0
   }), __self: void 0, __source: {
     fileName: J,
     lineNumber: 39,
@@ -4687,38 +4687,50 @@ const Hl = ({
   cardHeaderProps: c,
   cardTitleProps: r,
   title: a,
-  ...o
+  size: o,
+  ...s
 }) => {
   const {
-    summaryProps: s,
-    cardFooterProps: u,
-    signatureProps: h,
-    socialBarProps: m,
-    ...b
-  } = o;
-  return /* @__PURE__ */ l.createElement(g0, { alignItems: "start", justifyContent: "start", gap: "xs", className: "c-card-overview", clickable: !0, ...b, __self: void 0, __source: {
+    summaryProps: u,
+    cardFooterProps: h,
+    signatureProps: m,
+    socialBarProps: b,
+    ...p
+  } = s;
+  let g = "xxs-3", M = {
+    defaultFormat: "58x58",
+    formats: ["58x58", "51x51"],
+    sizes: "(min-width: 768px) 58px, 51px",
+    className: "c-card-overview__img"
+  };
+  return o === "big" && (g = "s", M = {
+    defaultFormat: "100x100",
+    formats: ["100x100", "51x51"],
+    sizes: "(min-width: 768px) 100px, 51px",
+    className: "c-card-overview__img c-card-overview__img--big-size"
+  }), /* @__PURE__ */ l.createElement(g0, { alignItems: "start", justifyContent: "start", gap: "xs", className: "c-card-overview", clickable: !0, ...p, __self: void 0, __source: {
     fileName: G0,
-    lineNumber: 21,
+    lineNumber: 51,
     columnNumber: 5
-  } }, i && /* @__PURE__ */ l.createElement(Z, { ...i, defaultFormat: "58x58", formats: ["58x58", "51x51"], sizes: "(min-width: 768px) 58px, 51px", alt: a, radius: "xxl", className: "c-card-overview__img", caption: void 0, __self: void 0, __source: {
+  } }, i && /* @__PURE__ */ l.createElement(Z, { ...i, ...M, alt: a, radius: "xxl", caption: void 0, __self: void 0, __source: {
     fileName: G0,
-    lineNumber: 30,
+    lineNumber: 60,
     columnNumber: 9
   } }), /* @__PURE__ */ l.createElement(d, { wrap: "wrap", __self: void 0, __source: {
     fileName: G0,
-    lineNumber: 41,
+    lineNumber: 68,
     columnNumber: 7
   } }, c && /* @__PURE__ */ l.createElement(O, { bg: c.headline.bg || "ultramarine", mb: "xxs-3", color: "white", __self: void 0, __source: {
     fileName: G0,
-    lineNumber: 43,
+    lineNumber: 70,
     columnNumber: 11
-  } }, c.headline.text), /* @__PURE__ */ l.createElement(Y, { as: "h4", size: "xxs-3", fontFamily: "source-serif-pro", weight: "semi-bold", pb: void 0, cartridgeIsCentered: !0, ...r, className: v("c-card-overview__title", r == null ? void 0 : r.className), __self: void 0, __source: {
+  } }, c.headline.text), /* @__PURE__ */ l.createElement(Y, { as: "h4", size: g, fontFamily: "source-serif-pro", weight: "semi-bold", pb: void 0, cartridgeIsCentered: !0, ...r, className: v("c-card-overview__title", r == null ? void 0 : r.className), __self: void 0, __source: {
     fileName: G0,
-    lineNumber: 47,
+    lineNumber: 74,
     columnNumber: 9
   } }, /* @__PURE__ */ l.createElement("a", { href: e, __self: void 0, __source: {
     fileName: G0,
-    lineNumber: 57,
+    lineNumber: 84,
     columnNumber: 11
   } }, a))));
 };