@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.esm.js CHANGED
@@ -35683,6 +35683,8 @@ var useStyles$a = makeStyles(function (theme) {
35683
35683
  : 'none',
35684
35684
  }); },
35685
35685
  containerDivider: function (props) { return ({
35686
+ display: 'flex',
35687
+ marginLeft: 'auto',
35686
35688
  borderLeft: props.divider === undefined
35687
35689
  ? theme.shape.borderRadius === 0
35688
35690
  ? "1px solid " + common.brand.utility.border
@@ -35698,10 +35700,10 @@ var HeaderToolbar = function (_a) {
35698
35700
  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"]);
35699
35701
  var classes = useStyles$a({ bgColor: bgColor, bgImageURL: bgImageURL, bgPosition: bgPosition, bgSize: bgSize, titleVisibility: titleVisibility, divider: divider });
35700
35702
  return (React__default.createElement(Toolbar$2, { className: clsx('gds-header-toolbar', classes.bgWrapper, (_b = {}, _b['with-title'] = titleVisibility, _b)) },
35701
- React__default.createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%' } },
35702
- React__default.createElement(Box$2, { display: "flex", flexDirection: "column", justifyContent: "stretch" },
35703
+ React__default.createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%', overflow: 'hidden' } },
35704
+ React__default.createElement(Box$2, { style: { flex: '1', maxWidth: right ? '70%' : '90%', paddingRight: '16px' }, display: "flex", flexDirection: "column", justifyContent: "stretch" },
35703
35705
  title && (React__default.createElement(Box$2, { className: clsx("gds-header-toolbar-title", classes.titleVis), mb: 3 },
35704
- React__default.createElement(Typography, { variant: "h1", color: "primary" }, title))),
35706
+ React__default.createElement(Typography, { variant: "h1", noWrap: true, color: "primary" }, title))),
35705
35707
  left),
35706
35708
  right && (React__default.createElement(Box$2, { className: clsx("gds-buttons-w-divider", classes.containerDivider) }, right)))));
35707
35709
  };