@czi-sds/components 22.15.1 → 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.
Files changed (6) hide show
  1. package/dist/index.cjs.d.ts +2 -2
  2. package/dist/index.cjs.js +2 -2
  3. package/dist/index.esm.d.ts +2 -2
  4. package/dist/index.esm.js +2 -2
  5. package/dist/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +2 -2
package/dist/index.cjs.d.ts CHANGED
@@ -1807,7 +1807,7 @@ interface NavigationFooterProps {
1807
1807
  navLinks?: NavigationFooterNavItem[];
1808
1808
  tag?: string;
1809
1809
  tagColor?: TagProps["tagColor"];
1810
- title: string;
1810
+ title?: string;
1811
1811
  }
1812
1812
  interface NavItemProps {
1813
1813
  item: NavigationFooterNavItem;
@@ -1929,7 +1929,7 @@ interface NavigationHeaderProps<T extends string = string> extends Omit<AppBarPr
1929
1929
  showSearch?: boolean;
1930
1930
  tag?: string;
1931
1931
  tagColor?: SdsTagColorType;
1932
- title: string;
1932
+ title?: string;
1933
1933
  drawerOpen?: boolean;
1934
1934
  setDrawerOpen?: (open: boolean) => void;
1935
1935
  menuProps?: Partial<MenuProps$0>;
package/dist/index.cjs.js CHANGED
@@ -14990,7 +14990,7 @@ function NavigationFooter(_a) {
14990
14990
  return (jsxRuntime.jsx(MobileLinkRow, { links: navLinks, hasInvertedStyle: hasInvertedStyle }));
14991
14991
  }, [navLinks, dimensions.isNarrow, hasInvertedStyle]);
14992
14992
  var logoNode = React.useMemo(function () {
14993
- var node = (jsxRuntime.jsxs(StyledLogoWrapper$1, { isNarrow: dimensions.isNarrow, hasInvertedStyle: hasInvertedStyle, children: [logo, jsxRuntime.jsx("p", { children: title }), tag && jsxRuntime.jsx(Tag, { tagColor: tagColor, label: tag, hover: false })] }));
14993
+ var node = (jsxRuntime.jsxs(StyledLogoWrapper$1, { isNarrow: dimensions.isNarrow, hasInvertedStyle: hasInvertedStyle, children: [logo, title && jsxRuntime.jsx("p", { children: title }), tag && jsxRuntime.jsx(Tag, { tagColor: tagColor, label: tag, hover: false })] }));
14994
14994
  return logoUrl ? (jsxRuntime.jsx(Link, __assign({ href: logoUrl, component: logoComponent }, logoLinkProps, { children: node }))) : (node);
14995
14995
  }, [
14996
14996
  dimensions.isNarrow,
@@ -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.d.ts CHANGED
@@ -1807,7 +1807,7 @@ interface NavigationFooterProps {
1807
1807
  navLinks?: NavigationFooterNavItem[];
1808
1808
  tag?: string;
1809
1809
  tagColor?: TagProps["tagColor"];
1810
- title: string;
1810
+ title?: string;
1811
1811
  }
1812
1812
  interface NavItemProps {
1813
1813
  item: NavigationFooterNavItem;
@@ -1929,7 +1929,7 @@ interface NavigationHeaderProps<T extends string = string> extends Omit<AppBarPr
1929
1929
  showSearch?: boolean;
1930
1930
  tag?: string;
1931
1931
  tagColor?: SdsTagColorType;
1932
- title: string;
1932
+ title?: string;
1933
1933
  drawerOpen?: boolean;
1934
1934
  setDrawerOpen?: (open: boolean) => void;
1935
1935
  menuProps?: Partial<MenuProps$0>;
package/dist/index.esm.js CHANGED
@@ -14967,7 +14967,7 @@ function NavigationFooter(_a) {
14967
14967
  return (jsx(MobileLinkRow, { links: navLinks, hasInvertedStyle: hasInvertedStyle }));
14968
14968
  }, [navLinks, dimensions.isNarrow, hasInvertedStyle]);
14969
14969
  var logoNode = useMemo(function () {
14970
- var node = (jsxs(StyledLogoWrapper$1, { isNarrow: dimensions.isNarrow, hasInvertedStyle: hasInvertedStyle, children: [logo, jsx("p", { children: title }), tag && jsx(Tag, { tagColor: tagColor, label: tag, hover: false })] }));
14970
+ var node = (jsxs(StyledLogoWrapper$1, { isNarrow: dimensions.isNarrow, hasInvertedStyle: hasInvertedStyle, children: [logo, title && jsx("p", { children: title }), tag && jsx(Tag, { tagColor: tagColor, label: tag, hover: false })] }));
14971
14971
  return logoUrl ? (jsx(Link, __assign({ href: logoUrl, component: logoComponent }, logoLinkProps, { children: node }))) : (node);
14972
14972
  }, [
14973
14973
  dimensions.isNarrow,
@@ -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
  }