@ansible/ansible-ui-framework 0.0.289 → 0.0.290

package/README.md

@@ -1,6 +1,6 @@
 # Ansible UI Framework
 
-[NPM Package](https://www.npmjs.com/package/@ansible/ansible-ui-framework)
+[NPM Package: @ansible/ansible-ui-framework](https://www.npmjs.com/package/@ansible/ansible-ui-framework)
 
 A framework for building responsive web applications using [PatternFly](https://www.patternfly.org).
 
@@ -54,7 +54,7 @@ The `PageLayout` is used at the start of each page. It provides a consistent lay
 
 ### Use PageHeader at the top of your pages
 
-The `PageHeader` is used at the top of each page. It provides a consistent layout of header elements. It supports responsive layout based on the size of the window.
+The [PageHeader](https://github.com/ansible/ansible-ui/blob/main/framework/PageHeader.tsx) is used at the top of each page. It provides a consistent layout of header elements. It supports responsive layout based on the size of the window.
 
 ```tsx
 (

package/cjs/PageLayout.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 /**
- * PageLayout enables the responsive layout of the page.
+ * PageLayout enables the layout of the page to be responsive.
  *
  * @example
  * <Page>

package/cjs/PageLayout.js

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -32,10 +36,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageLayout = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
 var ErrorBoundary_1 = __importDefault(require("./components/ErrorBoundary"));
 var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
 /**
- * PageLayout enables the responsive layout of the page.
+ * PageLayout enables the layout of the page to be responsive.
  *
  * @example
  * <Page>
@@ -47,11 +52,9 @@ var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
  */
 function PageLayout(props) {
     var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
-    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.default, __assign({ message: translations.errorText }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                display: 'flex',
-                flexDirection: 'column',
-                height: '100%',
-                maxHeight: '100%',
-            } }, { children: props.children })) })));
+    return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.default, __assign({ message: translations.errorText }, { children: (0, jsx_runtime_1.jsx)(StyledLayout, { children: props.children }) })));
 }
 exports.PageLayout = PageLayout;
+var StyledLayout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flexdirection: column;\n  height: 100%;\n  maxheight: 100%;\n"], ["\n  display: flex;\n  flexdirection: column;\n  height: 100%;\n  maxheight: 100%;\n"])));
+StyledLayout.displayName = 'StyledLayout';
+var templateObject_1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.289",
+  "version": "0.0.290",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {