@czi-sds/components 22.16.0 → 22.16.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/dist/index.cjs.js CHANGED
@@ -16519,7 +16519,7 @@ var NavigationHeader = React.forwardRef(function (props, ref) {
16519
16519
  return (showSearch && (jsxRuntime.jsx(StyledSearch, __assign({ id: "nav-bar-search", label: "Search", placeholder: "Search", sdsStyle: "rounded", hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow }, searchProps))));
16520
16520
  };
16521
16521
  var renderLogoNode = function () {
16522
- var logoNode = (jsxRuntime.jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsxRuntime.jsx(StyledLogoWrapper, { children: logo }), jsxRuntime.jsxs(StyledTitleTagWrapper, { children: [title && jsxRuntime.jsx("p", { children: title }), tag && jsxRuntime.jsx(StyledTag$2, { color: tagColor, label: tag, hover: false })] })] }));
16522
+ var logoNode = (jsxRuntime.jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsxRuntime.jsx(StyledLogoWrapper, { children: logo }), (title || tag) && (jsxRuntime.jsxs(StyledTitleTagWrapper, { children: [title && jsxRuntime.jsx("p", { children: title }), tag && jsxRuntime.jsx(StyledTag$2, { color: tagColor, label: tag, hover: false })] }))] }));
16523
16523
  if (logoLinkComponent || logoUrl) {
16524
16524
  logoNode = (jsxRuntime.jsx(StyledLogoLinkWrapper, __assign({ component: logoLinkComponent, href: logoUrl }, logoLinkProps, { isNarrow: dimensions.isNarrow, children: logoNode })));
16525
16525
  }
package/dist/index.esm.js CHANGED
@@ -16496,7 +16496,7 @@ var NavigationHeader = forwardRef(function (props, ref) {
16496
16496
  return (showSearch && (jsx(StyledSearch, __assign({ id: "nav-bar-search", label: "Search", placeholder: "Search", sdsStyle: "rounded", hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow }, searchProps))));
16497
16497
  };
16498
16498
  var renderLogoNode = function () {
16499
- var logoNode = (jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsx(StyledLogoWrapper, { children: logo }), jsxs(StyledTitleTagWrapper, { children: [title && jsx("p", { children: title }), tag && jsx(StyledTag$2, { color: tagColor, label: tag, hover: false })] })] }));
16499
+ var logoNode = (jsxs(StyledTitleContainer, { hasInvertedStyle: hasInvertedStyle, isNarrow: dimensions.isNarrow, children: [logo && jsx(StyledLogoWrapper, { children: logo }), (title || tag) && (jsxs(StyledTitleTagWrapper, { children: [title && jsx("p", { children: title }), tag && jsx(StyledTag$2, { color: tagColor, label: tag, hover: false })] }))] }));
16500
16500
  if (logoLinkComponent || logoUrl) {
16501
16501
  logoNode = (jsx(StyledLogoLinkWrapper, __assign({ component: logoLinkComponent, href: logoUrl }, logoLinkProps, { isNarrow: dimensions.isNarrow, children: logoNode })));
16502
16502
  }