@galaxy-ds/core 1.1.74 → 1.1.75

package/dist/FormHeader/FormHeader.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { FormHeaderProps } from "./FormHeader.types";
+import React from 'react';
+import { FormHeaderProps } from './FormHeader.types';
 declare const FormHeader: React.FC<FormHeaderProps>;
 export default FormHeader;

package/dist/index.esm.js

@@ -34234,82 +34234,90 @@ function LawconnectIcon(props) {
         React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.163 119.104a69.739 69.739 0 0049.313 20.426h.133a69.68 69.68 0 0064.35-43.067 69.663 69.663 0 005.281-26.673h-33.528v.042a36.23 36.23 0 01-22.382 33.464 36.236 36.236 0 11-13.853-69.718V.05a69.74 69.74 0 00-49.314 119.054zm119.049-95.585c0 12.962-10.507 23.47-23.469 23.47-12.962 0-23.47-10.508-23.47-23.47S103.782.049 116.744.049s23.469 10.508 23.469 23.47z", fill: "#ecedef" })));
 }
 
-var useStyles$m = makeStyles({
-    root: {
-        '&.gds-header': {
-            overflow: "hidden",
-            backgroundColor: "#F9F9F9",
-            position: "relative",
-            padding: 16,
-            minHeight: 81,
-            display: 'flex',
-            flexDirection: "column",
-        },
-        '& .gds-header_detail': {
-            display: "flex",
-            alignItems: "center",
-            zIndex: 9,
-            position: "relative",
-            minHeight: 21,
-            "& button": {
-                fontSize: 12
-            }
-        },
-        '& .gds-header_accent': {
-            position: "absolute",
-            top: -78,
-            right: 32,
-            zIndex: 1,
-            opacity: '0.7'
-        },
-        '& .gds-header_content': {
-            maxHeight: 77,
-            overflowY: "auto",
-            zIndex: 9,
-            marginTop: 10,
-        },
-        '& .gds-header_divider': {
-            height: 16,
-        },
-        "& .gds-header_info": {
-            paddingTop: 0,
-            paddingBottom: 0,
-            flexWrap: 'nowrap',
-            "& p": {
-                fontWeight: 500,
-                color: "#6d7278",
-                whiteSpace: 'nowrap'
+var useStyles$m = makeStyles(function (theme) {
+    var _a;
+    return ({
+        root: {
+            '&.gds-header': {
+                overflow: 'hidden',
+                backgroundColor: '#F9F9F9',
+                position: 'relative',
+                padding: 16,
+                minHeight: 81,
+                display: 'flex',
+                flexDirection: 'column',
+            },
+            '& .gds-header_detail': {
+                display: 'flex',
+                alignItems: 'center',
+                zIndex: 9,
+                position: 'relative',
+                minHeight: 21,
+                '& button': {
+                    fontSize: 12,
+                },
+            },
+            '& .gds-header_accent': {
+                position: 'absolute',
+                top: -78,
+                right: 32,
+                zIndex: 1,
+                opacity: '0.7',
             },
-            "& .MuiButton-label": {
+            '& .gds-header_content': {
+                maxHeight: 77,
+                overflowY: 'auto',
+                zIndex: 9,
+                marginTop: 10,
+            },
+            '& .gds-header_divider': {
+                height: 16,
+            },
+            '& .gds-header_info': (_a = {
+                    paddingTop: 0,
+                    paddingBottom: 0
+                },
+                _a[theme.breakpoints.down('sm')] = {
+                    justifyContent: 'flex-start',
+                },
+                _a[theme.breakpoints.up('sm')] = {
+                    justifyContent: 'flex-end',
+                },
+                _a['& p'] = {
+                    fontWeight: 500,
+                    color: '#6d7278',
+                    whiteSpace: 'nowrap',
+                },
+                _a['& .MuiButton-label'] = {
+                    top: 0,
+                },
+                _a['& .MuiButtonBase-root'] = {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    height: 21,
+                },
+                _a),
+            '&.gds-header-fixed': {
+                position: 'absolute',
                 top: 0,
+                left: 0,
+                right: 0,
+                width: '100%',
             },
-            "& .MuiButtonBase-root": {
-                paddingTop: 0,
-                paddingBottom: 0,
-                height: 21
-            }
-        },
-        "&.gds-header-fixed": {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            width: '100%'
         },
-    },
+    });
 });
 var FormHeader = React__default.forwardRef(function (props, ref) {
     var classes = useStyles$m();
     return (React__default.createElement(Box$2, { className: clsx(classes.root, 'gds-header', props.fixed ? 'gds-header-fixed' : '') },
-        props.hideBranding ? "" :
-            React__default.createElement("div", { className: clsx(classes.root, 'gds-header_accent') },
-                React__default.createElement(LawconnectIcon, { size: "260" })),
-        React__default.createElement(Box$2, { className: clsx(classes.root, 'gds-header_detail') },
-            React__default.createElement(Grid$2, { item: true, xs: 5, className: clsx("gds-toolbar-title") }, props.platformWeb ? (React__default.createElement(Typography, { color: "default", variant: "body2", upperCase: true }, props.title)) : (React__default.createElement(Typography, { variant: "h4", upperCase: true }, props.title))),
-            React__default.createElement(Grid$2, { item: true, xs: 7 },
-                React__default.createElement(Grid$2, { container: true, alignItems: "center", justifyContent: "flex-end", className: clsx(classes.root, 'gds-header_info') },
+        props.hideBranding ? ('') : (React__default.createElement("div", { className: clsx(classes.root, 'gds-header_accent') },
+            React__default.createElement(LawconnectIcon, { size: "260" }))),
+        React__default.createElement(Grid$2, { container: true, className: clsx(classes.root, 'gds-header_detail') },
+            React__default.createElement(Grid$2, { item: true, xs: 12, sm: 5, className: clsx('gds-toolbar-title') }, props.platformWeb ? (React__default.createElement(Typography, { color: "default", variant: "body2", upperCase: true }, props.title)) : (React__default.createElement(Typography, { variant: "h4", upperCase: true }, props.title))),
+            React__default.createElement(Grid$2, { item: true, xs: 12, sm: 7 },
+                React__default.createElement(Grid$2, { container: true, className: clsx(classes.root, 'gds-header_info') },
                     props.from ? (React__default.createElement(Typography, { align: "right", variant: "body2" }, props.from)) : null,
-                    props.from && props.onClick ? React__default.createElement(Divider, { orientation: "vertical" }) : null,
+                    props.from && props.onClick ? (React__default.createElement(Divider, { orientation: "vertical" })) : null,
                     props.onClick ? (React__default.createElement(Button, { color: "primary", variant: "text", onClick: props.onClick }, "Change")) : null))),
         React__default.createElement("div", { className: clsx(classes.root, 'gds-header_content') }, props.children)));
 });