@popmenu/admin-ui 0.19.5 → 0.21.1

package/build/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog, DialogProps } from '@popmenu/common-ui';

package/build/components/DialogActions/DialogActions.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { DialogActionsProps } from '@popmenu/common-ui';
+export declare const DialogActions: FC<DialogActionsProps>;

package/build/components/DialogActions/index.d.ts

@@ -0,0 +1,2 @@
+export { DialogActions } from './DialogActions';
+export { DialogActionsProps } from '@popmenu/common-ui';

package/build/components/DialogContent/index.d.ts

@@ -0,0 +1 @@
+export { DialogContent, DialogContentProps } from '@popmenu/common-ui';

package/build/components/DialogTitle/index.d.ts

@@ -0,0 +1 @@
+export { DialogTitle, DialogTitleProps } from '@popmenu/common-ui';

package/build/components/index.d.ts

@@ -9,3 +9,7 @@ export { default as FullScreenStepper, FullScreenStepperProps, FullScreenStepper
 export { default as FullScreenStepperContent } from './FullScreenStepperContent';
 export { default as SelectableCard, SelectableCardProps } from './SelectableCard';
 export { default as Toast, ToastProps } from './Toast';
+export { DialogTitle, DialogTitleProps } from './DialogTitle';
+export { DialogActions, DialogActionsProps } from './DialogActions';
+export { Dialog, DialogProps } from './Dialog';
+export { DialogContent, DialogContentProps } from './DialogContent';

package/build/index.es.js

@@ -22,9 +22,10 @@ import FormControlLabel from '@material-ui/core/FormControlLabel';
 import '@material-ui/core/Chip';
 import '@material-ui/core/Collapse';
 import Dialog from '@material-ui/core/Dialog';
-import '@material-ui/core/DialogActions';
-import '@material-ui/core/DialogContent';
-import '@material-ui/core/DialogTitle';
+export { default as Dialog } from '@material-ui/core/Dialog';
+import CommonDialogActions from '@material-ui/core/DialogActions';
+export { default as DialogContent } from '@material-ui/core/DialogContent';
+export { default as DialogTitle } from '@material-ui/core/DialogTitle';
 import '@material-ui/core/Drawer';
 import '@material-ui/core/FormControl';
 import '@material-ui/core/Grid';
@@ -193,42 +194,6 @@ function SvgUser(props) {
   })));
 }
 
