@astral/ui 0.8.1 → 0.10.0

package/esm/Tag/styled.js

@@ -111,18 +111,18 @@ export var StyledTag = styled(Chip, {
     shouldForwardProp: function (prop) {
         return prop !== 'customColor' && prop !== 'customVariant' && prop !== 'rounded';
     },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  user-select: none;\n  font-size: 14px;\n  height: 20px;\n  border-radius: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .MuiChip-label {\n    padding: ", ";\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n    &:active {\n      color: ", ";\n    }\n  }\n  .MuiChip-deleteIcon {\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: ", ";\n    color: ", ";\n    background: ", ";\n\n    &:hover {\n      color: ", ";\n      background: ", ";\n    }\n    &:active {\n      color: ", ";\n      background: ", ";\n    }\n  }\n  .MuiChip-avatar {\n    margin: 2px;\n    width: 16px;\n    height: 16px;\n  }\n  .MuiChip-icon {\n    width: 16px;\n    height: 16px;\n  }\n"], ["\n  user-select: none;\n  font-size: 14px;\n  height: 20px;\n  border-radius: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .MuiChip-label {\n    padding: ", ";\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n    &:active {\n      color: ", ";\n    }\n  }\n  .MuiChip-deleteIcon {\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: ", ";\n    color: ", ";\n    background: ", ";\n\n    &:hover {\n      color: ", ";\n      background: ", ";\n    }\n    &:active {\n      color: ", ";\n      background: ", ";\n    }\n  }\n  .MuiChip-avatar {\n    margin: 2px;\n    width: 16px;\n    height: 16px;\n  }\n  .MuiChip-icon {\n    width: 16px;\n    height: 16px;\n  }\n"])), function (props) { return getShape(__assign({}, props)); }, function (props) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 20px;\n\n  font-size: 14px;\n\n  background-color: ", ";\n  border-radius: ", ";\n\n  user-select: none;\n\n  &:hover {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  .MuiChip-label {\n    padding: ", ";\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  }\n\n  .MuiChip-deleteIcon {\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    color: ", ";\n\n    background: ", ";\n    border-radius: ", ";\n\n    &:hover {\n      color: ", ";\n\n      background: ", ";\n    }\n\n    &:active {\n      color: ", ";\n\n      background: ", ";\n    }\n  }\n\n  .MuiChip-avatar {\n    width: 16px;\n    height: 16px;\n    margin: 2px;\n  }\n\n  .MuiChip-icon {\n    width: 16px;\n    height: 16px;\n  }\n"], ["\n  height: 20px;\n\n  font-size: 14px;\n\n  background-color: ", ";\n  border-radius: ", ";\n\n  user-select: none;\n\n  &:hover {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  &:active {\n    color: ", ";\n\n    background-color: ", ";\n  }\n\n  .MuiChip-label {\n    padding: ", ";\n\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  }\n\n  .MuiChip-deleteIcon {\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    color: ", ";\n\n    background: ", ";\n    border-radius: ", ";\n\n    &:hover {\n      color: ", ";\n\n      background: ", ";\n    }\n\n    &:active {\n      color: ", ";\n\n      background: ", ";\n    }\n  }\n\n  .MuiChip-avatar {\n    width: 16px;\n    height: 16px;\n    margin: 2px;\n  }\n\n  .MuiChip-icon {\n    width: 16px;\n    height: 16px;\n  }\n"])), function (props) {
     return getBgColor(__assign(__assign({}, props), { tagState: TagStates.DEFAULT }));
-}, function (props) {
+}, function (props) { return getShape(__assign({}, props)); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.HOVER })); }, function (props) {
     return getBgColor(__assign(__assign({}, props), { tagState: TagStates.HOVER }));
-}, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.HOVER })); }, function (props) {
+}, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE })); }, function (props) {
     return getBgColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE }));
