@galaxy-ds/core 1.1.24 → 1.1.28

package/dist/index.js

@@ -13435,7 +13435,7 @@ process.env.NODE_ENV !== "production" ? Button$1.propTypes = {
    */
   variant: propTypes.oneOf(['contained', 'outlined', 'text'])
 } : void 0;
-var MuiButton = withStyles(styles$X, {
+var Button$2 = withStyles(styles$X, {
   name: 'MuiButton'
 })(Button$1);
 
@@ -33814,7 +33814,7 @@ var useStyles$p = makeStyles(function (theme) {
 var Button = function (props) {
     var classes = useStyles$p(props);
     var isLoading = props.isLoading, isDanger = props.isDanger, defaultProps = __rest(props, ["isLoading", "isDanger"]);
-    return (React__default['default'].createElement(MuiButton, __assign({ disableElevation: true, disableRipple: true }, defaultProps, { onClick: defaultProps.onClick, ref: defaultProps.refprop, className: clsx(classes.root, isDanger ? ' gds-button--danger' : '') }), !isLoading ? defaultProps.children : React__default['default'].createElement(CircularProgress$1, { size: 16, color: "inherit" })));
+    return (React__default['default'].createElement(Button$2, __assign({ disableElevation: true, disableRipple: true }, defaultProps, { onClick: defaultProps.onClick, ref: defaultProps.refprop, className: clsx(classes.root, isDanger ? ' gds-button--danger' : '') }), !isLoading ? defaultProps.children : React__default['default'].createElement(CircularProgress$1, { size: 16, color: "inherit" })));
 };
 
 var Checkbox = function (_a) {
@@ -34473,6 +34473,14 @@ var TwoColumnLayout = function (_a) {
 TwoColumnLayout.Left = Left$1;
 TwoColumnLayout.Right = Right$1;
 
+var ToolbarButton = function (_a) {
+    var label = _a.label, icon = _a.icon, props = __rest(_a, ["label", "icon"]);
+    return (React__default['default'].createElement(Button$2, __assign({}, props, { variant: 'outlined', className: 'gds-toolbar-button' }),
+        icon,
+        " ",
+        label));
+};
+
 // Generated with util/create-component.js
 var List = function (props) {
     return (React__default['default'].createElement(MuiList, { component: props.component || "nav", "aria-labelledby": "nested-list-subheader", subheader: React__default['default'].createElement(ListSubheader$2, { component: "div", id: "nested-list-subheader" }, props.subheader) }, props.children));
@@ -35394,6 +35402,17 @@ var Dialog = function (props) {
                 React__default['default'].createElement(DialogActions$1, null, children)))));
 };
 
+var HeaderToolbar = function (_a) {
+    var title = _a.title, left = _a.left, right = _a.right; __rest(_a, ["title", "left", "right"]);
+    return (React__default['default'].createElement(Toolbar$2, { className: 'gds-header-toolbar' },
+        React__default['default'].createElement(Box$2, { display: 'flex', justifyContent: 'space-between', style: { width: '100%' } },
+            React__default['default'].createElement(Box$2, { display: 'flex', flexDirection: 'column', justifyContent: 'stretch' },
+                title && React__default['default'].createElement(Box$2, { className: 'gds-header-toolbar-title', mb: 3 },
+                    React__default['default'].createElement(Typography, { variant: 'h1', color: 'primary' }, title)),
+                left),
+            React__default['default'].createElement(Box$2, { className: 'gds-buttons-w-divider', borderLeft: "1px solid " + common.brand.utility.border }, right))));
+};
+
 function LoaderIcon(props) {
     return (React__default['default'].createElement(SvgIcon$1, __assign({}, props, { viewBox: "0 0 24 30" }),
         React__default['default'].createElement("circle", { r: "3", transform: "translate(2 15)" },
@@ -45810,6 +45829,11 @@ var themeWeb = createTheme({
                         borderColor: pallettes$1.brand.contextual.danger.dark,
                     },
                 },
+                '&.gds-toolbar-button': {
+                    '& .MuiSvgIcon-root': {
+                        display: 'none',
+                    },
+                },
             },
             contained: {
                 backgroundColor: pallettes$1.brand.tertiary.main,
@@ -46249,14 +46273,14 @@ var themeWeb = createTheme({
         MuiCard: {
             root: {
                 borderRadius: 6,
-                boxShadow: "inset 0 0 0 1px " + pallettes$1.brand.utility.border,
+                border: "1px solid " + pallettes$1.brand.utility.border,
                 backgroundColor: '#F6F6F6',
                 transition: 'all 0.25s ease-in-out',
                 "&:hover": {
-                    boxShadow: "inset 0 0 0 1px " + pallettes$1.brand.primary.light,
+                    border: "1px solid " + pallettes$1.brand.primary.light,
                 },
                 '&.gds-card--active': {
-                    boxShadow: "inset 0 0 0 1px " + pallettes$1.brand.secondary.dark,
+                    border: "1px solid " + pallettes$1.brand.secondary.dark,
                 }
             },
         },
@@ -46751,6 +46775,25 @@ var themeWeb = createTheme({
                 },
             },
         },
+        MuiToolbar: {
+            root: {
+                '&.gds-header-toolbar': {
+                    backgroundColor: '#ececec',
+                    minHeight: 50,
+                    paddingLeft: 16,
+                    paddingRight: 16,
+                    '& .gds-header-toolbar-title': {
+                        display: 'none'
+                    },
+                    '& .gds-buttons-w-divider': {
+                        borderLeft: 'none',
+                    },
+                    '& .MuiInputBase-root, & .MuiButtonBase-root': {
+                        maxHeight: 32,
+                    },
+                },
+            },
+        },
         MuiTooltip: {
             tooltip: {
                 fontSize: typography$1.body2.fontSize,
@@ -46935,8 +46978,8 @@ var themeDesktop = createTheme({
         },
         MuiAccordionDetails: {
             root: {
-                padding: 0
-            }
+                padding: 0,
+            },
         },
         MuiAppBar: {
             root: {
@@ -47199,15 +47242,15 @@ var themeDesktop = createTheme({
         },
         MuiCard: {
             root: {
-                boxShadow: "inset 0 0 0 1px " + pallettes.brand.utility.border,
+                border: "1px solid " + pallettes.brand.utility.border,
                 backgroundColor: '#F6F6F6',
                 transition: 'all 0.25s ease-in-out',
-                "&:hover": {
-                    boxShadow: "inset 0 0 0 1px " + pallettes.brand.primary.light,
+                '&:hover': {
+                    border: "1px solid " + pallettes.brand.primary.light,
                 },
                 '&.gds-card--active': {
-                    boxShadow: "inset 0 0 0 1px " + pallettes.brand.secondary.dark,
-                }
+                    border: "1px solid " + pallettes.brand.secondary.dark,
+                },
             },
         },
         MuiFormGroup: {
@@ -47262,6 +47305,21 @@ var themeDesktop = createTheme({
                         borderColor: pallettes.brand.contextual.danger.dark,
                     },
                 },
+                '&.gds-toolbar-button': {
+                    height: 'auto',
+                    maxWidth: 70,
+                    minWidth: 'unset',
+                    padding: 0,
+                    margin: '0 15px',
+                    border: 'none',
+                    backgroundColor: 'transparent',
+                    '& .MuiSvgIcon-root': {
+                        width: 32,
+                        height: 32,
+                        marginBottom: 6,
+                    },
+                    '& $label': __assign(__assign({ flexDirection: 'column', padding: '0 4px', whiteSpace: 'normal' }, typography.body2), { lineHeight: '1rem' }),
+                },
             },
             contained: {
                 backgroundColor: pallettes.brand.tertiary.main,
@@ -47856,7 +47914,14 @@ var themeDesktop = createTheme({
                 borderBottom: 'none',
             },
         },
-        MuiToolbar: {},
+        MuiToolbar: {
+            root: {
+                '&.gds-header-toolbar': {
+                    backgroundColor: common.grey[200],
+                    padding: 15,
+                },
+            },
+        },
         MuiGrid: {
             root: {},
             container: {
@@ -47943,6 +48008,15 @@ function MoreVerticalIcon(props) {
         React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.5C8.26314 10.5 8.49566 10.6008 8.69754 10.8025C8.89943 11.0041 9.00025 11.2366 9 11.5C8.99975 11.7634 8.89893 11.9959 8.69754 12.1975C8.49616 12.3992 8.26364 12.5 8 12.5C7.73636 12.5 7.50384 12.3992 7.30246 12.1975C7.10107 11.9959 7.00025 11.7634 7 11.5C6.99975 11.2366 7.10057 11.0041 7.30246 10.8025C7.50434 10.6008 7.73686 10.5 8 10.5ZM8 7C8.26314 7 8.49566 7.10082 8.69754 7.30246C8.89943 7.50409 9.00025 7.73661 9 8C8.99975 8.26339 8.89893 8.49591 8.69754 8.69754C8.49616 8.89918 8.26364 9 8 9C7.73636 9 7.50384 8.89918 7.30246 8.69754C7.10107 8.49591 7.00025 8.26339 7 8C6.99975 7.73661 7.10057 7.50409 7.30246 7.30246C7.50434 7.10082 7.73686 7 8 7ZM8 3.5C8.26314 3.5 8.49566 3.60082 8.69754 3.80246C8.89943 4.00409 9.00025 4.23661 9 4.5C8.99975 4.76339 8.89893 4.99591 8.69754 5.19754C8.49616 5.39918 8.26364 5.5 8 5.5C7.73636 5.5 7.50384 5.39918 7.30246 5.19754C7.10107 4.99591 7.00025 4.76339 7 4.5C6.99975 4.23661 7.10057 4.00409 7.30246 3.80246C7.50434 3.60082 7.73686 3.5 8 3.5Z" })));
 }
 
+function NewAppointmentIcon(props) {
+    return (React__default['default'].createElement(SvgIcon$1, __assign({ viewBox: "0 0 32 32" }, props),
+        React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0001 4C10.0001 3.72414 10.2242 3.5 10.5001 3.5C10.7759 3.5 11.0001 3.72414 11.0001 4V5.5V6C11.0001 6.27586 10.7759 6.5 10.5001 6.5C10.2242 6.5 10.0001 6.27586 10.0001 6V4ZM12.0001 5V4C12.0001 3.17186 11.3282 2.5 10.5001 2.5C9.67194 2.5 9.00008 3.17186 9.00008 4V5.02083H7.63653C5.63761 5.02083 4.021 6.64748 4.021 8.65V9.5V23.35C4.021 25.3525 5.63761 26.9792 7.63653 26.9792H16.5002C16.7648 26.9792 16.9793 26.7646 16.9793 26.5C16.9793 26.2354 16.7648 26.0208 16.5002 26.0208H7.63653C6.1708 26.0208 4.97933 24.8272 4.97933 23.35V9.97917H27.021V16.5C27.021 16.7646 27.2355 16.9792 27.5002 16.9792C27.7648 16.9792 27.9793 16.7646 27.9793 16.5V9.5V8.65C27.9793 6.64748 26.3627 5.02083 24.3638 5.02083H23.0001V4C23.0001 3.17186 22.3282 2.5 21.5001 2.5C20.6719 2.5 20.0001 3.17186 20.0001 4V5H12.0001ZM12.0001 6C12.0001 6.82814 11.3282 7.5 10.5001 7.5C9.67194 7.5 9.00008 6.82814 9.00008 6V5.97917H7.63653C6.1708 5.97917 4.97933 7.17282 4.97933 8.65V9.02083H27.021V8.65C27.021 7.17282 25.8295 5.97917 24.3638 5.97917H23.0001V6C23.0001 6.82814 22.3282 7.5 21.5001 7.5C20.6719 7.5 20.0001 6.82814 20.0001 6H12.0001ZM21.0001 5.5L21.0001 6C21.0001 6.27586 21.2242 6.5 21.5001 6.5C21.7759 6.5 22.0001 6.27586 22.0001 6V4C22.0001 3.72414 21.7759 3.5 21.5001 3.5C21.2242 3.5 21.0001 3.72414 21.0001 4L21.0001 5.5Z", fill: "#1E365E" }),
+        React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 17C12.2241 17 12 17.2241 12 17.5C12 17.7759 12.2241 18 12.5 18C12.7759 18 13 17.7759 13 17.5C13 17.2241 12.7759 17 12.5 17ZM11 17.5C11 16.6719 11.6719 16 12.5 16C13.3281 16 14 16.6719 14 17.5C14 18.3281 13.3281 19 12.5 19C11.6719 19 11 18.3281 11 17.5Z", fill: "#32ABE2" }),
+        React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.5 19C21.4622 19 19 21.4631 19 24.5C19 27.5379 21.4621 30 24.5 30C27.5369 30 30 27.5378 30 24.5C30 21.4631 27.5369 19 24.5 19ZM18 24.5C18 20.9109 20.9098 18 24.5 18C28.0891 18 31 20.9109 31 24.5C31 28.0902 28.0891 31 24.5 31C20.9099 31 18 28.0901 18 24.5Z", fill: "#3FAF2A" }),
+        React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 24.5C21 24.2239 21.2239 24 21.5 24H27.5C27.7761 24 28 24.2239 28 24.5C28 24.7761 27.7761 25 27.5 25H21.5C21.2239 25 21 24.7761 21 24.5Z", fill: "#3FAF2A" }),
+        React__default['default'].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.5 21C24.7761 21 25 21.2239 25 21.5V27.5C25 27.7761 24.7761 28 24.5 28C24.2239 28 24 27.7761 24 27.5V21.5C24 21.2239 24.2239 21 24.5 21Z", fill: "#3FAF2A" })));
+}
+
 function CalendarIcon(props) {
     return (React__default['default'].createElement(SvgIcon$1, __assign({}, props),
         React__default['default'].createElement("rect", { x: "4.03812", y: "7.03696", width: "16", height: "12", fill: "white" }),
@@ -48059,6 +48133,7 @@ exports.FormContainer = FormContainer;
 exports.FormGroup = FormGroup;
 exports.FormHeader = FormHeader;
 exports.Grid = Grid;
+exports.HeaderToolbar = HeaderToolbar;
 exports.HomeIcon = HomeIcon;
 exports.IconButton = IconButton;
 exports.InfoCircleIcon = InfoCircleIcon;
@@ -48082,6 +48157,7 @@ exports.MenuHeader = MenuHeader;
 exports.MenuItem = MenuItem;
 exports.MenuItemSystem = MenuItemSystem;
 exports.MoreVerticalIcon = MoreVerticalIcon;
+exports.NewAppoinmentIcon = NewAppointmentIcon;
 exports.PoweredByLawconnectLogo = PoweredByLawconnectLogo;
 exports.PreviewIcon = PreviewIcon;
 exports.Radio = Radio;
@@ -48108,6 +48184,7 @@ exports.Tag = Tag;
 exports.ThemeProvider = ThemeProvider;
 exports.TickIcon = TickIcon;
 exports.Toolbar = Toolbar;
+exports.ToolbarButton = ToolbarButton;
 exports.Tooltip = Tooltip;
 exports.TwoColumnLayout = TwoColumnLayout;
 exports.Typography = Typography;