@abgov/react-components 4.0.0-alpha.127 → 4.0.0-alpha.128

package/lib/container/container.d.ts

@@ -18,6 +18,7 @@ declare global {
 interface Props extends Margins {
     accent?: Accent;
     type?: ContainerType;
+    heading?: ReactNode;
     title?: ReactNode;
     padding?: ContainerPadding;
     actions?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.0.0-alpha.127",
+  "version": "4.0.0-alpha.128",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"

package/react-components.esm.js

@@ -20104,6 +20104,7 @@ const GoACircularProgress = ({
 
 const GoAContainer = ({
   accent,
+  heading,
   title,
   padding,
   children,
@@ -20115,6 +20116,7 @@ const GoAContainer = ({
   ml,
   testId
 }) => {
+  const headingContent = heading || title;
   return jsxs("goa-container", Object.assign({
     type: type,
     padding: padding,
@@ -20125,15 +20127,15 @@ const GoAContainer = ({
     ml: ml,
     "data-testid": testId
   }, {
-    children: [title && jsx("div", Object.assign({
+    children: [headingContent && jsx("div", Object.assign({
       slot: "title"
     }, {
-      children: title
-    }), void 0), actions && jsx("div", Object.assign({
+      children: headingContent
+    }), void 0), children, actions && jsx("div", Object.assign({
       slot: "actions"
     }, {
       children: actions
-    }), void 0), children]
+    }), void 0)]
   }), void 0);
 };
 

package/react-components.umd.js

@@ -20183,6 +20183,7 @@
 
 	var GoAContainer = function GoAContainer(_a) {
 	  var accent = _a.accent,
+	      heading = _a.heading,
 	      title = _a.title,
 	      padding = _a.padding,
 	      children = _a.children,
@@ -20193,6 +20194,7 @@
 	      mb = _a.mb,
 	      ml = _a.ml,
 	      testId = _a.testId;
+	  var headingContent = heading || title;
 	  return jsxRuntime.jsxs("goa-container", __assign({
 	    type: type,
 	    padding: padding,
@@ -20203,15 +20205,15 @@
 	    ml: ml,
 	    "data-testid": testId
 	  }, {
-	    children: [title && jsxRuntime.jsx("div", __assign({
+	    children: [headingContent && jsxRuntime.jsx("div", __assign({
 	      slot: "title"
 	    }, {
-	      children: title
-	    }), void 0), actions && jsxRuntime.jsx("div", __assign({
+	      children: headingContent
+	    }), void 0), children, actions && jsxRuntime.jsx("div", __assign({
 	      slot: "actions"
 	    }, {
 	      children: actions
-	    }), void 0), children]
+	    }), void 0)]
 	  }), void 0);
 	};