@digital-b2c/coreui-kit 0.17.18 → 0.17.20

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Luxottica
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Luxottica
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,52 @@
-# CoreUI Kit
-
-A React‑based design system and component library.
-
-## 🚀 Getting Started
-
-Install
-
-```bash
-npm install
-```
-
-Development
-
-- Run the build in watch mode
-
-```bash
-npm run dev
-```
-
-Start Storybook
-
-```bash
-npm run storybook
-```
-
-Run tests
-
-```bash
-npm test
-```
-
-Lint/format
-
-```bash
-npm run lint
-```
-
-## 🛠️ Usage
-
-Import components in other projects:
-
-```ts
-import '@digital-b2c/coreui-kit/styles.css'
-
-import { MiniSectionCta } from '@digital-b2c/coreui-kit'
-
-<MiniSectionCta>
-  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
-  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
-</MiniSectionCta>
-```
+# CoreUI Kit
+
+A React‑based design system and component library.
+
+## 🚀 Getting Started
+
+Install
+
+```bash
+npm install
+```
+
+Development
+
+- Run the build in watch mode
+
+```bash
+npm run dev
+```
+
+Start Storybook
+
+```bash
+npm run storybook
+```
+
+Run tests
+
+```bash
+npm test
+```
+
+Lint/format
+
+```bash
+npm run lint
+```
+
+## 🛠️ Usage
+
+Import components in other projects:
+
+```ts
+import '@digital-b2c/coreui-kit/styles.css'
+
+import { MiniSectionCta } from '@digital-b2c/coreui-kit'
+
+<MiniSectionCta>
+  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
+  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
+</MiniSectionCta>
+```

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,