@digital-b2c/coreui-kit 0.17.11 → 0.17.12

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,
@@ -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;