-}, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE })); }, function (props) { return getTagLabelPadding(__assign({}, props)); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.DEFAULT })); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.HOVER })); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE })); }, function (props) { return getDeleteIconBorderRadius(__assign({}, props)); }, function (_a) {
+}, function (props) { return getTagLabelPadding(__assign({}, props)); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.DEFAULT })); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.HOVER })); }, function (props) { return getColor(__assign(__assign({}, props), { tagState: TagStates.ACTIVE })); }, function (_a) {
     var theme = _a.theme;
     return theme.palette.grey[800];
 }, function (props) {
     return getDeleteIconBgColor(__assign(__assign({}, props), { iconState: TagStates.DEFAULT }));
-}, function (_a) {
+}, function (props) { return getDeleteIconBorderRadius(__assign({}, props)); }, function (_a) {
     var theme = _a.theme;
     return theme.palette.grey[800];
 }, function (props) {

package/esm/Tooltip/styled.js

@@ -31,12 +31,9 @@ import { TooltipSizes } from './constants';
 export var StyledTooltip = styled(function (_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
     return (_jsx(Tooltip, __assign({}, props, { classes: { popper: className } }), void 0));
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & .MuiTooltip-tooltip {\n    margin: 0;\n    background-color: ", ";\n    border-radius: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n  }\n\n  & .MuiTooltip-arrow {\n    color: ", ";\n  }\n\n  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {\n    margin-bottom: ", ";\n  }\n\n  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {\n    margin-top: ", ";\n  }\n\n  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {\n    margin-right: ", ";\n  }\n\n  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {\n    margin-left: ", ";\n  }\n"], ["\n  & .MuiTooltip-tooltip {\n    margin: 0;\n    background-color: ", ";\n    border-radius: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n  }\n\n  & .MuiTooltip-arrow {\n    color: ", ";\n  }\n\n  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {\n    margin-bottom: ", ";\n  }\n\n  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {\n    margin-top: ", ";\n  }\n\n  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {\n    margin-right: ", ";\n  }\n\n  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {\n    margin-left: ", ";\n  }\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & .MuiTooltip-tooltip {\n    margin: 0;\n\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n\n    background-color: ", ";\n    border-radius: ", ";\n  }\n\n  & .MuiTooltip-arrow {\n    color: ", ";\n  }\n\n  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {\n    margin-bottom: ", ";\n  }\n\n  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {\n    margin-top: ", ";\n  }\n\n  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {\n    margin-right: ", ";\n  }\n\n  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {\n    margin-left: ", ";\n  }\n"], ["\n  & .MuiTooltip-tooltip {\n    margin: 0;\n\n    font-weight: ", ";\n    font-size: ", ";\n    line-height: ", ";\n\n    background-color: ", ";\n    border-radius: ", ";\n  }\n\n  & .MuiTooltip-arrow {\n    color: ", ";\n  }\n\n  &&[data-popper-placement*='top'] .MuiTooltip-tooltip {\n    margin-bottom: ", ";\n  }\n\n  &&[data-popper-placement*='bottom'] .MuiTooltip-tooltip {\n    margin-top: ", ";\n  }\n\n  &&[data-popper-placement*='left'] .MuiTooltip-tooltip {\n    margin-right: ", ";\n  }\n\n  &&[data-popper-placement*='right'] .MuiTooltip-tooltip {\n    margin-left: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
-    return theme.palette.grey[900];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.small;
+    return theme.typography.fontWeightRegular;
 }, function (_a) {
     var size = _a.size, theme = _a.theme;
     return size === TooltipSizes.SMALL
@@ -49,7 +46,10 @@ export var StyledTooltip = styled(function (_a) {
         : theme.typography.ui.lineHeight;
 }, function (_a) {
     var theme = _a.theme;
-    return theme.typography.fontWeightRegular;
+    return theme.palette.grey[900];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.shape.small;
 }, function (_a) {
     var theme = _a.theme;
     return theme.palette.grey[900];

package/esm/index.d.ts

@@ -22,3 +22,8 @@ export * from './TextArea';
 export * from './DashboardLayout';
 export * from './Autocomplete';
 export * from './Select';
+export * from './Dialog';
+export * from './DialogTitle';
+export * from './DialogContent';
+export * from './DialogContentText';
+export * from './DialogActions';

package/esm/index.js

@@ -22,3 +22,8 @@ export * from './TextArea';
 export * from './DashboardLayout';
 export * from './Autocomplete';
 export * from './Select';
+export * from './Dialog';
+export * from './DialogTitle';
+export * from './DialogContent';
+export * from './DialogContentText';
+export * from './DialogActions';

package/esm/theme/components/MuiDialog.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialog: Components<Theme>['MuiDialog'];

package/esm/theme/components/MuiDialog.js

@@ -0,0 +1,16 @@
+export var MuiDialog = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                background: theme.palette.background.modalShadow,
+            };
+        },
+        paper: function (_a) {
+            var theme = _a.theme;
+            return {
+                borderRadius: theme.shape.small,
+            };
+        },
+    },
+};

package/esm/theme/components/MuiDialogActions.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialogActions: Components<Theme>['MuiDialogActions'];

package/esm/theme/components/MuiDialogActions.js

@@ -0,0 +1,13 @@
+export var MuiDialogActions = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(4, 6, 6, 6),
+                '>div': {
+                    width: '100%',
+                },
+            };
+        },
+    },
+};

