@rango-dev/ui 0.1.10-next.69 → 0.1.10-next.70

package/dist/components/Modal/Modal.d.ts

@@ -5,6 +5,7 @@ export interface PropTypes {
     open: boolean;
     onClose: () => void;
     content: React.ReactNode;
+    action?: React.ReactNode;
     containerStyle?: CSSProperties;
     contentStyle?: CSSProperties;
 }

package/dist/ui.cjs.development.js

@@ -2606,7 +2606,12 @@ var ModalContainer = /*#__PURE__*/styled('div', {
   padding: '$16 $16',
   display: 'flex',
   flexDirection: 'column',
-  boxShadow: '$s'
+  boxShadow: '$s',
+  zIndex: 10
+});
+var Row = /*#__PURE__*/styled('div', {
+  display: 'flex',
+  alignItems: 'center'
 });
 var ModalHeader = /*#__PURE__*/styled('div', {
   display: 'flex',
@@ -2624,6 +2629,7 @@ function Modal(props) {
     open = props.open,
     onClose = props.onClose,
     containerStyle = props.containerStyle,
+    action = props.action,
     contentStyle = props.contentStyle;
   var handleBackDropClick = function handleBackDropClick(event) {
     if (event.target === event.currentTarget) onClose();
@@ -2634,10 +2640,10 @@ function Modal(props) {
     style: containerStyle
   }, React__default.createElement(ModalHeader, null, React__default.createElement(Typography, {
     variant: "h4"
-  }, title), React__default.createElement(CloseIcon, {
+  }, title), React__default.createElement(Row, null, action, React__default.createElement(CloseIcon, {
     size: 24,
     onClick: onClose
-  })), React__default.createElement(ContentContainer$2, {
+  }))), React__default.createElement(ContentContainer$2, {
     style: contentStyle
   }, content))), document.body));
 }
@@ -3000,7 +3006,7 @@ function LiquiditySourcesSelector(props) {
   });
 }
 
-var Row = /*#__PURE__*/styled('div', {
+var Row$1 = /*#__PURE__*/styled('div', {
   display: 'flex',
   flexWrap: 'wrap'
 });
@@ -3084,7 +3090,7 @@ function SelectableWalletList(_ref) {
       return item.selected;
     })) == null ? void 0 : _list$find2.walletType) || '');
   }, [list]);
-  return React__default.createElement(Row, null, list.map(function (w, index) {
+  return React__default.createElement(Row$1, null, list.map(function (w, index) {
     var checked = active === w.walletType;
     return React__default.createElement(Container$2, {
       checked: checked,