@epilot/base-elements 3.3.2 → 3.3.4

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.3.4](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v3.3.3...v3.3.4) (2023-08-09)
+
+
+### Bug Fixes
+
+* remove waterdrop cards in tabpanel ([2e2166a](https://gitlab.com/e-pilot/product/frontend/base/elements/commit/2e2166ab6ed1a457f0f77c4ff71958339f90577d))
+
+### [3.3.3](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v3.3.2...v3.3.3) (2023-08-04)
+
 ### [3.2.2](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v3.1.8...v3.2.2) (2023-07-19)
 
 ### [3.1.7](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v3.2.0-alpha.1...v3.1.7) (2023-06-27)

package/dist/Drawer360/ActionFooter.d.ts

@@ -9,6 +9,7 @@ declare type ActionFooterProps = {
     disableSaveButton?: boolean;
     isLoading?: boolean;
     showDiscard: boolean;
+    customCannotSaveMessage?: string;
 };
-export declare const ActionFooter: React.MemoExoticComponent<({ alwaysEnableSaveButton, disableSaveButton, locales, handleClose, handleSave, unsavedChanges, isLoading, showDiscard }: ActionFooterProps) => JSX.Element>;
+export declare const ActionFooter: React.MemoExoticComponent<({ alwaysEnableSaveButton, disableSaveButton, locales, handleClose, handleSave, unsavedChanges, isLoading, showDiscard, customCannotSaveMessage }: ActionFooterProps) => JSX.Element>;
 export {};

package/dist/Drawer360/ActionFooter.js

@@ -2,78 +2,19 @@
 exports.__esModule = true;
 exports.ActionFooter = void 0;
 var tslib_1 = require("tslib");
-var styles_1 = require("@material-ui/core/styles");
 var react_1 = tslib_1.__importStar(require("react"));
 var __1 = require("..");
 var Button_1 = require("../Button");
 var Icon_1 = require("../Icon");
 var Tooltip_1 = require("../Tooltip");
 var helpers_1 = require("./helpers");
-var useStyles = styles_1.makeStyles(function (theme) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    return ({
-        bottomBar: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'flex-end',
-            padding: '1rem 1.5rem',
-            boxShadow: "0px 0px 24px rgba(21, 43, 66, 0.12)",
-            zIndex: 1,
-            marginTop: 'auto'
-        },
-        noWrap: {
-            whiteSpace: 'nowrap'
-        },
-        warningContent: {
-            padding: function (_a) {
-                var showFullWarning = _a.showFullWarning;
-                return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
-            },
-            borderRadius: (_a = theme.shape) === null || _a === void 0 ? void 0 : _a.borderRadius,
-            marginRight: '1rem',
-            backgroundColor: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.warning) === null || _c === void 0 ? void 0 : _c[90],
-            color: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.warning) === null || _e === void 0 ? void 0 : _e[10],
-            fontWeight: 600,
-            display: 'flex',
-            alignItems: 'center',
-            height: 32
-        },
-        loadingMessageContent: {
-            padding: function (_a) {
-                var showFullWarning = _a.showFullWarning;
-                return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
-            },
-            borderRadius: (_f = theme.shape) === null || _f === void 0 ? void 0 : _f.borderRadius,
-            marginRight: '1rem',
-            backgroundColor: '#D9F1FC',
-            color: (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.text.primary,
-            fontWeight: 600,
-            display: 'flex',
-            alignItems: 'center',
-            height: 32
-        },
-        warningContentText: {
-            marginLeft: '0.3rem'
-        },
-        saveButton: { marginLeft: '0.5rem' },
-        tooltip: {
-            backgroundColor: (_h = theme.palette) === null || _h === void 0 ? void 0 : _h.warning.main,
-            color: (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.warning.contrastText
-        },
-        arrow: {
-            color: (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.warning.main
-        },
-        loader: {
-            marginRight: 10
-        }
-    });
-});
+var styles_1 = require("./styles");
 exports.ActionFooter = react_1.memo(function (_a) {
-    var alwaysEnableSaveButton = _a.alwaysEnableSaveButton, disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard;
+    var alwaysEnableSaveButton = _a.alwaysEnableSaveButton, disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard, customCannotSaveMessage = _a.customCannotSaveMessage;
     var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
     var isOverflow = helpers_1.useIsOverflow(ref);
     var showFullWarning = !isOverflow;
-    var classes = useStyles({ showFullWarning: showFullWarning });
+    var classes = styles_1.useFooterStyles({ showFullWarning: showFullWarning });
     var disabledSaveButton = react_1.useMemo(function () {
         if (alwaysEnableSaveButton) {
             return false;
@@ -108,14 +49,14 @@ exports.ActionFooter = react_1.memo(function (_a) {
                     ? locales.disabledSaveButtonMessage
                     : unsavedChanges
                         ? ''
-                        : locales.noChangesMessage },
+                        : customCannotSaveMessage !== null && customCannotSaveMessage !== void 0 ? customCannotSaveMessage : locales.noChangesMessage },
             react_1["default"].createElement("div", null,
                 react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: disabledSaveButton && !alwaysEnableSaveButton, onClick: handleSave, variant: "contained" },
                     isLoading && (react_1["default"].createElement(__1.CircularProgress, { classes: { root: classes.loader }, size: 16 })),
                     locales.saveButtonLabel)))));
 });
 var WarningTooltip = function (props) {
-    var classes = useStyles({});
+    var classes = styles_1.useFooterStyles({});
     return (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, props, { classes: { arrow: classes.arrow, tooltip: classes.tooltip } })));
 };
 //# sourceMappingURL=ActionFooter.js.map

