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

package/dist/zapp-ui.bundle.d.ts

@@ -734,6 +734,7 @@ export declare interface DropdownItem {
     disabled?: boolean;
     items?: Array<DropdownItem>;
     keepOpen?: boolean;
+    tooltipLabel?: string | undefined;
 }
 
 export declare interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'contextMenu'> {

package/dist/zapp-ui.bundle.js

@@ -21493,9 +21493,17 @@ function ListItemContent(_ref2) {
     disabled,
     itemIconSize,
     itemTextSize,
-    itemPaddingBetween
+    itemPaddingBetween,
+    tooltipLabel
   } = _ref2;
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon && /*#__PURE__*/React__default["default"].createElement(Padding, {
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip, {
+    disabled: !disabled || !tooltipLabel,
+    label: tooltipLabel,
+    placement: "bottom-end"
+  }, /*#__PURE__*/React__default["default"].createElement(Container, {
+    orientation: "horizontal",
+    mainAlignment: "flex-start"
+  }, icon && /*#__PURE__*/React__default["default"].createElement(Padding, {
     right: itemPaddingBetween
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
@@ -21509,7 +21517,7 @@ function ListItemContent(_ref2) {
     weight: selected ? 'bold' : 'regular',
     color: disabled ? 'secondary.regular' : 'text',
     disabled: disabled
-  }, label));
+  }, label)));
 }
 
 function PopperListItem(_ref3) {
@@ -21525,6 +21533,7 @@ function PopperListItem(_ref3) {
     itemTextSize,
     keepOpen,
     itemPaddingBetween,
+    tooltipLabel,
     ...rest
   } = _ref3;
   const itemRef = React.useRef(null);
@@ -21564,7 +21573,8 @@ function PopperListItem(_ref3) {
     disabled: disabled,
     itemIconSize: itemIconSize,
     itemTextSize: itemTextSize,
-    itemPaddingBetween: itemPaddingBetween
+    itemPaddingBetween: itemPaddingBetween,
+    tooltipLabel: tooltipLabel
   }));
 }
 
@@ -21584,6 +21594,7 @@ function NestListItem(_ref4) {
     itemPaddingBetween,
     keepOpen,
     dropdownListRef,
+    tooltipLabel,
     ...rest
   } = _ref4;
   const itemRef = React.useRef(null);
@@ -21626,7 +21637,8 @@ function NestListItem(_ref4) {
     disabled: disabled,
     itemIconSize: itemIconSize,
     itemTextSize: itemTextSize,
-    itemPaddingBetween: itemPaddingBetween
+    itemPaddingBetween: itemPaddingBetween,
+    tooltipLabel: tooltipLabel
   }), /*#__PURE__*/React__default["default"].createElement(Icon, {
     size: itemIconSize,
     icon: "ChevronRight",
@@ -33358,7 +33370,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 +33385,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 +33399,7 @@ const ModalFooter = _ref3 => {
     copyLabel,
     optionalFooter,
     onCopyClipboard
-  } = _ref3;
+  } = _ref4;
   const secondaryButton = React.useMemo(() => {
     let button;
 
@@ -33407,25 +33424,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 +33468,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.1663245826569",
 	"description": "An awesome UI for Zextras Projects.",
 	"main": "dist/zapp-ui.bundle.js",
 	"types": "dist/zapp-ui.bundle.d.ts",