@20minutes/hela 0.1.95 → 0.1.97

package/dist/components/molecules/Article/ArticleHeader/ArticleHeader.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import { type BoxProps } from '../../../../components';
 import type { ColorType } from '../../../../types';
 import { LayoutType } from '../../../../types';
-export interface ArticleHeaderProps {
+export interface ArticleHeaderProps extends BoxProps {
     title: string;
     label: string;
     layout: LayoutType;

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

@@ -1,13 +1,6 @@
 import React from 'react';
-import type { FlexProps } from '../../../../components';
-import type { ColorSystemProps } from '../../../../types';
-export interface HeaderMiniProps extends FlexProps {
-    logohref: string;
-    headerLinks: {
-        name: string;
-        href: string;
-        color?: ColorSystemProps['color'];
-    }[];
+import type { FlexProps, HeaderDesktopProps } from '../../../../components';
+export interface HeaderMiniProps extends Pick<HeaderDesktopProps, 'logohref' | 'headerLinks'>, FlexProps {
     isArticlePage?: boolean;
     shortTitle?: string;
     headline?: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CardSmallProps } from '../../../components';
-import type { ColorType } from '../../../types';
+import type { ColorSystemProps } from '../../../types';
 export interface SubMenuProps {
     name: string;
     link: string;
@@ -15,7 +15,7 @@ export interface SubMenuProps {
         }[];
         cards: Omit<CardSmallProps, 'layout'>[];
     };
-    color?: ColorType;
+    color?: ColorSystemProps['color'];
     className?: string;
 }
 export declare const SubMenu: React.FC<SubMenuProps>;

package/dist/components/organisms/Header/HeaderDesktop.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import type { SubMenuProps } from '../../../components';
-import type { ColorType } from '../../../types';
+import type { ColorSystemProps, ColorType } from '../../../types';
 export interface HeaderDesktopProps {
     logohref: string;
     searchformurl: string;
     headerLinks: {
         name: string;
         href: string;
-        color?: ColorType;
+        color?: ColorSystemProps['color'];
         subCategory?: SubMenuProps['subCategory'];
     }[];
     dividerColor?: ColorType;

package/dist/components/organisms/Header/index.d.ts

@@ -1 +1,2 @@
 export * from './Header';
+export * from './HeaderDesktop';

package/dist/index.es.js

@@ -2778,9 +2778,10 @@ const el = ({
   layout: r,
   lead: c,
   color: o = "grey-400",
-  logoUrl: n
+  logoUrl: n,
+  ...i
 }) => {
-  const i = /* @__PURE__ */ e.createElement(w, { fontFamily: "oswald", size: {
+  const t = /* @__PURE__ */ e.createElement(w, { fontFamily: "oswald", size: {
     sm: "l",
     md: "xxl-2"
   }, mb: {
@@ -2788,43 +2789,43 @@ const el = ({
     sm: "s"
   }, __self: void 0, __source: {
     fileName: U,
-    lineNumber: 24,
+    lineNumber: 34,
     columnNumber: 5
   } }, l);
-  let t = /* @__PURE__ */ e.createElement(N, { as: "header", __self: void 0, __source: {
+  let f = /* @__PURE__ */ e.createElement(N, { ...i, as: "header", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 30,
+    lineNumber: 40,
     columnNumber: 5
   } }, /* @__PURE__ */ e.createElement(q, { color: o, size: "xxs-2", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 31,
+    lineNumber: 41,
     columnNumber: 7
-  } }, m), i);
-  return r === p.DESKTOP && (t = /* @__PURE__ */ e.createElement(_, { as: "header", justifyContent: "between", gap: "m", className: "c-article-header", __self: void 0, __source: {
+  } }, m), t);
+  return r === p.DESKTOP && (f = /* @__PURE__ */ e.createElement(_, { ...i, as: "header", justifyContent: "between", gap: "m", className: "c-article-header", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 40,
+    lineNumber: 50,
     columnNumber: 7
   } }, /* @__PURE__ */ e.createElement(G, { __self: void 0, __source: {
     fileName: U,
-    lineNumber: 41,
+    lineNumber: 51,
     columnNumber: 9
-  } }, i, /* @__PURE__ */ e.createElement(q, { color: o, size: "m", __self: void 0, __source: {
+  } }, t, /* @__PURE__ */ e.createElement(q, { color: o, size: "m", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 43,
+    lineNumber: 53,
     columnNumber: 11
   } }, m), /* @__PURE__ */ e.createElement(Me, { color: "grey-400", mx: "xxs", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 46,
+    lineNumber: 56,
     columnNumber: 11
   } }), /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxl", fontFamily: "source-serif-pro", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 47,
+    lineNumber: 57,
     columnNumber: 11
   } }, c)), n && /* @__PURE__ */ e.createElement("img", { alt: l, src: n, className: "c-article-header__logo", __self: void 0, __source: {
     fileName: U,
-    lineNumber: 51,
+    lineNumber: 61,
     columnNumber: 21
-  } }))), t;
+  } }))), f;
 };
 var p1 = "/home/travis/build/20minutes/hela/src/components/molecules/Article/ArticleSummary/ArticleSummary.tsx";
 const ll = ({
@@ -3645,49 +3646,49 @@ const ul = ({
   dark: "grey-700"
 }, justifyContent: "between", px: "m", py: "xs", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 25,
+  lineNumber: 24,
   columnNumber: 3
 } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "l", flexGrow: 1, className: "c-header-mini__container", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 34,
+  lineNumber: 33,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(_, { alignItems: "center", gap: "m", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 35,
+  lineNumber: 34,
   columnNumber: 7
 } }, /* @__PURE__ */ e.createElement(V, { href: l, color: {
   light: "ultramarine",
   dark: "white"
 }, __self: void 0, __source: {
   fileName: H,
-  lineNumber: 36,
+  lineNumber: 35,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(b, { name: "logo", size: 46, __self: void 0, __source: {
   fileName: H,
-  lineNumber: 37,
+  lineNumber: 36,
   columnNumber: 11
 } })), /* @__PURE__ */ e.createElement(B, { variant: "ghost", color: {
   light: "black",
   dark: "white"
 }, "data-a11y-dialog-show": "menu", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 39,
+  lineNumber: 38,
   columnNumber: 9
 } }, /* @__PURE__ */ e.createElement(b, { name: "menu", size: [20, 16], __self: void 0, __source: {
   fileName: H,
-  lineNumber: 44,
+  lineNumber: 43,
   columnNumber: 11
 } }))), /* @__PURE__ */ e.createElement(_, { alignItems: "center", className: "c-header-mini__content", flexGrow: 1, gap: c ? "xs" : "m", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 47,
+  lineNumber: 46,
   columnNumber: 7
 } }, c ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(d, { as: "span", size: "xxs", color: "grey-300", textTransform: "uppercase", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 55,
+  lineNumber: 54,
   columnNumber: 13
 } }, r), /* @__PURE__ */ e.createElement(d, { as: "span", size: "m", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 58,
+  lineNumber: 57,
   columnNumber: 13
 } }, o)) : /* @__PURE__ */ e.createElement(e.Fragment, null, m.map((t, f) => /* @__PURE__ */ e.createElement(
   V,
@@ -3701,22 +3702,22 @@ const ul = ({
     __self: void 0,
     __source: {
       fileName: H,
-      lineNumber: 65,
+      lineNumber: 64,
       columnNumber: 15
     }
   },
   t.name
 ))))), /* @__PURE__ */ e.createElement(_, { id: "mbrs-connectButtons-headerMini", gap: "l", alignItems: "center", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 79,
+  lineNumber: 78,
   columnNumber: 5
 } }, /* @__PURE__ */ e.createElement(ae, { variant: "icon", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 80,
+  lineNumber: 79,
   columnNumber: 7
 } }), /* @__PURE__ */ e.createElement(ae, { variant: "button", __self: void 0, __source: {
   fileName: H,
-  lineNumber: 81,
+  lineNumber: 80,
   columnNumber: 7
 } })));
 var Y = "/home/travis/build/20minutes/hela/src/components/molecules/Header/HeaderPage/HeaderPage.tsx";
@@ -4936,9 +4937,9 @@ const wl = ({
   tags: l,
   layout: m,
   ...r
-}) => /* @__PURE__ */ e.createElement(de, { ...r, itemsGap: "xs", layout: m, buttonsBackground: "secondary", className: u("c-tag-bar", r == null ? void 0 : r.className), __self: void 0, __source: {
+}) => /* @__PURE__ */ e.createElement(de, { ...r, itemsGap: "xs", layout: m, buttonsBackground: "secondary", bg: "grey-100", p: "m", __self: void 0, __source: {
   fileName: z1,
-  lineNumber: 13,
+  lineNumber: 12,
   columnNumber: 3
 } }, l.map((c, o) => /* @__PURE__ */ e.createElement(se, { key: c.id || o, ...c, variant: "secondary", __self: void 0, __source: {
   fileName: z1,
@@ -5494,6 +5495,7 @@ export {
   H1 as Grid,
   yl as Header,
   tl as HeaderBanner,
+  _2 as HeaderDesktop,
   ul as HeaderMini,
   _l as HeaderPage,
   G0 as HeaderSideModal,