@popmenu/admin-ui 0.40.3 → 0.40.5

package/build/components/PageSectionTitle/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"gutterBottom">;

package/build/index.es.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { createElement, forwardRef, createContext, useState, useContext } from 'react';
 import CommonAlert from '@material-ui/lab/Alert';
-import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box, ButtonBase, List as List$1, ListItem, ListItemAvatar, ListItemText, Chip, ListItemSecondaryAction, IconButton as IconButton$1 } from '@material-ui/core';
+import { makeStyles, Typography as Typography$1, Link as Link$1, Paper as Paper$1, Box, useTheme as useTheme$1, ButtonBase, List as List$1, ListItem, ListItemAvatar, ListItemText, Chip, ListItemSecondaryAction, IconButton as IconButton$1 } from '@material-ui/core';
 import '@material-ui/core/AppBar';
 import MuiAvatar from '@material-ui/core/Avatar';
 import { makeStyles as makeStyles$1, useTheme, lighten } from '@material-ui/core/styles';
@@ -591,7 +591,7 @@ Link.defaultProps = {
 };
 Link.displayName = 'Link';
 
-var useStyles$4 = makeStyles(function (_a) {
+var useStyles$5 = makeStyles(function (_a) {
     var spacing = _a.spacing;
     return ({
         root: {
@@ -605,7 +605,7 @@ var useStyles$4 = makeStyles(function (_a) {
 });
 var Paper = forwardRef(function (props, ref) {
     var legacyStyles = props.legacyStyles, restProps = __rest(props, ["legacyStyles"]);
-    var classes = useStyles$4(props);
+    var classes = useStyles$5(props);
     return React__default.createElement(Paper$1, __assign({}, ref, { classes: __assign({}, (legacyStyles && classes)) }, restProps));
 });
 Paper.displayName = 'Paper';
@@ -1292,14 +1292,14 @@ var StepperActionsPreviousButton = function (props) {
     return displayPreviousButton ? (React__default.createElement(Button, __assign$1({ variant: "tertiary", disabled: stepCursor === 1 }, augmentedPreviousButtonProps), previousButtonText || 'previous')) : null;
 };
 
-var useStyles$3 = makeStyles$1({
+var useStyles$4 = makeStyles$1({
     root: {
         fontStyle: 'italic',
     },
 });
 var StepperActionsStatusText = function (props) {
     var statusText = props.statusText;
-    var classes = useStyles$3(props);
+    var classes = useStyles$4(props);
     return statusText ? (React__default.createElement(Typography, { classes: { root: classes.root }, variant: "body2" }, statusText)) : null;
 };
 
@@ -1585,7 +1585,7 @@ Toast.defaultProps = {
 };
 Toast.displayName = 'Toast';
 
-var useStyles$2 = makeStyles(function (_a) {
+var useStyles$3 = makeStyles(function (_a) {
     var palette = _a.palette;
     return ({
         root: {
@@ -1594,7 +1594,7 @@ var useStyles$2 = makeStyles(function (_a) {
     });
 });
 var DialogActions = function (props) {
-    var classes = useStyles$2(props);
+    var classes = useStyles$3(props);
     return React__default.createElement(CommonDialogActions, __assign$1({ classes: classes }, props));
 };
 
@@ -1638,12 +1638,20 @@ var PageSections = function (props) {
 
 var PageSectionHead = function (props) {
     var children = props.children, restProps = __rest$1(props, ["children"]);
-    return (React__default.createElement(Box, __assign$1({ display: "flex", justifyContent: "space-between", mb: 1.5 }, restProps), children));
+    var theme = useTheme$1();
+    return (React__default.createElement(Box, __assign$1({ fontSize: theme.typography.h5.fontSize, mb: "1em", display: "flex", justifyContent: "space-between" }, restProps), children));
 };
 
+var useStyles$2 = makeStyles(function () { return ({
+    gutterBottom: {
+        marginBottom: '1em',
+    },
+}); });
+
 var PageSectionTitle = function (props) {
     var children = props.children, restProps = __rest$1(props, ["children"]);
-    return (React__default.createElement(Typography, __assign$1({ gutterBottom: true, variant: "h5" }, restProps), children));
+    var classes = useStyles$2();
+    return (React__default.createElement(Typography, __assign$1({ classes: classes, gutterBottom: true, variant: "h5" }, restProps), children));
 };
 
 var SettingsIndexCardGroup = function (props) {