boreal-ui 0.0.16 → 0.0.17

package/dist/core/{NavBar-C5UMiYpA.cjs → NavBar-CDI5S3fK.cjs}

@@ -12,10 +12,11 @@ const BaseNavBar = ({
   theme = borealStyleConfig.getDefaultTheme(),
   rounding = borealStyleConfig.getDefaultRounding(),
   shadow = borealStyleConfig.getDefaultShadow(),
+  className,
   "data-testid": testId = "empty-state"
 }) => {
   const wrapperClass = React.useMemo(
-    () => classNames.combineClassNames(classMap.container, classMap[theme]),
+    () => classNames.combineClassNames(classMap.container, classMap[theme], className),
     [classMap, theme]
   );
   const itemClass = React.useMemo(
@@ -116,4 +117,4 @@ const NavBar = (props) => {
   );
 };
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-C5UMiYpA.cjs.map
+//# sourceMappingURL=NavBar-CDI5S3fK.cjs.map

package/dist/core/NavBar-CDI5S3fK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-CDI5S3fK.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className,\r\n  \"data-testid\": testId = \"empty-state\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\r\n            href={item.path}\r\n            isActive={isActive}\r\n            className={combineClassNames(\r\n              itemClass,\r\n              isActive && classMap[\"item--active\"]\r\n            )}\r\n            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <div\r\n              className={classMap.icon}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n            >\r\n              {item.icon}\r\n            </div>\r\n            <span className={classMap.label}>{item.label}</span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  \"item--active\": \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst NavBar: React.FC<NavBarProps> = (props) => {\r\n  const [pathname, setPathname] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname);\r\n  }, []);\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={pathname}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","jsxs","useState","useEffect"],"mappings":"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"}

package/dist/core/{NavBar-BAHSDPtT.js → NavBar-Dyd9USO4.js}

