@galaxy-ds/core 1.1.55 → 1.1.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -35710,6 +35710,8 @@ var useStyles$a = makeStyles(function (theme) {
35710
35710
  : 'none',
35711
35711
  }); },
35712
35712
  containerDivider: function (props) { return ({
35713
+ display: 'flex',
35714
+ marginLeft: 'auto',
35713
35715
  borderLeft: props.divider === undefined
35714
35716
  ? theme.shape.borderRadius === 0
35715
35717
  ? "1px solid " + common.brand.utility.border
@@ -35725,10 +35727,10 @@ var HeaderToolbar = function (_a) {
35725
35727
  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"]);
35726
35728
  var classes = useStyles$a({ bgColor: bgColor, bgImageURL: bgImageURL, bgPosition: bgPosition, bgSize: bgSize, titleVisibility: titleVisibility, divider: divider });
35727
35729
  return (React__default["default"].createElement(Toolbar$2, { className: clsx('gds-header-toolbar', classes.bgWrapper, (_b = {}, _b['with-title'] = titleVisibility, _b)) },
35728
- React__default["default"].createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%' } },
35729
- React__default["default"].createElement(Box$2, { display: "flex", flexDirection: "column", justifyContent: "stretch" },
35730
+ React__default["default"].createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%', overflow: 'hidden' } },
35731
+ React__default["default"].createElement(Box$2, { style: { flex: '1', maxWidth: right ? '70%' : '90%', paddingRight: '16px' }, display: "flex", flexDirection: "column", justifyContent: "stretch" },
35730
35732
  title && (React__default["default"].createElement(Box$2, { className: clsx("gds-header-toolbar-title", classes.titleVis), mb: 3 },
35731
- React__default["default"].createElement(Typography, { variant: "h1", color: "primary" }, title))),
35733
+ React__default["default"].createElement(Typography, { variant: "h1", noWrap: true, color: "primary" }, title))),
35732
35734
  left),
35733
35735
  right && (React__default["default"].createElement(Box$2, { className: clsx("gds-buttons-w-divider", classes.containerDivider) }, right)))));
35734
35736
  };