@digital-b2c/coreui-kit 0.17.11 → 0.17.13

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

@@ -1798,9 +1798,11 @@ var NewsCard_module_default = {
   "news-card-description": "NewsCard_module_news-card-description",
   "news-card-cta-wrapper": "NewsCard_module_news-card-cta-wrapper",
   "news-card--vertical": "NewsCard_module_news-card--vertical",
-  "news-card--horizontal": "NewsCard_module_news-card--horizontal"
+  "news-card--horizontal": "NewsCard_module_news-card--horizontal",
+  restricted: "NewsCard_module_restricted"
 };
 var NewsCard = ({
+  type,
   className,
   image,
   date,
@@ -1811,13 +1813,19 @@ var NewsCard = ({
   direction = "vertical",
   renderLink
 }) => {
-  const linkProps = cta && cta.url ? {
+  const id = React71.useId();
+  const isRestricted = type === "restricted";
+  const linkProps = cta && cta.url ? __spreadProps(__spreadValues({
     href: cta.url,
     target: cta.isExternal ? "_blank" : void 0,
     rel: cta.isExternal ? "noopener noreferrer" : void 0,
     className: clsx49__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
     "aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
-  } : null;
+  }, isRestricted && {
+    "aria-disabled": true
+  }), {
+    tabIndex: isRestricted ? -1 : 0
+  }) : null;
   const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({}, linkProps)) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
@@ -1825,9 +1833,12 @@ var NewsCard = ({
       className: clsx49__default.default(
         "news-card",
         NewsCard_module_default["news-card"],
+        type && NewsCard_module_default[type],
         NewsCard_module_default[`news-card--${direction}`],
         className
       ),
+      "aria-labelledby": `title-${id}`,
+      "aria-describedby": isRestricted ? `restricted-${id}` : void 0,
       children: [
         cardLink,
         image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx49__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
@@ -1845,7 +1856,8 @@ var NewsCard = ({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx49__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx49__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
-                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx49__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
+                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx49__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
+                isRestricted && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
               ] }),
               cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx49__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
@@ -2648,7 +2660,7 @@ var HeroBanner = ({
         __spreadValues({
           className: HeroBanner_module_default.brandsStrip,
           variant: "light",
-          size: isTabletBelow || vMainHeroBanner ? void 0 : "small"
+          size: !isTabletBelow && vMainHeroBanner ? void 0 : "small"
         }, brands)
       ),
       backgroundImage && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
@@ -3225,6 +3237,9 @@ var MiniSectionCta2 = Object.assign(MiniSectionCta, {
   Title: MiniSectionCtaTitle,
   Subtitle: MiniSectionCtaSubtitle
 });
+var NavigationUserMenuFallback = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
 var useIsAtTop = () => {
   const [isAtTop, setIsAtTop] = React71.useState(true);
   React71.useEffect(() => {
@@ -3839,6 +3854,10 @@ var Navigation2 = (props) => {
     brandLogos
   } = props;
   const isExternal = variant !== "internal";
+  const slots = resolveCompoundSlots(props.children, {
+    userMenuFallback: NavigationUserMenuFallback
+  });
+  const userMenuFallbackNode = slots.userMenuFallback;
   const [isHovered, setIsHovered] = React71.useState(false);
   const [openIndex, setOpenIndex] = React71.useState(null);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = React71.useState(false);
@@ -3983,7 +4002,9 @@ var Navigation2 = (props) => {
                   rightButton,
                   loginVariant: isTransparent ? "ghost" : "nofillblack"
                 }
-              ) : user && /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user })
+              ) : user ? /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user }) : userMenuFallbackNode ? React71.cloneElement(userMenuFallbackNode, {
+                className: clsx49__default.default("userMenuFallback", Navigation_module_default["userMenuFallback"])
+              }) : null
             ] }),
             !isTabletBelow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.bottomRow, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -4051,6 +4072,11 @@ var Navigation2 = (props) => {
     )
   ] });
 };
+
+// src/widgets/Navigation/index.ts
+var Navigation3 = Object.assign(Navigation2, {
+  UserMenuFallback: NavigationUserMenuFallback
+});
 var PracticePathCardsFooter = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
@@ -4863,8 +4889,7 @@ var BlogCardGrid = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Grid, __spreadProps(__spreadValues({ role: "list", columns: 3 }, gridProps), { children: items.map((item, index) => {
-      var _a2;
+    /* @__PURE__ */ jsxRuntime.jsx(Grid, __spreadProps(__spreadValues({ role: "list", columns: 3 }, gridProps), { children: items.map((item) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
         GridItem,
         __spreadProps(__spreadValues({
@@ -4873,7 +4898,7 @@ var BlogCardGrid = ({
         }, gridItemProps), {
           children: /* @__PURE__ */ jsxRuntime.jsx(NewsCard, __spreadProps(__spreadValues({}, item), { renderLink }))
         }),
-        (_a2 = item.title) != null ? _a2 : index
+        `${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
       );
     }) }))
   ] });
@@ -4955,17 +4980,14 @@ var FeaturedNewsHighlights = ({
         wrapperClass: clsx49__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
         slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
         spaceBetween: 16,
-        slides: items.map((item, index) => {
-          var _a2;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            NewsCard,
-            __spreadProps(__spreadValues({}, item), {
-              direction: "vertical",
-              className: clsx49__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
-            }),
-            (_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
-          );
-        })
+        slides: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+          NewsCard,
+          __spreadProps(__spreadValues({}, item), {
+            direction: "vertical",
+            className: clsx49__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
+          }),
+          `${item == null ? void 0 : item.title}-${item == null ? void 0 : item.id}`
+        ))
       }
     ),
     (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx49__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
@@ -4976,18 +4998,15 @@ var FeaturedNewsHighlights = ({
           renderLink
         })
       ),
-      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx49__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
-        var _a2;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          NewsCard,
-          __spreadProps(__spreadValues({}, card), {
-            className: clsx49__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
-            direction: "horizontal",
-            renderLink
-          }),
-          (_a2 = card == null ? void 0 : card.title) != null ? _a2 : index
-        );
-      }) })
+      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx49__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
+        NewsCard,
+        __spreadProps(__spreadValues({}, card), {
+          className: clsx49__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
+          direction: "horizontal",
+          renderLink
+        }),
+        `${card == null ? void 0 : card.title}-${card == null ? void 0 : card.id}`
+      )) })
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5568,7 +5587,7 @@ exports.InternalBrandsTab = InternalBrandsTab2;
 exports.Loader = Loader;
 exports.MiniBanner = MiniBanner2;
 exports.MiniSectionCta = MiniSectionCta2;
-exports.Navigation = Navigation2;
+exports.Navigation = Navigation3;
 exports.NewsCard = NewsCard;
 exports.NewsCardList = NewsCardList2;
 exports.PageLoader = PageLoader2;