@nulogy/components 15.0.1 → 15.1.0

package/dist/main.js

@@ -43907,9 +43907,9 @@
         alignItems: !sm ? "flex-end" : undefined,
         gap: !sm ? "x2" : undefined,
         flexDirection: !sm ? "row" : "column"
-      }, title && /*#__PURE__*/React__default["default"].createElement(Heading1, {
+      }, title && typeof title === "string" ? /*#__PURE__*/React__default["default"].createElement(Heading1, {
         mb: "0"
-      }, title), subtitle && (/*#__PURE__*/React__default["default"].createElement(Text, {
+      }, title) : title, subtitle && (/*#__PURE__*/React__default["default"].createElement(Text, {
         pl: !sm ? "x2" : undefined,
         borderLeft: !sm ? "1px solid" : "none",
         my: "half",

package/dist/main.module.js

@@ -43890,9 +43890,9 @@ var Header$3 = function Header(_a) {
     alignItems: !sm ? "flex-end" : undefined,
     gap: !sm ? "x2" : undefined,
     flexDirection: !sm ? "row" : "column"
-  }, title && /*#__PURE__*/React__default.createElement(Heading1, {
+  }, title && typeof title === "string" ? /*#__PURE__*/React__default.createElement(Heading1, {
     mb: "0"
-  }, title), subtitle && (/*#__PURE__*/React__default.createElement(Text, {
+  }, title) : title, subtitle && (/*#__PURE__*/React__default.createElement(Text, {
     pl: !sm ? "x2" : undefined,
     borderLeft: !sm ? "1px solid" : "none",
     my: "half",

package/dist/src/Layout/ApplicationFrame.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { FlexProps } from "../Flex/Flex";
-type ApplicationFrameProps = FlexProps & {
-    navBar?: React.ReactNode;
+interface ApplicationFrameProps extends FlexProps {
+    navBar?: ReactNode;
     environment?: string;
-    children?: React.ReactNode;
-};
+    children?: ReactNode;
+}
 declare const ApplicationFrame: ({ navBar, children, environment, ...props }: ApplicationFrameProps) => React.JSX.Element;
 export default ApplicationFrame;

package/dist/src/Layout/Header.d.ts

@@ -1,17 +1,18 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { BoxProps } from "../Box";
 type Breakpoint = string | number;
-type HeaderProps = BoxProps & {
-    renderBreadcrumbs?: () => React.ReactNode;
-    title?: string;
+interface HeaderProps extends Omit<BoxProps, "title"> {
+    renderBreadcrumbs?: () => ReactNode;
+    title?: ReactNode;
     subtitle?: string;
     undecorated?: boolean;
-    renderActions?: () => React.ReactNode;
-    renderSummary?: () => React.ReactNode;
+    renderActions?: () => ReactNode;
+    renderSummary?: () => ReactNode;
     breakpoints?: {
         small?: Breakpoint;
         medium?: Breakpoint;
     };
-};
-declare const Header: React.FC<React.PropsWithChildren<HeaderProps>>;
+    children?: ReactNode;
+}
+declare const Header: ({ background, renderBreadcrumbs, title, undecorated, children, subtitle, breakpoints, renderActions, renderSummary, ...rest }: HeaderProps) => React.JSX.Element;
 export default Header;

package/dist/src/Layout/Header.js

@@ -31,7 +31,7 @@ const Header = (_a) => {
                 renderBreadcrumbs && renderBreadcrumbs(),
                 React.createElement(Flex, { gap: !sm ? "x2" : undefined, flexDirection: !sm ? "row" : "column", alignItems: !sm ? "center" : undefined },
                     React.createElement(Flex, { alignItems: !sm ? "flex-end" : undefined, gap: !sm ? "x2" : undefined, flexDirection: !sm ? "row" : "column" },
-                        title && React.createElement(Heading1, { mb: "0" }, title),
+                        title && typeof title === "string" ? React.createElement(Heading1, { mb: "0" }, title) : title,
                         subtitle && (React.createElement(Text, { pl: !sm ? "x2" : undefined, borderLeft: !sm ? "1px solid" : "none", my: "half", borderColor: "grey" }, subtitle))),
                     children && children)),
             renderSummary && renderSummary()),

package/dist/src/Layout/Header.story.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export declare const Default: () => React.JSX.Element;
+export declare const TitleAsReactElement: () => React.JSX.Element;
 export declare const WithActions: () => React.JSX.Element;
 export declare const WithSubTitle: () => React.JSX.Element;
 export declare const WithContent: () => React.JSX.Element;

package/dist/src/Layout/Header.story.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Breadcrumbs, Button, DropdownButton, DropdownLink, Flex, Link, PrimaryButton, StatusIndicator, Header, Text, } from "..";
+import { Box, Breadcrumbs, Button, DropdownButton, DropdownLink, Flex, Link, PrimaryButton, StatusIndicator, Header, Text, Heading1, Icon, } from "..";
 import Summary from "../Summary/Summary";
 import SummaryItem from "../Summary/SummaryItem";
 import SummaryDivider from "../Summary/SummaryDivider";
@@ -9,6 +9,11 @@ import { legacy as theme } from "../theme/theme";
 export const Default = () => (React.createElement(Header, { renderBreadcrumbs: () => (React.createElement(Breadcrumbs, null,
         React.createElement(Link, { href: "/" }, "Home"),
         React.createElement(Link, { href: "/" }, "Materials"))), title: "Materials Overview" }));
+export const TitleAsReactElement = () => (React.createElement(Header, { renderBreadcrumbs: () => (React.createElement(Breadcrumbs, null,
+        React.createElement(Link, { href: "/" }, "Home"),
+        React.createElement(Link, { href: "/" }, "Materials"))), title: React.createElement(Heading1, { mb: "0" },
+        "Bacon ",
+        React.createElement(Icon, { icon: "info" })) }));
 export const WithActions = () => (React.createElement(Header, { renderBreadcrumbs: () => (React.createElement(Breadcrumbs, null,
         React.createElement(Link, { href: "/" }, "Home"),
         React.createElement(Link, { href: "/" }, "Materials"))), title: "Materials Overview", renderActions: () => (React.createElement(Flex, { gap: "x1" },

package/dist/src/Layout/Page.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { FlexProps } from "../Flex/Flex";
-type PageProps = FlexProps & {
-    breadcrumbs?: React.ReactNode;
+interface PageProps extends FlexProps {
+    breadcrumbs?: ReactNode;
     title?: string;
-    children?: React.ReactNode;
-    headerContent?: React.ReactNode;
+    children?: ReactNode;
+    headerContent?: ReactNode;
     fullHeight?: boolean;
-    renderHeader?: () => JSX.Element;
-};
-export declare const Page: React.FC<React.PropsWithChildren<PageProps>>;
+    renderHeader?: () => ReactNode;
+}
+export declare const Page: ({ breadcrumbs, title, children, headerContent, fullHeight, renderHeader, ...rest }: PageProps) => React.JSX.Element;
 export default Page;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "15.0.1",
+  "version": "15.1.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -142,7 +142,7 @@
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-typescript2": "^0.36.0",
-    "semantic-release": "^17.2.1",
+    "semantic-release": "^24.2.5",
     "source-map-loader": "^1.0.1",
     "start-server-and-test": "^2.0.12",
     "storybook-addon-performance": "^0.17.1",