@ansible/ansible-ui-framework 0.0.587 → 0.0.588

package/cjs/components/DetailInfo.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 export declare function DetailInfo(props: {
-    children: ReactNode;
-    disablePaddingTop?: boolean;
+    title: string;
+    description?: string;
 }): JSX.Element;

package/cjs/components/DetailInfo.js

@@ -15,9 +15,7 @@ exports.DetailInfo = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
 function DetailInfo(props) {
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ className: "pf-c-alert pf-m-inline pf-m-info", style: {
-            border: 0,
-            paddingTop: props.disablePaddingTop ? 0 : undefined,
-        } }, { children: props.children })));
+    var title = props.title, description = props.description;
+    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Alert, __assign({ isInline: true, isPlain: true, variant: "info", title: title }, { children: description && (0, jsx_runtime_1.jsx)("p", { children: description }) })) })));
 }
 exports.DetailInfo = DetailInfo;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "0.0.587",
+  "version": "0.0.588",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",