@zextras/carbonio-design-system 0.4.0-devel.1663244218709 → 0.4.0-devel.1663244858738

package/dist/zapp-ui.bundle.js

@@ -33358,7 +33358,12 @@ const OptionalFooterContainer = styled__default["default"](Container).withConfig
 const ButtonContainer = styled__default["default"](Container).withConfig({
   displayName: "Modal__ButtonContainer",
   componentId: "sc-1lygj44-3"
-})(["min-width:1px;flex-basis:auto;flex-grow:1;"]);
+})(["min-width:1px;flex-basis:auto;flex-grow:1;", ""], _ref3 => {
+  let {
+    $pushLeftFirstChild
+  } = _ref3;
+  return $pushLeftFirstChild && styled.css(["> *{&:first-child{margin-right:auto;}}"]);
+});
 const DismissButton = styled__default["default"](Button$1).withConfig({
   displayName: "Modal__DismissButton",
   componentId: "sc-1lygj44-4"
@@ -33368,7 +33373,7 @@ const ConfirmButton = styled__default["default"](Button$1).withConfig({
   componentId: "sc-1lygj44-5"
 })(["flex-basis:auto;min-width:100px;flex-shrink:1;"]);
 
-const ModalFooter = _ref3 => {
+const ModalFooter = _ref4 => {
   let {
     type,
     centered,
@@ -33382,7 +33387,7 @@ const ModalFooter = _ref3 => {
     copyLabel,
     optionalFooter,
     onCopyClipboard
-  } = _ref3;
+  } = _ref4;
   const secondaryButton = React.useMemo(() => {
     let button;
 
@@ -33407,25 +33412,26 @@ const ModalFooter = _ref3 => {
 
     return button;
   }, [type, onCopyClipboard, copyLabel, onSecondaryAction, secondaryActionLabel, dismissLabel, onClose]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, optionalFooter && /*#__PURE__*/React__default["default"].createElement(OptionalFooterContainer, {
-    padding: centered ? {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, optionalFooter && centered && /*#__PURE__*/React__default["default"].createElement(OptionalFooterContainer, {
+    padding: {
       bottom: 'large'
-    } : {
-      right: 'large'
     },
     orientation: "horizontal",
     mainAlignment: "flex-start"
   }, optionalFooter), /*#__PURE__*/React__default["default"].createElement(ButtonContainer, {
     orientation: "horizontal",
-    mainAlignment: centered ? 'center' : 'flex-end'
-  }, secondaryButton, (onConfirm || onClose) && /*#__PURE__*/React__default["default"].createElement(ConfirmButton, {
+    mainAlignment: centered ? 'center' : 'flex-end',
+    $pushLeftFirstChild: optionalFooter != null && !centered
+  }, !centered && optionalFooter, !centered && /*#__PURE__*/React__default["default"].createElement(Padding, {
+    right: "large"
+  }), secondaryButton, (onConfirm || onClose) && /*#__PURE__*/React__default["default"].createElement(ConfirmButton, {
     color: confirmColor,
     onClick: onConfirm || onClose,
     label: confirmLabel
   })));
 };
 
-const Modal = /*#__PURE__*/React__default["default"].forwardRef(function ModalFn(_ref4, ref) {
+const Modal = /*#__PURE__*/React__default["default"].forwardRef(function ModalFn(_ref5, ref) {
   let {
     background = 'gray6',
     type = 'default',
@@ -33450,7 +33456,7 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function ModalFn
     disablePortal = false,
     zIndex = 999,
     ...rest
-  } = _ref4;
+  } = _ref5;
   const [delayedOpen, setDelayedOpen] = React.useState(false);
   const {
     windowObj

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zextras/carbonio-design-system",
-	"version": "0.4.0-devel.1663244218709",
+	"version": "0.4.0-devel.1663244858738",
 	"description": "An awesome UI for Zextras Projects.",
 	"main": "dist/zapp-ui.bundle.js",
 	"types": "dist/zapp-ui.bundle.d.ts",