package/esm/theme/components/MuiDialogContent.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialogContent: Components<Theme>['MuiDialogContent'];

package/esm/theme/components/MuiDialogContent.js

@@ -0,0 +1,10 @@
+export var MuiDialogContent = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(0, 6),
+            };
+        },
+    },
+};

package/esm/theme/components/MuiDialogTitle.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialogTitle: Components<Theme>['MuiDialogTitle'];

package/esm/theme/components/MuiDialogTitle.js

@@ -0,0 +1,19 @@
+export var MuiDialogTitle = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(6),
+                fontSize: theme.typography.h4.fontSize,
+                fontWeight: theme.typography.h4.fontWeight,
+                lineHeight: theme.typography.h4.lineHeight,
+                '& .ButtonUnstyled-root': {
+                    position: 'absolute',
+                    right: theme.spacing(5),
+                    top: theme.spacing(5),
+                    color: theme.palette.grey[800],
+                },
+            };
+        },
+    },
+};

package/esm/theme/components/components.js

@@ -6,6 +6,10 @@ import { MuiInputLabel } from './MuiInputLabel';
 import { MuiOutlinedInput } from './MuiOutlinedInput';
 import { MuiTypography } from './MuiTypography';
 import { MuiAutocomplete } from './MuiAutocomplete';
+import { MuiDialog } from './MuiDialog';
+import { MuiDialogTitle } from './MuiDialogTitle';
+import { MuiDialogContent } from './MuiDialogContent';
+import { MuiDialogActions } from './MuiDialogActions';
 var getMuiCssBaseline = function (fontUrls) { return ({
     styleOverrides: "\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 300;\n      font-display: swap;\n      src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 400;\n      font-display: swap;\n      src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 500;\n      font-display: swap;\n      src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 700;\n      font-display: swap;\n      src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n    }\n  "),
 }); };
@@ -68,4 +72,8 @@ export var getComponents = function (fontUrls) { return ({
     MuiMenu: MuiMenu,
     MuiMenuItem: MuiMenuItem,
     MuiRadio: MuiRadio,
+    MuiDialog: MuiDialog,
+    MuiDialogTitle: MuiDialogTitle,
+    MuiDialogContent: MuiDialogContent,
+    MuiDialogActions: MuiDialogActions,
 }); };

package/esm/theme/palette/palette.d.ts

@@ -16,6 +16,7 @@ export declare type PrimaryColorOptions = PaletteColorOptions & Color;
 export declare type Background = TypeBackground & {
     element: string;
     elementHover: string;
+    modalShadow: string;
 };
 declare type PaletteOptions = MuiPaletteOptions & {
     red: Color;

package/esm/theme/palette/palette.js

@@ -99,6 +99,7 @@ export var getPalette = function (brand) {
             paper: '#FFF',
             element: '#FAFBFC',
             elementHover: '#EBECF0',
+            modalShadow: '#142A438A',
         },
     };
 };

package/index.d.ts

@@ -22,3 +22,8 @@ export * from './TextArea';
 export * from './DashboardLayout';
 export * from './Autocomplete';
 export * from './Select';
+export * from './Dialog';
+export * from './DialogTitle';
+export * from './DialogContent';
+export * from './DialogContentText';
+export * from './DialogActions';

package/index.js

@@ -34,3 +34,8 @@ __exportStar(require("./TextArea"), exports);
 __exportStar(require("./DashboardLayout"), exports);
 __exportStar(require("./Autocomplete"), exports);
 __exportStar(require("./Select"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./DialogTitle"), exports);
+__exportStar(require("./DialogContent"), exports);
+__exportStar(require("./DialogContentText"), exports);
+__exportStar(require("./DialogActions"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "0.8.1",
+  "version": "0.10.0",
   "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
@@ -8,7 +8,7 @@
     }
   },
   "dependencies": {
-    "@astral/icons": "^0.7.2",
+    "@astral/icons": "^0.9.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.8.1",
     "@emotion/server": "11.4.0",
@@ -21,6 +21,16 @@
   "peerDependencies": {
     "react": "^17.0.0"
   },
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./server": {
+      "import": "./esm/server/index.js",
+      "require": "./cjs/server/index.js"
+    }
+  },
   "author": "Astral.Soft",
   "license": "MIT",
   "repository": {

package/theme/components/MuiDialog.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialog: Components<Theme>['MuiDialog'];

package/theme/components/MuiDialog.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiDialog = void 0;
+exports.MuiDialog = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                background: theme.palette.background.modalShadow,
+            };
+        },
+        paper: function (_a) {
+            var theme = _a.theme;
+            return {
+                borderRadius: theme.shape.small,
+            };
+        },
+    },
+};

