@nulogy/components 8.1.9 → 8.2.0

package/dist/main.js

@@ -50634,13 +50634,13 @@
 
     return /*#__PURE__*/React__default['default'].createElement(Flex, Object.assign({
       flexDirection: "column",
-      minHeight: "100vh",
-      height: "100vh"
+      minHeight: "100vh"
     }, props), /*#__PURE__*/React__default['default'].createElement(Box, {
       position: "sticky",
       top: "0",
       zIndex: "navBar"
-    }, environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default['default'].createElement(Box, {
+    }, environment && /*#__PURE__*/React__default['default'].createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default['default'].createElement(Flex, {
+      flexDirection: "column",
       position: "relative",
       flexGrow: 1
     }, children));
@@ -50651,12 +50651,14 @@
         title = _a.title,
         children = _a.children,
         headerContent = _a.headerContent,
-        props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent"]);
+        fullHeight = _a.fullHeight,
+        props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent", "fullHeight"]);
 
     return /*#__PURE__*/React__default['default'].createElement(Flex, Object.assign({
       flexDirection: "column",
       py: "x3",
-      px: "x3"
+      px: "x3",
+      flexGrow: fullHeight ? 1 : 0
     }, props), breadcrumbs, /*#__PURE__*/React__default['default'].createElement(Flex, {
       alignItems: "center"
     }, title && /*#__PURE__*/React__default['default'].createElement(Heading1, {

package/dist/main.module.js

@@ -50608,13 +50608,13 @@ var ApplicationFrame = function ApplicationFrame(_a) {
 
   return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
     flexDirection: "column",
-    minHeight: "100vh",
-    height: "100vh"
+    minHeight: "100vh"
   }, props), /*#__PURE__*/React__default.createElement(Box, {
     position: "sticky",
     top: "0",
     zIndex: "navBar"
-  }, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default.createElement(Box, {
+  }, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), navBar), /*#__PURE__*/React__default.createElement(Flex, {
+    flexDirection: "column",
     position: "relative",
     flexGrow: 1
   }, children));
@@ -50625,12 +50625,14 @@ var Page = function Page(_a) {
       title = _a.title,
       children = _a.children,
       headerContent = _a.headerContent,
-      props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent"]);
+      fullHeight = _a.fullHeight,
+      props = __rest(_a, ["breadcrumbs", "title", "children", "headerContent", "fullHeight"]);
 
   return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
     flexDirection: "column",
     py: "x3",
-    px: "x3"
+    px: "x3",
+    flexGrow: fullHeight ? 1 : 0
   }, props), breadcrumbs, /*#__PURE__*/React__default.createElement(Flex, {
     alignItems: "center"
   }, title && /*#__PURE__*/React__default.createElement(Heading1, {

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

@@ -5,6 +5,7 @@ declare type PageProps = FlexProps & {
     title?: string;
     children?: React.ReactNode;
     headerContent?: React.ReactNode;
+    fullHeight?: boolean;
 };
-export declare const Page: ({ breadcrumbs, title, children, headerContent, ...props }: PageProps) => JSX.Element;
+export declare const Page: ({ breadcrumbs, title, children, headerContent, fullHeight, ...props }: PageProps) => JSX.Element;
 export default Page;

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

@@ -9,3 +9,4 @@ export default _default;
 export declare const _Page: () => JSX.Element;
 export declare const NoPageTitle: () => JSX.Element;
 export declare const NoBreadcrumbs: () => JSX.Element;
+export declare const WithFullHeight: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.1.9",
+  "version": "8.2.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {