@pingux/astro 2.148.0-alpha.1 → 2.148.0-alpha.2

package/lib/cjs/components/Modal/Modal.stories.js

@@ -266,9 +266,13 @@ var WithPopoverMenu = function WithPopoverMenu() {
   }, "Open Modal"), state.isOpen && (0, _react2.jsx)(_index.Modal, {
     isOpen: state.isOpen,
     onClose: state.close
-  }, (0, _react2.jsx)(_index.Box, {
+  }, (0, _react2.jsx)(_index.ModalHeader, {
+    hasCloseButton: true,
+    onClose: state.close,
+    title: "Lorem Ipsum"
+  }), (0, _react2.jsx)(_index.ModalBody, null, (0, _react2.jsx)(_index.Box, {
     gap: "lg"
-  }, (0, _react2.jsx)(_index.Text, null, "Lorem ipsum dolor sit amet consectetur"), (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.Button, null, "Click me"), (0, _react2.jsx)(_index.Menu, {
+  }, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.Button, null, "Click me"), (0, _react2.jsx)(_index.Menu, {
     onAction: function onAction() {
       return console.log('on action');
     }
@@ -281,7 +285,10 @@ var WithPopoverMenu = function WithPopoverMenu() {
     textValue: "delete"
   }, (0, _react2.jsx)(_index.Text, {
     color: "critical.bright"
-  }, "Delete")))))));
+  }, "Delete")))))), (0, _react2.jsx)(_index.ModalFooter, {
+    onSubmit: state.close,
+    onCancel: state.close
+  })));
 };
 exports.WithPopoverMenu = WithPopoverMenu;
 WithInputField.parameters = {

package/lib/components/Modal/Modal.stories.js

@@ -248,9 +248,13 @@ export var WithPopoverMenu = function WithPopoverMenu() {
   }, "Open Modal"), state.isOpen && ___EmotionJSX(Modal, {
     isOpen: state.isOpen,
     onClose: state.close
-  }, ___EmotionJSX(Box, {
+  }, ___EmotionJSX(ModalHeader, {
+    hasCloseButton: true,
+    onClose: state.close,
+    title: "Lorem Ipsum"
+  }), ___EmotionJSX(ModalBody, null, ___EmotionJSX(Box, {
     gap: "lg"
-  }, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet consectetur"), ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
+  }, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
     onAction: function onAction() {
       return console.log('on action');
     }
@@ -263,7 +267,10 @@ export var WithPopoverMenu = function WithPopoverMenu() {
     textValue: "delete"
   }, ___EmotionJSX(Text, {
     color: "critical.bright"
-  }, "Delete")))))));
+  }, "Delete")))))), ___EmotionJSX(ModalFooter, {
+    onSubmit: state.close,
+    onCancel: state.close
+  })));
 };
 WithInputField.parameters = {
   a11y: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.148.0-alpha.1",
+  "version": "2.148.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",