package/dist/Drawer360/ActionFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;AACA,qDAAmE;AAEnE,wBAAqC;AACrC,oCAAkC;AAClC,gCAA8B;AAC9B,sCAAoC;AAEpC,qCAAyC;AACzC,mCAA0C;AAkB7B,QAAA,YAAY,GAAG,YAAI,CAC9B,UAAC,EAUmB;QATlB,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACjB,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAgB,gBAAQ,CAAC,SAAS,CAAC,EAAlC,GAAG,QAAA,EAAE,MAAM,QAAuB,CAAA;IACzC,IAAM,UAAU,GAAG,uBAAa,CAAC,GAAG,CAAC,CAAA;IAErC,IAAM,eAAe,GAAG,CAAC,UAAU,CAAA;IAEnC,IAAM,OAAO,GAAG,wBAAe,CAAC,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAA;IAEpD,IAAM,kBAAkB,GAAG,eAAO,CAAC;QACjC,IAAI,sBAAsB,EAAE;YAC1B,OAAO,KAAK,CAAA;SACb;QACD,IAAI,iBAAiB,EAAE;YACrB,OAAO,IAAI,CAAA;SACZ;QAED,OAAO,CAAC,cAAc,IAAI,SAAS,CAAA;IACrC,CAAC,EAAE,CAAC,sBAAsB,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,IAAM,UAAU,GAAG,mBAAW,CAAC,UAAA,IAAI;QACjC,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,MAAM,CAAC,IAAI,CAAC,CAAA;SACb;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,kBAAkB,GACtB,CAAC,SAAS;QACV,CAAC,sBAAsB;QACvB,cAAc;QACd,OAAO,CAAC,cAAc,CAAA;IAExB,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAC9B,kBAAkB,IAAI,CACrB,iCAAC,cAAc,IAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc;YAClE,0CAAK,SAAS,EAAE,OAAO,CAAC,cAAc;gBACpC,iCAAC,WAAI,IAAC,IAAI,EAAC,SAAS,GAAG;gBAEtB,eAAe,IAAI,CAClB,2CAAM,SAAS,EAAE,OAAO,CAAC,kBAAkB,EAAE,GAAG,EAAE,UAAU,IACzD,OAAO,CAAC,cAAc,CAClB,CACR,CACG,CACS,CAClB;QAEA,WAAW,IAAI,SAAS,IAAI,OAAO,CAAC,cAAc,IAAI,CACrD,0CAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB;YAC3C,iCAAC,WAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,GAAG;YAEpC,+CAAO,OAAO,CAAC,cAAc,CAAQ,CACjC,CACP;QAEA,WAAW,IAAI,CAAC,SAAS,IAAI,CAC5B;YACE,iCAAC,eAAM,IACL,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAC,UAAU,IAEjB,OAAO,CAAC,kBAAkB,CACpB,CACL,CACP;QAED,iCAAC,iBAAO,IACN,KAAK,EACH,sBAAsB;gBACpB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,OAAO,CAAC,yBAAyB;oBACnC,CAAC,CAAC,cAAc;wBAChB,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,OAAO,CAAC,gBAAgB;YAGzD;gBACE,iCAAC,eAAM,IACL,SAAS,EAAK,OAAO,CAAC,UAAU,SAAI,OAAO,CAAC,MAAQ,EACpD,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,kBAAkB,IAAI,CAAC,sBAAsB,EACvD,OAAO,EAAE,UAAU,EACnB,OAAO,EAAC,WAAW;oBAElB,SAAS,IAAI,CACZ,iCAAC,oBAAgB,IACf,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,EACjC,IAAI,EAAE,EAAE,GACR,CACH;oBAEA,OAAO,CAAC,eAAe,CACjB,CACL,CACE,CACN,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,cAAc,GAAG,UAAC,KAAmB;IACzC,IAAM,OAAO,GAAG,wBAAe,CAAC,EAAE,CAAC,CAAA;IAEnC,OAAO,CACL,iCAAC,iBAAO,uBACF,KAAK,IACT,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,IAC3D,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/Drawer360/Drawer360.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Drawer360Props } from './types';
-declare const memoizedDrawer360: React.MemoExoticComponent<({ alwaysEnableSaveButton, anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
+declare const memoizedDrawer360: React.MemoExoticComponent<({ alwaysEnableSaveButton, anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, customCannotSaveMessage, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
 export { memoizedDrawer360 as Drawer360 };

package/dist/Drawer360/Drawer360.js

@@ -3,7 +3,6 @@ exports.__esModule = true;
 exports.Drawer360 = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var styles_1 = require("@material-ui/core/styles");
 var react_1 = tslib_1.__importStar(require("react"));
 var Dialog_1 = require("../Dialog");
 var Icon_1 = require("../Icon");
@@ -13,53 +12,12 @@ var Typography_1 = require("../Typography");
 var ActionFooter_1 = require("./ActionFooter");
 var DiscardDialog_1 = require("./DiscardDialog");
 var helpers_1 = require("./helpers");
-var customSizes = [
-    { 'one-third': '560px', 'two-thirds': '720px', 'max-width': '850px' },
-    { 'one-third': '33vw', 'two-thirds': '66vw', 'max-width': '90vw' }
-];
-var useStyles = styles_1.makeStyles(function () { return ({
-    sideDrawerRoot: {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: 1,
-        minWidth: '464px',
-        maxWidth: function (_a) {
-            var maxWidth = _a.maxWidth;
-            return maxWidth;
-        },
-        width: function (_a) {
-            var _b = _a.responsive, responsive = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'two-thirds' : _c;
-            return customSizes[Number(responsive)][size];
-        }
-    },
-    topBar: {
-        padding: '1rem 1.5rem',
-        paddingRight: '0.5rem',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        boxShadow: 'inset 0px -1px 0px #c1c7d0;'
-    },
-    title: {
-        fontSize: 20,
-        fontWeight: 600
-    },
-    dialogContent: {
-        position: 'relative'
-    },
-    body: {
-        padding: '1.5rem',
-        position: 'absolute',
-        inset: 0,
-        background: '#EDF2F7',
-        overflowY: 'scroll'
-    }
-}); });
+var styles_1 = require("./styles");
 var Drawer360 = function (_a) {
-    var _b = _a.alwaysEnableSaveButton, alwaysEnableSaveButton = _b === void 0 ? false : _b, _c = _a.anchor, anchor = _c === void 0 ? 'right' : _c, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _d = _a.responsive, responsive = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? 'two-thirds' : _e, _f = _a.showActionButtons, showActionButtons = _f === void 0 ? true : _f, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales, 
+    var _b = _a.alwaysEnableSaveButton, alwaysEnableSaveButton = _b === void 0 ? false : _b, _c = _a.anchor, anchor = _c === void 0 ? 'right' : _c, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _d = _a.responsive, responsive = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? 'two-thirds' : _e, _f = _a.showActionButtons, showActionButtons = _f === void 0 ? true : _f, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales, customCannotSaveMessage = _a.customCannotSaveMessage, 
     // prop sanitisation for deprecated props
-    onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["alwaysEnableSaveButton", "anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
-    var classes = useStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
+    onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["alwaysEnableSaveButton", "anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "customCannotSaveMessage", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
+    var classes = styles_1.useDrawerStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
     var _g = react_1["default"].useState(false), showDiscardDialog = _g[0], setShowDiscardDialog = _g[1];
     react_1.useEffect(function () {
         if (!open) {
@@ -104,7 +62,7 @@ var Drawer360 = function (_a) {
                             react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" })))))),
             react_1["default"].createElement(Dialog_1.DialogContent, { className: classes.dialogContent },
                 react_1["default"].createElement("div", { className: classes.body }, children)),
-            open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
+            open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, customCannotSaveMessage: customCannotSaveMessage, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
         react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
 };
 var memoizedDrawer360 = react_1.memo(Drawer360);

package/dist/Drawer360/Drawer360.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}

package/dist/Drawer360/styles.d.ts

@@ -0,0 +1,11 @@
+import { Drawer360Props } from './types';
+interface StyleType {
+    responsive?: boolean;
+    size?: Drawer360Props['size'];
+    maxWidth?: string;
+}
+export declare const useDrawerStyles: (props: StyleType) => Record<"title" | "body" | "sideDrawerRoot" | "topBar" | "dialogContent", string>;
+export declare const useFooterStyles: (props: {
+    showFullWarning?: boolean | undefined;
+}) => Record<"tooltip" | "arrow" | "noWrap" | "bottomBar" | "warningContent" | "loadingMessageContent" | "warningContentText" | "saveButton" | "loader", string>;
+export {};

package/dist/Drawer360/styles.js

@@ -0,0 +1,106 @@
+"use strict";
+exports.__esModule = true;
+exports.useFooterStyles = exports.useDrawerStyles = void 0;
+var core_1 = require("@material-ui/core");
+var customSizes = [
+    { 'one-third': '560px', 'two-thirds': '720px', 'max-width': '850px' },
+    { 'one-third': '33vw', 'two-thirds': '66vw', 'max-width': '90vw' }
+];
+exports.useDrawerStyles = core_1.makeStyles(function () { return ({
+    sideDrawerRoot: {
+        display: 'flex',
+        flexDirection: 'column',
+        flex: 1,
+        minWidth: '464px',
+        maxWidth: function (_a) {
+            var maxWidth = _a.maxWidth;
+            return maxWidth;
+        },
+        width: function (_a) {
+            var _b = _a.responsive, responsive = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'two-thirds' : _c;
+            return customSizes[Number(responsive)][size];
+        }
+    },
+    topBar: {
+        padding: '1rem 1.5rem',
+        paddingRight: '0.5rem',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        boxShadow: 'inset 0px -1px 0px #c1c7d0;'
+    },
+    title: {
+        fontSize: 20,
+        fontWeight: 600
+    },
+    dialogContent: {
+        position: 'relative'
+    },
+    body: {
+        padding: '1.5rem',
+        position: 'absolute',
+        inset: 0,
+        background: '#EDF2F7',
+        overflowY: 'scroll'
+    }
+}); });
+exports.useFooterStyles = core_1.makeStyles(function (theme) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    return ({
+        bottomBar: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            padding: '1rem 1.5rem',
+            boxShadow: "0px 0px 24px rgba(21, 43, 66, 0.12)",
+            zIndex: 1,
+            marginTop: 'auto'
+        },
+        noWrap: {
+            whiteSpace: 'nowrap'
+        },
+        warningContent: {
+            padding: function (_a) {
+                var showFullWarning = _a.showFullWarning;
+                return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
+            },
+            borderRadius: (_a = theme.shape) === null || _a === void 0 ? void 0 : _a.borderRadius,
+            marginRight: '1rem',
+            backgroundColor: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.warning) === null || _c === void 0 ? void 0 : _c[90],
+            color: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.warning) === null || _e === void 0 ? void 0 : _e[10],
+            fontWeight: 600,
+            display: 'flex',
+            alignItems: 'center',
+            height: 32
+        },
+        loadingMessageContent: {
+            padding: function (_a) {
+                var showFullWarning = _a.showFullWarning;
+                return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
+            },
+            borderRadius: (_f = theme.shape) === null || _f === void 0 ? void 0 : _f.borderRadius,
+            marginRight: '1rem',
+            backgroundColor: '#D9F1FC',
+            color: (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.text.primary,
+            fontWeight: 600,
+            display: 'flex',
+            alignItems: 'center',
+            height: 32
+        },
+        warningContentText: {
+            marginLeft: '0.3rem'
+        },
+        saveButton: { marginLeft: '0.5rem' },
+        tooltip: {
+            backgroundColor: (_h = theme.palette) === null || _h === void 0 ? void 0 : _h.warning.main,
+            color: (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.warning.contrastText
+        },
+        arrow: {
+            color: (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.warning.main
+        },
+        loader: {
+            marginRight: 10
+        }
+    });
+});
+//# sourceMappingURL=styles.js.map

package/dist/Drawer360/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Drawer360/styles.ts"],"names":[],"mappings":"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"}

package/dist/Drawer360/types.d.ts

@@ -14,6 +14,7 @@ export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation'
     isLoading?: boolean;
     anchor?: 'left' | 'right';
     alwaysEnableSaveButton?: boolean;
+    customCannotSaveMessage?: string;
 };
 export interface Drawer360Locales {
     saveButtonLabel: string;