@galaxy-ds/core 1.1.52 → 1.1.56

package/dist/Themes/Core/common.d.ts

@@ -17,6 +17,7 @@ export declare const grey: {
     50: string;
 };
 export declare const blue: {
+    200: string;
     100: string;
     50: string;
 };
@@ -141,6 +142,7 @@ export declare const brand: {
 };
 declare const common: {
     blue: {
+        200: string;
         100: string;
         50: string;
     };

package/dist/index.esm.js

@@ -33023,6 +33023,7 @@ var grey$2 = {
     50: '#FFFFFF'
 };
 var blue = {
+    200: '#ebf1f4',
     100: "#C2D8E7",
     50: "#E0ECF5"
 };
@@ -35682,6 +35683,8 @@ var useStyles$a = makeStyles(function (theme) {
                     : 'none',
         }); },
         containerDivider: function (props) { return ({
+            display: 'flex',
+            marginLeft: 'auto',
             borderLeft: props.divider === undefined
                 ? theme.shape.borderRadius === 0
                     ? "1px solid " + common.brand.utility.border
@@ -35697,10 +35700,10 @@ var HeaderToolbar = function (_a) {
     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 });
     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" },
+        React__default.createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%', overflow: 'hidden' } },
+            React__default.createElement(Box$2, { style: { flex: '1', maxWidth: right ? '70%' : '90%', paddingRight: '16px' }, 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(Typography, { variant: "h1", noWrap: true, color: "primary" }, title))),
                 left),
             right && (React__default.createElement(Box$2, { className: clsx("gds-buttons-w-divider", classes.containerDivider) }, right)))));
 };
@@ -36091,9 +36094,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"]);
@@ -46978,21 +46981,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': {
@@ -47002,6 +47007,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: {
@@ -47798,6 +47809,22 @@ var themeWeb = createTheme({
                 },
             },
         },
+        MuiTableRow: {
+            root: {
+                '&.MuiTableRow-hover': {
+                    backgroundColor: 'transparent',
+                    '&:hover': {
+                        backgroundColor: '#f3f3f3',
+                    },
+                },
+                '&.Mui-selected': {
+                    backgroundColor: common.blue[200],
+                    '&:hover': {
+                        backgroundColor: common.blue[200],
+                    },
+                },
+            },
+        },
         MuiToolbar: {
             root: {
                 '&.gds-header-toolbar': {
@@ -47813,7 +47840,7 @@ var themeWeb = createTheme({
                     },
                     '&.with-title': {
                         padding: 16,
-                    }
+                    },
                 },
             },
         },
@@ -47982,7 +48009,7 @@ var themeDesktop = createTheme({
                 },
                 '&$expanded': {
                     margin: 0,
-                }
+                },
             },
         },
         MuiAccordionSummary: {
@@ -48532,14 +48559,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': {
@@ -48556,6 +48586,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: {
@@ -48987,22 +49023,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: {