@@ -11,10 +11,11 @@ const BaseNavBar = ({
   theme = getDefaultTheme(),
   rounding = getDefaultRounding(),
   shadow = getDefaultShadow(),
+  className,
   "data-testid": testId = "empty-state"
 }) => {
   const wrapperClass = useMemo(
-    () => combineClassNames(classMap.container, classMap[theme]),
+    () => combineClassNames(classMap.container, classMap[theme], className),
     [classMap, theme]
   );
   const itemClass = useMemo(
@@ -117,4 +118,4 @@ const NavBar = (props) => {
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-BAHSDPtT.js.map
+//# sourceMappingURL=NavBar-Dyd9USO4.js.map

package/dist/core/NavBar-Dyd9USO4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-Dyd9USO4.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/core/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className,\r\n  \"data-testid\": testId = \"empty-state\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\r\n            href={item.path}\r\n            isActive={isActive}\r\n            className={combineClassNames(\r\n              itemClass,\r\n              isActive && classMap[\"item--active\"]\r\n            )}\r\n            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <div\r\n              className={classMap.icon}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n            >\r\n              {item.icon}\r\n            </div>\r\n            <span className={classMap.label}>{item.label}</span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport \"./NavBar.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst classes = {\r\n  container: \"nav\",\r\n  item: \"nav_item\",\r\n  \"item--active\": \"nav_active\",\r\n  icon: \"nav_icon_container\",\r\n  label: \"nav_label\",\r\n\r\n  primary: \"nav_primary\",\r\n  secondary: \"nav_secondary\",\r\n  tertiary: \"nav_tertiary\",\r\n  quaternary: \"nav_quaternary\",\r\n  clear: \"nav_clear\",\r\n\r\n  shadowNone: \"nav_shadow-None\",\r\n  shadowLight: \"nav_shadow-Light\",\r\n  shadowMedium: \"nav_shadow-Medium\",\r\n  shadowStrong: \"nav_shadow-Strong\",\r\n  shadowIntense: \"nav_shadow-Intense\",\r\n\r\n  roundNone: \"nav_round-None\",\r\n  roundSmall: \"nav_round-Small\",\r\n  roundMedium: \"nav_round-Medium\",\r\n  roundLarge: \"nav_round-Large\",\r\n  roundFull: \"nav_round-Full\",\r\n};\r\n\r\nconst NavBar: React.FC<NavBarProps> = (props) => {\r\n  const [pathname, setPathname] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    setPathname(window.location.pathname);\r\n  }, []);\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={pathname}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\r\n        <a\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </a>\r\n      )}\r\n      classMap={classes}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":[],"mappings":";;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAY;AAAA,IAChB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgB,KAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM,KAAK;AAAA,YACX;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAa,KAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,aAAa,KAAK,MAAM,aAAa;AAAA,kBAE1D,UAAA,KAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,kCAEP,QAAA,EAAK,WAAW,SAAS,OAAQ,eAAK,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAjBxC,GAAG,KAAK,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAoBjC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;ACpFA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EAEP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EAEf,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AACb;AAEA,MAAM,SAAgC,CAAC,UAAU;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,YAAU,MAAM;AACd,gBAAY,OAAO,SAAS,QAAQ;AAAA,EACtC,GAAG,CAAA,CAAE;AAEL,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa;AAAA,MACb,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/core/NavBar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NavBar = require("./NavBar-C5UMiYpA.cjs");
+const NavBar = require("./NavBar-CDI5S3fK.cjs");
 module.exports = NavBar.NavBar;
 //# sourceMappingURL=NavBar.cjs.js.map

package/dist/core/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-BAHSDPtT.js";
+import { N } from "./NavBar-Dyd9USO4.js";
 export {
   N as default
 };

package/dist/core/index.cjs.js

@@ -36,7 +36,7 @@ const Spinner = require("./Spinner-BTmQ7ZN9.cjs");
 const Tooltip = require("./Tooltip-5SfsTZvz.cjs");
 const MessagePopUp = require("./MessagePopUp-BUS6ICem.cjs");
 const PopOver = require("./PopOver-OijKNHZU.cjs");
-const NavBar = require("./NavBar-C5UMiYpA.cjs");
+const NavBar = require("./NavBar-CDI5S3fK.cjs");
 const Breadcrumbs = require("./Breadcrumbs-xmUgcTXF.cjs");
 const Tabs = require("./Tabs-DptKFvPK.cjs");
 const Stepper = require("./Stepper-BkmPckKd.cjs");

package/dist/core/index.js

@@ -35,7 +35,7 @@ import { S as S5 } from "./Spinner-DGF0pR7I.js";
 import { T as T5 } from "./Tooltip-XfsZnGgV.js";
 import { M as M2 } from "./MessagePopUp-CC7r9RHN.js";
 import { P as P2 } from "./PopOver-DNqWcWjU.js";
-import { N } from "./NavBar-BAHSDPtT.js";
+import { N } from "./NavBar-Dyd9USO4.js";
 import { B as B3 } from "./Breadcrumbs-DhioJUB9.js";
 import { T as T6 } from "./Tabs-gpyaJFUs.js";
 import { S as S6 } from "./Stepper-PjUFCUBG.js";

package/dist/next/{NavBar-CRbRBzGq.js → NavBar-Br6pYp7w.js}

@@ -13,10 +13,11 @@ const BaseNavBar = ({
   theme = getDefaultTheme(),
   rounding = getDefaultRounding(),
   shadow = getDefaultShadow(),
+  className,
   "data-testid": testId = "empty-state"
 }) => {
   const wrapperClass = useMemo(
-    () => combineClassNames(classMap.container, classMap[theme]),
+    () => combineClassNames(classMap.container, classMap[theme], className),
     [classMap, theme]
   );
   const itemClass = useMemo(
@@ -160,4 +161,4 @@ const NavBar = ({
 export {
   NavBar as N
 };
-//# sourceMappingURL=NavBar-CRbRBzGq.js.map
+//# sourceMappingURL=NavBar-Br6pYp7w.js.map

package/dist/next/NavBar-Br6pYp7w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-Br6pYp7w.js","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className,\r\n  \"data-testid\": testId = \"empty-state\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\r\n            href={item.path}\r\n            isActive={isActive}\r\n            className={combineClassNames(\r\n              itemClass,\r\n              isActive && classMap[\"item--active\"]\r\n            )}\r\n            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <div\r\n              className={classMap.icon}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n            >\r\n              {item.icon}\r\n            </div>\r\n            <span className={classMap.label}>{item.label}</span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["item","usePathname"],"mappings":";;;;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MAAM,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAY;AAAA,IAChB,MACE;AAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACA,OAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgBA,MAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMA,MAAK;AAAA,YACX;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAaA,MAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,aAAaA,MAAK,MAAM,aAAa;AAAA,kBAE1D,UAAAA,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,kCAEP,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAjBxC,GAAGA,MAAK,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAoBjC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChFA,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWC,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/next/{NavBar-JPkuek76.cjs → NavBar-CGuVgKpW.cjs}

@@ -14,10 +14,11 @@ const BaseNavBar = ({
   theme = borealStyleConfig.getDefaultTheme(),
   rounding = borealStyleConfig.getDefaultRounding(),
   shadow = borealStyleConfig.getDefaultShadow(),
+  className,
   "data-testid": testId = "empty-state"
 }) => {
   const wrapperClass = React.useMemo(
-    () => classNames.combineClassNames(classMap.container, classMap[theme]),
+    () => classNames.combineClassNames(classMap.container, classMap[theme], className),
     [classMap, theme]
   );
   const itemClass = React.useMemo(
@@ -159,4 +160,4 @@ const NavBar = ({
   );
 };
 exports.NavBar = NavBar;
-//# sourceMappingURL=NavBar-JPkuek76.cjs.map
+//# sourceMappingURL=NavBar-CGuVgKpW.cjs.map

package/dist/next/NavBar-CGuVgKpW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBar-CGuVgKpW.cjs","sources":["../../src/components/NavBar/NavBarBase.tsx","../../src/components/NavBar/next/NavBar.tsx"],"sourcesContent":["import React, { JSX, useMemo } from \"react\";\r\nimport { NavBarProps } from \"./NavBar.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nexport interface BaseNavBarProps extends NavBarProps {\r\n  currentPath: string;\r\n  LinkWrapper: (props: {\r\n    href: string;\r\n    children: React.ReactNode;\r\n    className: string;\r\n    isActive: boolean;\r\n    testId: string;\r\n    \"aria-current\"?: \"page\";\r\n  }) => JSX.Element;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst BaseNavBar: React.FC<BaseNavBarProps> = ({\r\n  items,\r\n  currentPath,\r\n  LinkWrapper,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className,\r\n  \"data-testid\": testId = \"empty-state\",\r\n}) => {\r\n  const wrapperClass = useMemo(\r\n    () => combineClassNames(classMap.container, classMap[theme], className),\r\n    [classMap, theme]\r\n  );\r\n\r\n  const itemClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.item,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`]\r\n      ),\r\n    [classMap, shadow, rounding]\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      role=\"navigation\"\r\n      aria-label=\"Main navigation\"\r\n      className={wrapperClass}\r\n      data-testid={`${testId}-nav-bar`}\r\n    >\r\n      {items.map((item, index) => {\r\n        const isActive = currentPath === item.path;\r\n\r\n        console.log(\r\n          \"Nav item className:\",\r\n          combineClassNames(classMap.item, isActive && classMap.active)\r\n        );\r\n\r\n        return (\r\n          <LinkWrapper\r\n            key={`${item.label}-${index}`}\r\n            href={item.path}\r\n            isActive={isActive}\r\n            className={combineClassNames(\r\n              itemClass,\r\n              isActive && classMap[\"item--active\"]\r\n            )}\r\n            testId={`${testId}-nav-item-${item.label.toLowerCase()}`}\r\n            aria-current={isActive ? \"page\" : undefined}\r\n          >\r\n            <div\r\n              className={classMap.icon}\r\n              aria-hidden=\"true\"\r\n              data-testid={`${testId}-nav-icon-${item.label.toLowerCase()}`}\r\n            >\r\n              {item.icon}\r\n            </div>\r\n            <span className={classMap.label}>{item.label}</span>\r\n          </LinkWrapper>\r\n        );\r\n      })}\r\n    </nav>\r\n  );\r\n};\r\n\r\nexport default BaseNavBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseNavBar from \"../NavBarBase\";\r\nimport Link from \"next/link\";\r\nimport { usePathname } from \"next/navigation\";\r\nimport styles from \"./NavBar.module.scss\";\r\nimport { NavBarProps } from \"../NavBar.types\";\r\n\r\nconst NavBar: React.FC<NavBarProps & { mockPath?: string }> = ({\r\n  mockPath,\r\n  ...props\r\n}) => {\r\n  const pathname = usePathname();\r\n  const resolvedPath = mockPath ?? pathname;\r\n\r\n  return (\r\n    <BaseNavBar\r\n      {...props}\r\n      currentPath={resolvedPath || \"/\"}\r\n      LinkWrapper={({ href, children, className, isActive, testId }) => (\r\n        <Link\r\n          href={href}\r\n          className={className}\r\n          aria-current={isActive ? \"page\" : undefined}\r\n          data-testid={testId}\r\n        >\r\n          {children}\r\n        </Link>\r\n      )}\r\n      classMap={styles}\r\n    />\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n"],"names":["getDefaultTheme","getDefaultRounding","getDefaultShadow","useMemo","combineClassNames","capitalize","jsx","item","jsxs","usePathname","Link"],"mappings":";;;;;;;;AAuBA,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQA,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT;AAAA,EACA,eAAe,SAAS;AAC1B,MAAM;AACJ,QAAM,eAAeC,MAAAA;AAAAA,IACnB,MAAMC,WAAAA,kBAAkB,SAAS,WAAW,SAAS,KAAK,GAAG,SAAS;AAAA,IACtE,CAAC,UAAU,KAAK;AAAA,EAAA;AAGlB,QAAM,YAAYD,MAAAA;AAAAA,IAChB,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,IAEvD,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAG7B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAa,GAAG,MAAM;AAAA,MAErB,UAAA,MAAM,IAAI,CAACC,OAAM,UAAU;AAC1B,cAAM,WAAW,gBAAgBA,MAAK;AAEtC,gBAAQ;AAAA,UACN;AAAA,UACAH,WAAAA,kBAAkB,SAAS,MAAM,YAAY,SAAS,MAAM;AAAA,QAAA;AAG9D,eACEI,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAMD,MAAK;AAAA,YACX;AAAA,YACA,WAAWH,WAAAA;AAAAA,cACT;AAAA,cACA,YAAY,SAAS,cAAc;AAAA,YAAA;AAAA,YAErC,QAAQ,GAAG,MAAM,aAAaG,MAAK,MAAM,aAAa;AAAA,YACtD,gBAAc,WAAW,SAAS;AAAA,YAElC,UAAA;AAAA,cAAAD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,SAAS;AAAA,kBACpB,eAAY;AAAA,kBACZ,eAAa,GAAG,MAAM,aAAaC,MAAK,MAAM,aAAa;AAAA,kBAE1D,UAAAA,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,6CAEP,QAAA,EAAK,WAAW,SAAS,OAAQ,gBAAK,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAjBxC,GAAGA,MAAK,KAAK,IAAI,KAAK;AAAA,QAAA;AAAA,MAoBjC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChFA,MAAM,SAAwD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAWE,WAAAA,WAAAA,YAAA;AACjB,QAAM,eAAe,YAAY;AAEjC,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,gBAAgB;AAAA,MAC7B,aAAa,CAAC,EAAE,MAAM,UAAU,WAAW,UAAU,aACnDA,2BAAAA;AAAAA,QAACI,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAc,WAAW,SAAS;AAAA,UAClC,eAAa;AAAA,UAEZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}

package/dist/next/NavBar.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const NavBar = require("./NavBar-JPkuek76.cjs");
+const NavBar = require("./NavBar-CGuVgKpW.cjs");
 module.exports = NavBar.NavBar;
 //# sourceMappingURL=NavBar.cjs.js.map

package/dist/next/NavBar.js

@@ -1,4 +1,4 @@
-import { N } from "./NavBar-CRbRBzGq.js";
+import { N } from "./NavBar-Br6pYp7w.js";
 export {
   N as default
 };

package/dist/next/index.cjs.js

@@ -35,7 +35,7 @@ const Spinner = require("./Spinner-Doh4Uft1.cjs");
 const Tooltip = require("./Tooltip-DHhLeygn.cjs");
 const MessagePopUp = require("./MessagePopUp-BxFI8IpO.cjs");
 const PopOver = require("./PopOver-CHs0s9rp.cjs");
-const NavBar = require("./NavBar-JPkuek76.cjs");
+const NavBar = require("./NavBar-CGuVgKpW.cjs");
 const Breadcrumbs = require("./Breadcrumbs-0cJD4s9s.cjs");
 const Tabs = require("./Tabs-DuZPFjen.cjs");
 const Stepper = require("./Stepper-D2UYDRwT.cjs");

package/dist/next/index.js

@@ -35,7 +35,7 @@ import { S as S5 } from "./Spinner-BxvU43sx.js";
 import { T as T5 } from "./Tooltip-G3P0OyTP.js";
 import { M as M2 } from "./MessagePopUp-DI7-Ggmn.js";
 import { P as P2 } from "./PopOver-pllmYvp6.js";
-import { N } from "./NavBar-CRbRBzGq.js";
+import { N } from "./NavBar-Br6pYp7w.js";
 import { B as B3 } from "./Breadcrumbs-liNC5ZzY.js";
 import { T as T6 } from "./Tabs-CNU0A_YY.js";
 import { S as S6 } from "./Stepper-5FojeYPE.js";