package/theme/components/MuiDialogActions.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialogActions: Components<Theme>['MuiDialogActions'];

package/theme/components/MuiDialogActions.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiDialogActions = void 0;
+exports.MuiDialogActions = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(4, 6, 6, 6),
+                '>div': {
+                    width: '100%',
+                },
+            };
+        },
+    },
+};

package/theme/components/MuiDialogContent.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialogContent: Components<Theme>['MuiDialogContent'];

package/theme/components/MuiDialogContent.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiDialogContent = void 0;
+exports.MuiDialogContent = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(0, 6),
+            };
+        },
+    },
+};

package/theme/components/MuiDialogTitle.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiDialogTitle: Components<Theme>['MuiDialogTitle'];

package/theme/components/MuiDialogTitle.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiDialogTitle = void 0;
+exports.MuiDialogTitle = {
+    styleOverrides: {
+        root: function (_a) {
+            var theme = _a.theme;
+            return {
+                padding: theme.spacing(6),
+                fontSize: theme.typography.h4.fontSize,
+                fontWeight: theme.typography.h4.fontWeight,
+                lineHeight: theme.typography.h4.lineHeight,
+                '& .ButtonUnstyled-root': {
+                    position: 'absolute',
+                    right: theme.spacing(5),
+                    top: theme.spacing(5),
+                    color: theme.palette.grey[800],
+                },
+            };
+        },
+    },
+};

package/theme/components/components.js

@@ -9,6 +9,10 @@ var MuiInputLabel_1 = require("./MuiInputLabel");
 var MuiOutlinedInput_1 = require("./MuiOutlinedInput");
 var MuiTypography_1 = require("./MuiTypography");
 var MuiAutocomplete_1 = require("./MuiAutocomplete");
+var MuiDialog_1 = require("./MuiDialog");
+var MuiDialogTitle_1 = require("./MuiDialogTitle");
+var MuiDialogContent_1 = require("./MuiDialogContent");
+var MuiDialogActions_1 = require("./MuiDialogActions");
 var getMuiCssBaseline = function (fontUrls) { return ({
     styleOverrides: "\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 300;\n      font-display: swap;\n      src: url(".concat(fontUrls.light.woff2, ") format('woff2'), url(").concat(fontUrls.light.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 400;\n      font-display: swap;\n      src: url(").concat(fontUrls.regular.woff2, ") format('woff2'), url(").concat(fontUrls.regular.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 500;\n      font-display: swap;\n      src: url(").concat(fontUrls.medium.woff2, ") format('woff2'), url(").concat(fontUrls.medium.woff, ") format('woff');\n    }\n    @font-face {\n      font-family: 'Ubuntu';\n      font-style: 'normal';\n      font-weight: 700;\n      font-display: swap;\n      src: url(").concat(fontUrls.bold.woff2, ") format('woff2'), url(").concat(fontUrls.bold.woff, ") format('woff');\n    }\n  "),
 }); };
@@ -71,5 +75,9 @@ var getComponents = function (fontUrls) { return ({
     MuiMenu: MuiMenu,
     MuiMenuItem: MuiMenuItem,
     MuiRadio: MuiRadio,
+    MuiDialog: MuiDialog_1.MuiDialog,
+    MuiDialogTitle: MuiDialogTitle_1.MuiDialogTitle,
+    MuiDialogContent: MuiDialogContent_1.MuiDialogContent,
+    MuiDialogActions: MuiDialogActions_1.MuiDialogActions,
 }); };
 exports.getComponents = getComponents;

package/theme/palette/palette.d.ts

@@ -16,6 +16,7 @@ export declare type PrimaryColorOptions = PaletteColorOptions & Color;
 export declare type Background = TypeBackground & {
     element: string;
     elementHover: string;
+    modalShadow: string;
 };
 declare type PaletteOptions = MuiPaletteOptions & {
     red: Color;

package/theme/palette/palette.js

@@ -102,6 +102,7 @@ var getPalette = function (brand) {
             paper: '#FFF',
             element: '#FAFBFC',
             elementHover: '#EBECF0',
+            modalShadow: '#142A438A',
         },
     };
 };