@unicef/material-ui 3.0.0 → 3.0.1

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/lib/prod.js CHANGED
@@ -6687,7 +6687,7 @@ var classes$e = {
6687
6687
  };
6688
6688
  var StyledAppBar = styled$1(AppBar, {
6689
6689
  shouldForwardProp: function shouldForwardProp(prop) {
6690
- return !['bgColor', 'showHamburgerMenu', 'hideLogo', 'hideLogoBorderLine', 'openDrawer', 'toggleDrawer', 'logo', 'applicationName', 'logoUrl', 'onLogoClick', 'ariaHamburgerMenuLabel'].includes(prop);
6690
+ return !['bgColor', 'showHamburgerMenu', 'hideLogo', 'hideLogoBorderLine', 'openDrawer', 'toggleDrawer', 'logo', 'secondaryLogo', 'applicationName', 'logoUrl', 'onLogoClick', 'ariaHamburgerMenuLabel'].includes(prop);
6691
6691
  }
6692
6692
  })(function (_ref) {
6693
6693
  var theme = _ref.theme,
@@ -6700,7 +6700,9 @@ var StyledAppBar = styled$1(AppBar, {
6700
6700
  flexGrow: 1,
6701
6701
  paddingLeft: theme.spacing(2)
6702
6702
  }), "& .".concat(classes$e.title), {
6703
- flexGrow: 1
6703
+ flexGrow: 1,
6704
+ display: 'flex',
6705
+ alignItems: 'center'
6704
6706
  }), "& .".concat(classes$e.navRight), {
6705
6707
  borderBottomLeftRadius: theme.spacing(4),
6706
6708
  borderTopLeftRadius: theme.spacing(4),
@@ -6734,6 +6736,7 @@ function UHeader(props) {
6734
6736
  _props$hideLogo = props.hideLogo,
6735
6737
  hideLogo = _props$hideLogo === void 0 ? false : _props$hideLogo,
6736
6738
  logo = props.logo,
6739
+ secondaryLogo = props.secondaryLogo,
6737
6740
  _props$hideLogoBorder = props.hideLogoBorderLine,
6738
6741
  hideLogoBorderLine = _props$hideLogoBorder === void 0 ? true : _props$hideLogoBorder,
6739
6742
  _props$logoUrl = props.logoUrl,
@@ -6819,7 +6822,7 @@ function UHeader(props) {
6819
6822
  })))) || '', /*#__PURE__*/React__default.createElement(Typography$2, {
6820
6823
  variant: "h6",
6821
6824
  className: classes$e.title
6822
- }, /*#__PURE__*/React__default.createElement(Link$2, {
6825
+ }, secondaryLogo ? secondaryLogo : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(Link$2, {
6823
6826
  color: "inherit",
6824
6827
  underline: "none",
6825
6828
  onClick: function onClick(e) {
@@ -6863,6 +6866,8 @@ UHeader.propTypes = {
6863
6866
  logoUrl: PropTypes.string,
6864
6867
  /** To show new logo or image */
6865
6868
  logo: PropTypes.element,
6869
+ /** To show secondary logo or image */
6870
+ secondaryLogo: PropTypes.element,
6866
6871
  /** It is the separator line between application name and logo with white border. */
6867
6872
  hideLogoBorderLine: PropTypes.bool,
6868
6873
  /** Calls back when there is a click on Logo as well as app name and prevents the url to push to home*/