@galaxy-ds/core 1.1.53 → 1.1.57

package/dist/HeaderToolbar/HeaderToolbarProps.types.d.ts

@@ -9,4 +9,5 @@ export interface HeaderToolbarProps {
     bgPosition?: string;
     bgSize?: string;
     divider?: boolean;
+    tooltip?: boolean;
 }

package/dist/index.esm.js

@@ -35683,6 +35683,9 @@ var useStyles$a = makeStyles(function (theme) {
                     : 'none',
         }); },
         containerDivider: function (props) { return ({
+            flexShrink: 0,
+            display: 'flex',
+            flexDirection: 'row',
             borderLeft: props.divider === undefined
                 ? theme.shape.borderRadius === 0
                     ? "1px solid " + common.brand.utility.border
@@ -35691,17 +35694,28 @@ var useStyles$a = makeStyles(function (theme) {
                     ? "1px solid " + common.brand.utility.border
                     : 'none',
         }); },
+        toolbarContainer: function (props) { return ({
+            paddingRight: '16px',
+            display: 'grid',
+        }); },
+        toolbarWrap: function (props) { return ({
+            width: '100%',
+            overflow: 'hidden',
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "flex-end",
+        }); },
     });
 });
 var HeaderToolbar = function (_a) {
     var _b;
-    var title = _a.title, titleVisibility = _a.titleVisibility, left = _a.left, right = _a.right, bgColor = _a.bgColor, bgImageURL = _a.bgImageURL, _c = _a.bgPosition, bgPosition = _c === void 0 ? 'center' : _c, bgSize = _a.bgSize, divider = _a.divider; __rest(_a, ["title", "titleVisibility", "left", "right", "bgColor", "bgImageURL", "bgPosition", "bgSize", "divider"]);
-    var classes = useStyles$a({ bgColor: bgColor, bgImageURL: bgImageURL, bgPosition: bgPosition, bgSize: bgSize, titleVisibility: titleVisibility, divider: divider });
+    var title = _a.title, titleVisibility = _a.titleVisibility, left = _a.left, right = _a.right, bgColor = _a.bgColor, bgImageURL = _a.bgImageURL, _c = _a.bgPosition, bgPosition = _c === void 0 ? 'center' : _c, bgSize = _a.bgSize, divider = _a.divider, tooltip = _a.tooltip; __rest(_a, ["title", "titleVisibility", "left", "right", "bgColor", "bgImageURL", "bgPosition", "bgSize", "divider", "tooltip"]);
+    var classes = useStyles$a({ bgColor: bgColor, bgImageURL: bgImageURL, right: right, bgPosition: bgPosition, bgSize: bgSize, titleVisibility: titleVisibility, divider: divider });
     return (React__default.createElement(Toolbar$2, { className: clsx('gds-header-toolbar', classes.bgWrapper, (_b = {}, _b['with-title'] = titleVisibility, _b)) },
-        React__default.createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%' } },
-            React__default.createElement(Box$2, { display: "flex", flexDirection: "column", justifyContent: "stretch" },
-                title && (React__default.createElement(Box$2, { className: clsx("gds-header-toolbar-title", classes.titleVis), mb: 3 },
-                    React__default.createElement(Typography, { variant: "h1", color: "primary" }, title))),
+        React__default.createElement(Box$2, { className: clsx(classes.toolbarWrap) },
+            React__default.createElement(Box$2, { className: clsx(classes.toolbarContainer) },
+                title && (tooltip ? (React__default.createElement(Tooltip, { title: title, placement: "bottom-start" },
+                    React__default.createElement(Typography, { gutterBottom: true, variant: "h1", noWrap: true, color: "primary" }, title))) : (React__default.createElement(Typography, { gutterBottom: true, variant: "h1", noWrap: true, color: "primary" }, title))),
                 left),
             right && (React__default.createElement(Box$2, { className: clsx("gds-buttons-w-divider", classes.containerDivider) }, right)))));
 };
@@ -36092,9 +36106,9 @@ var TableCell = function (props) {
     return (React__default.createElement(MuiTableCell, __assign$1({}, rest, { className: clsx(variantProp) })));
 };
 
-var TableRow = function (props) {
-    return (React__default.createElement(MuiTableRow, __assign$1({}, props)));
-};
+var TableRow = React__default.forwardRef(function (props, ref) {
+    return React__default.createElement(MuiTableRow, __assign$1({}, props, { ref: ref }));
+});
 
 var TableFooter = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
@@ -46979,21 +46993,23 @@ var themeWeb = createTheme({
                     top: 'unset',
                     left: 'unset',
                 },
-                '& input:focus': {
-                    borderColor: pallettes$1.brand.primary.main,
-                    boxShadow: "0 0 0 0.2rem " + pallettes$1.brand.primary.transparent,
-                },
-                '&$checked input': {
-                    backgroundColor: '#fef7f0',
-                },
-                '&$checked input::after': {
+                '& input::after': {
                     content: '""',
-                    display: 'block',
+                    display: 'none',
                     position: 'absolute',
                     top: -1,
                     left: -1,
                     width: 16,
                     height: 16,
+                    backgroundColor: '#fef7f0',
+                    border: "1px solid " + pallettes$1.brand.utility.border,
+                },
+                '& input:focus': {
+                    borderColor: pallettes$1.brand.primary.main,
+                    boxShadow: "0 0 0 0.2rem " + pallettes$1.brand.primary.transparent,
+                },
+                '&$checked input::after': {
+                    display: 'block',
                     backgroundImage: "url(\"data:image/svg+xml;chatset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon fill='%231C365F' points='4 6 7 9 12 4 12 7 7 12 4 9'%3E%3C/polygon%3E%3C/svg%3E\")",
                 },
                 '&$disabled': {
@@ -47003,6 +47019,12 @@ var themeWeb = createTheme({
                     marginLeft: 8,
                 },
             },
+            indeterminate: {
+                '& input::after': {
+                    display: 'block',
+                    backgroundImage: "url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%231C365F' x='3' y='7' width='10' height='2'/%3E%3C/svg%3E\")",
+                },
+            },
         },
         MuiChip: {
             root: {
@@ -47999,7 +48021,7 @@ var themeDesktop = createTheme({
                 },
                 '&$expanded': {
                     margin: 0,
-                }
+                },
             },
         },
         MuiAccordionSummary: {
@@ -48549,14 +48571,17 @@ var themeDesktop = createTheme({
                 '&:hover input': {
                     borderColor: pallettes.brand.primary.light,
                 },
-                '&$checked input::after': {
+                '& input::after': {
                     content: '""',
-                    display: 'block',
+                    display: 'none',
                     position: 'absolute',
                     top: -1,
                     left: -1,
                     width: 13,
                     height: 13,
+                },
+                '&$checked input::after': {
+                    display: 'block',
                     backgroundImage: "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47177 9.17886L11.323 3.38169L10.677 2.6183L4.52824 7.82113L2.35356 5.64644L1.64645 6.35355L4.47177 9.17886Z' fill='currentColor'/%3E%3C/svg%3E\")",
                 },
                 '&$checked:hover input': {
@@ -48573,6 +48598,12 @@ var themeDesktop = createTheme({
                     marginLeft: 10,
                 },
             },
+            indeterminate: {
+                '& input::after': {
+                    display: 'block',
+                    backgroundImage: "url(\"data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='6' width='7' height='1' fill='currentColor'/%3E%3C/svg%3E%0A\")",
+                },
+            },
         },
         MuiFormControlLabel: {
             root: {
@@ -49004,22 +49035,22 @@ var themeDesktop = createTheme({
         },
         MuiTableRow: {
             root: {
-                "&.MuiTableRow-hover": {
-                    backgroundColor: "transparent",
-                    "&:hover": {
-                        backgroundColor: "#f3f3f3",
-                    }
+                '&.MuiTableRow-hover': {
+                    backgroundColor: 'transparent',
+                    '&:hover': {
+                        backgroundColor: '#f3f3f3',
+                    },
                 },
-                "&.Mui-selected": {
+                '&.Mui-selected': {
                     backgroundColor: common.blue[50],
-                    "&:hover": {
+                    '&:hover': {
                         backgroundColor: common.blue[50],
-                    }
-                }
+                    },
+                },
             },
             footer: {
                 borderBottom: 'none',
-            }
+            },
         },
         MuiToolbar: {
             root: {