-var useIconStyles = makeStyles(function (_a) {
-    var spacing = _a.spacing, palette = _a.palette;
-    var getFontSize = function (_a) {
-        var size = _a.size;
-        var sizes = {
-            inherit: 'inherit',
-            small: spacing(1.5),
-            medium: spacing(2),
-            large: spacing(2.5),
-            'extra-large': spacing(3),
-        };
-        return size ? sizes[size] : 'inherit';
-    };
-    var getColor = function (props) {
-        var semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];
-        var value = 'inherit';
-        if (props.color) {
-            if (semanticColors.includes(props.color.split('.')[0])) {
-                var _a = props.color.split('.'), color = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
-                value = palette[color][variant];
-            }
-            else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {
-                value = props.color;
-            }
-        }
-        return value;
-    };
-    return {
-        root: {
-            color: getColor,
-            fontSize: getFontSize,
-            strokeWidth: '1.3px',
-        },
-    };
-});
-
 var classnames = {exports: {}};
 
 /*!
@@ -289,6 +254,42 @@ var classnames = {exports: {}};
 
 var classNames = classnames.exports;
 
+var useIconStyles = makeStyles(function (_a) {
+    var spacing = _a.spacing, palette = _a.palette;
+    var getFontSize = function (_a) {
+        var size = _a.size;
+        var sizes = {
+            inherit: 'inherit',
+            small: spacing(1.5),
+            medium: spacing(2),
+            large: spacing(2.5),
+            'extra-large': spacing(3),
+        };
+        return size ? sizes[size] : 'inherit';
+    };
+    var getColor = function (props) {
+        var semanticColors = ['primary', 'secondary', 'info', 'success', 'warning', 'error'];
+        var value = 'inherit';
+        if (props.color) {
+            if (semanticColors.includes(props.color.split('.')[0])) {
+                var _a = props.color.split('.'), color = _a[0], _b = _a[1], variant = _b === void 0 ? 'main' : _b;
+                value = palette[color][variant];
+            }
+            else if (props.color.search(/^(rgb|hsla|#)/) !== -1) {
+                value = props.color;
+            }
+        }
+        return value;
+    };
+    return {
+        root: {
+            color: getColor,
+            fontSize: getFontSize,
+            strokeWidth: '1.3px',
+        },
+    };
+});
+
 var iconStaticClassName = 'pop-icon';
 var Icon = function (props) {
     var icon = props.icon, className = props.className, restProps = __rest(props, ["icon", "className"]);
@@ -341,7 +342,7 @@ var Typography = forwardRef(function (props, ref) {
 });
 Typography.displayName = 'Typography';
 
-var useStyles$1 = makeStyles(function (_a) {
+var useStyles$1$1 = makeStyles(function (_a) {
     var spacing = _a.spacing;
     return ({
         root: {
@@ -355,7 +356,7 @@ var useStyles$1 = makeStyles(function (_a) {
 });
 var Paper = forwardRef(function (props, ref) {
     var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
-    var classes = useStyles$1(props);
+    var classes = useStyles$1$1(props);
     return React__default.createElement(Paper$1, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
 });
 Paper.displayName = 'Paper';
@@ -1228,14 +1229,14 @@ var StepperActionsPreviousButton = function (props) {
     return displayPreviousButton ? (React__default.createElement(Button, __assign$1({ variant: "tertiary", disabled: stepCursor === 1 }, augmentedPreviousButtonProps), previousButtonText || 'previous')) : null;
 };
 
-var useStyles = makeStyles$1({
+var useStyles$1 = makeStyles$1({
     root: {
         fontStyle: 'italic',
     },
 });
 var StepperActionsStatusText = function (props) {
     var statusText = props.statusText;
-    var classes = useStyles(props);
+    var classes = useStyles$1(props);
     return statusText ? (React__default.createElement(Typography, { classes: { root: classes.root }, variant: "body2" }, statusText)) : null;
 };
 
@@ -1521,6 +1522,19 @@ Toast.defaultProps = {
 };
 Toast.displayName = 'Toast';
 
+var useStyles = makeStyles(function (_a) {
+    var palette = _a.palette;
+    return ({
+        root: {
+            background: palette.grey['100'],
+        },
+    });
+});
+var DialogActions = function (props) {
+    var classes = useStyles(props);
+    return React__default.createElement(CommonDialogActions, __assign$1({ classes: classes }, props));
+};
+
 var useFullScreenStepperContext = function () { return useContext(FullScreenStepperContext); };
 
 /**
@@ -1776,7 +1790,20 @@ var adminThemeDefaultProps = {
 };
 
 var adminOverrides = {
-    overrides: {},
+    overrides: {
+        MuiInputBase: {
+            input: {
+                '&::placeholder': {
+                    opacity: '.75',
+                },
+            },
+        },
+        MuiFormLabel: {
+            root: {
+                color: 'rgba(0,0,0,.65)',
+            },
+        },
+    },
 };
 
 var adminLightOptions = __assign$1(__assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Light', palette: __assign$1(__assign$1({}, basePalette), adminLightPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography }, adminLightPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps), adminOverrides);
@@ -1785,5 +1812,5 @@ var adminLight = createTheme(adminLightOptions);
 var adminDarkOptions = __assign$1(__assign$1(__assign$1(__assign$1(__assign$1({ themeName: 'Admin Dark', palette: __assign$1(__assign$1({}, basePalette), adminDarkPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography }, adminDarkPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps), adminOverrides);
 var adminDark = createTheme(adminDarkOptions);
 
-export { Alert, AlertDialog, AlertDialogHeader, AlertTitle, Button, ButtonGroup, FeatureIntro, FullScreenStepper, FullScreenStepperContent, FullScreenStepperContext, SelectableCard, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useFullScreenStepperContext, useSelectableCard };
+export { Alert, AlertDialog, AlertDialogHeader, AlertTitle, Button, ButtonGroup, DialogActions, FeatureIntro, FullScreenStepper, FullScreenStepperContent, FullScreenStepperContext, SelectableCard, Toast, adminDark, adminDarkOptions, adminLight, adminLightOptions, useFullScreenStepperContext, useSelectableCard };
 //# sourceMappingURL=index.es.js.map