@digital-b2c/coreui-kit 0.17.19 → 0.17.20

package/dist/index.cjs

@@ -3295,39 +3295,18 @@ var NavigationCtas = ({
 // src/widgets/Navigation/NavigationBrandBars.module.scss
 var NavigationBrandBars_module_default = {
   brandBars: "NavigationBrandBars_module_brandBars",
-  brandBar: "NavigationBrandBars_module_brandBar",
-  brandBarsUnfolded: "NavigationBrandBars_module_brandBarsUnfolded",
-  brandLogo: "NavigationBrandBars_module_brandLogo",
-  lenscrafters: "NavigationBrandBars_module_lenscrafters",
-  forEyes: "NavigationBrandBars_module_forEyes",
-  optical: "NavigationBrandBars_module_optical",
-  pearleVision: "NavigationBrandBars_module_pearleVision"
-};
-var BRANDS = [
-  { key: "lenscrafters", className: NavigationBrandBars_module_default.lenscrafters, label: "LensCrafters" },
-  { key: "forEyes", className: NavigationBrandBars_module_default.forEyes, label: "For Eyes" },
-  { key: "optical", className: NavigationBrandBars_module_default.optical, label: "Target Optical" },
-  { key: "pearleVision", className: NavigationBrandBars_module_default.pearleVision, label: "Pearle Vision" }
-];
-var NavigationBrandBars = ({
-  brandLogos,
-  unfolded = false,
-  className
-}) => {
-  const hasLogos = !!brandLogos;
-  const isUnfolded = hasLogos && unfolded;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+  brandBar: "NavigationBrandBars_module_brandBar"
+};
+var NavigationBrandBars = ({ brandBars, className }) => {
+  if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx49__default.default(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
     {
-      className: clsx49__default.default(NavigationBrandBars_module_default.brandBars, isUnfolded && NavigationBrandBars_module_default.brandBarsUnfolded, className),
-      "aria-hidden": "true",
-      children: BRANDS.map((brand) => {
-        var _a;
-        const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
-        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx49__default.default(NavigationBrandBars_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsxRuntime.jsx("img", { className: NavigationBrandBars_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
-      })
-    }
-  );
+      className: NavigationBrandBars_module_default.brandBar,
+      style: { backgroundColor: bar.backgroundColor }
+    },
+    `${bar.backgroundColor}-${index}`
+  )) });
 };
 var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
 var useActivePath = () => {
@@ -3574,7 +3553,7 @@ var NavigationMobile = ({
   searchPlaceholder,
   searchCta,
   onSearch,
-  brandLogos,
+  brandBars,
   isOpen,
   onClose,
   isExternal = false,
@@ -3729,14 +3708,7 @@ var NavigationMobile = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          NavigationBrandBars,
-          {
-            brandLogos,
-            unfolded: false,
-            className: NavigationMobile_module_default.mobileBrandBars
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationBrandBars, { brandBars, className: NavigationMobile_module_default.mobileBrandBars }),
         /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
           var _a, _b, _c, _d;
           const subMenuId = `${baseId}-submenu-${index}`;
@@ -3864,7 +3836,7 @@ var Navigation2 = (props) => {
     searchPlaceholder = "Search resources",
     searchCta,
     onSearch,
-    brandLogos
+    brandBars
   } = props;
   const isExternal = variant !== "internal";
   const slots = resolveCompoundSlots(props.children, {
@@ -3884,7 +3856,6 @@ var Navigation2 = (props) => {
   const dropdownOpen = openIndex !== null && !isTabletBelow;
   const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
   const openItem = openIndex !== null ? (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a[openIndex] : void 0;
-  const showLogoUnfolded = !!brandLogos && isAtTop && !dropdownOpen;
   const openDropdown = (index) => {
     if (closeTimer.current) clearTimeout(closeTimer.current);
     setOpenIndex(index);
@@ -4040,13 +4011,7 @@ var Navigation2 = (props) => {
               )
             ] })
           ] }) }),
-          !isExternal && /* @__PURE__ */ jsxRuntime.jsx(
-            NavigationBrandBars,
-            {
-              brandLogos,
-              unfolded: showLogoUnfolded && !isMobileMenuOpen
-            }
-          ),
+          !isExternal && /* @__PURE__ */ jsxRuntime.jsx(NavigationBrandBars, { brandBars }),
           dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsxRuntime.jsx(
             NavigationDropdown,
             {
@@ -4075,7 +4040,7 @@ var Navigation2 = (props) => {
         searchPlaceholder,
         searchCta,
         onSearch,
-        brandLogos,
+        brandBars,
         isOpen: isMobileMenuOpen,
         onClose: () => setIsMobileMenuOpen(false),
         isExternal,