@rango-dev/ui 0.1.10-next.69 → 0.1.10-next.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Modal/Modal.d.ts +1 -0
- package/dist/ui.cjs.development.js +11 -5
- package/dist/ui.cjs.development.js.map +1 -1
- package/dist/ui.cjs.production.min.js +1 -1
- package/dist/ui.cjs.production.min.js.map +1 -1
- package/dist/ui.esm.js +11 -5
- package/dist/ui.esm.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Modal/Modal.tsx +19 -4
package/dist/ui.esm.js
CHANGED
|
@@ -2599,7 +2599,12 @@ var ModalContainer = /*#__PURE__*/styled('div', {
|
|
|
2599
2599
|
padding: '$16 $16',
|
|
2600
2600
|
display: 'flex',
|
|
2601
2601
|
flexDirection: 'column',
|
|
2602
|
-
boxShadow: '$s'
|
|
2602
|
+
boxShadow: '$s',
|
|
2603
|
+
zIndex: 10
|
|
2604
|
+
});
|
|
2605
|
+
var Row = /*#__PURE__*/styled('div', {
|
|
2606
|
+
display: 'flex',
|
|
2607
|
+
alignItems: 'center'
|
|
2603
2608
|
});
|
|
2604
2609
|
var ModalHeader = /*#__PURE__*/styled('div', {
|
|
2605
2610
|
display: 'flex',
|
|
@@ -2617,6 +2622,7 @@ function Modal(props) {
|
|
|
2617
2622
|
open = props.open,
|
|
2618
2623
|
onClose = props.onClose,
|
|
2619
2624
|
containerStyle = props.containerStyle,
|
|
2625
|
+
action = props.action,
|
|
2620
2626
|
contentStyle = props.contentStyle;
|
|
2621
2627
|
var handleBackDropClick = function handleBackDropClick(event) {
|
|
2622
2628
|
if (event.target === event.currentTarget) onClose();
|
|
@@ -2627,10 +2633,10 @@ function Modal(props) {
|
|
|
2627
2633
|
style: containerStyle
|
|
2628
2634
|
}, React__default.createElement(ModalHeader, null, React__default.createElement(Typography, {
|
|
2629
2635
|
variant: "h4"
|
|
2630
|
-
}, title), React__default.createElement(CloseIcon, {
|
|
2636
|
+
}, title), React__default.createElement(Row, null, action, React__default.createElement(CloseIcon, {
|
|
2631
2637
|
size: 24,
|
|
2632
2638
|
onClick: onClose
|
|
2633
|
-
})), React__default.createElement(ContentContainer$2, {
|
|
2639
|
+
}))), React__default.createElement(ContentContainer$2, {
|
|
2634
2640
|
style: contentStyle
|
|
2635
2641
|
}, content))), document.body));
|
|
2636
2642
|
}
|
|
@@ -2994,7 +3000,7 @@ function LiquiditySourcesSelector(props) {
|
|
|
2994
3000
|
});
|
|
2995
3001
|
}
|
|
2996
3002
|
|
|
2997
|
-
var Row = /*#__PURE__*/styled('div', {
|
|
3003
|
+
var Row$1 = /*#__PURE__*/styled('div', {
|
|
2998
3004
|
display: 'flex',
|
|
2999
3005
|
flexWrap: 'wrap'
|
|
3000
3006
|
});
|
|
@@ -3078,7 +3084,7 @@ function SelectableWalletList(_ref) {
|
|
|
3078
3084
|
return item.selected;
|
|
3079
3085
|
})) == null ? void 0 : _list$find2.walletType) || '');
|
|
3080
3086
|
}, [list]);
|
|
3081
|
-
return React__default.createElement(Row, null, list.map(function (w, index) {
|
|
3087
|
+
return React__default.createElement(Row$1, null, list.map(function (w, index) {
|
|
3082
3088
|
var checked = active === w.walletType;
|
|
3083
3089
|
return React__default.createElement(Container$2, {
|
|
3084
3090
|
checked: checked,
|