@20minutes/hela 2.21.9 → 2.21.10

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/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

@@ -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"
           }
         )
       ]
@@ -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"
+        )
       }
     )
   ] });
@@ -9585,16 +9599,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,