@digital-b2c/coreui-kit 0.17.16 → 0.17.17

package/dist/index.mjs

@@ -763,6 +763,12 @@ var Container = forwardRef(
   }
 );
 Container.displayName = "Container";
+var Text = (_a) => {
+  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
+  const Component = promoteToH1 ? "h1" : tag;
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
+};
+Text.displayName = "Text";
 
 // src/components/Card/Card.module.scss
 var Card_module_default = {
@@ -1846,7 +1852,7 @@ var NewsCard = ({
                 /* @__PURE__ */ jsx("time", { dateTime: date.value, className: clsx49("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: clsx49("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
-                /* @__PURE__ */ jsx("h3", { className: clsx49("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                /* @__PURE__ */ jsx("h3", { id: `title-${id}`, className: clsx49("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
                 typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: clsx49("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
                 isRestricted && /* @__PURE__ */ jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
               ] }),
@@ -1855,9 +1861,7 @@ var NewsCard = ({
                 {
                   variant: "secondary",
                   className: clsx49("news-card-cta", NewsCard_module_default["news-card-cta"]),
-                  href: cta.url,
                   icon: cta.icon,
-                  isExternal: cta == null ? void 0 : cta.isExternal,
                   "aria-hidden": "true",
                   tabIndex: -1,
                   renderLink: renderLink ? (props) => renderLink(__spreadProps(__spreadValues({}, props), { tabIndex: -1 })) : void 0,
@@ -2535,12 +2539,6 @@ var LogoBar = ({ className, items }) => {
     ] }) }, key);
   }) });
 };
-var Text = (_a) => {
-  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
-  const Component = promoteToH1 ? "h1" : tag;
-  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
-};
-Text.displayName = "Text";
 var HeroBannerTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
@@ -2713,7 +2711,7 @@ var HeroBannerCarousel = ({
         children: items.map((item, index) => /* @__PURE__ */ jsx(SwiperSlide, { children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
           item.isNewItem && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
           /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
-            /* @__PURE__ */ jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
+            /* @__PURE__ */ jsx("h2", { className: clsx49(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
             /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
               /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
               item.ctas.length > 0 && /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsx(
@@ -3090,6 +3088,7 @@ var MiniBanner = ({
   logo,
   background,
   cta,
+  promoteToH1 = false,
   children
 }) => {
   var _a, _b, _c, _d, _e;
@@ -3113,11 +3112,19 @@ var MiniBanner = ({
       /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx49(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
+        (titleNode || goBackNode) && /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
           goBackNode ? React71.cloneElement(goBackNode, {
             className: clsx49("back-button", MiniBanner_module_default["back-button"])
           }) : null,
-          titleNode && /* @__PURE__ */ jsx("div", { className: clsx49(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+          titleNode && /* @__PURE__ */ jsx(
+            Text,
+            {
+              tag: "div",
+              promoteToH1,
+              className: clsx49(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
+              children: titleNode
+            }
+          )
         ] }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
@@ -3172,6 +3179,7 @@ var MiniSectionCta_module_default = {
   subtitle: "MiniSectionCta_module_subtitle",
   miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
   light: "MiniSectionCta_module_light",
+  gray: "MiniSectionCta_module_gray",
   dark: "MiniSectionCta_module_dark",
   cta: "MiniSectionCta_module_cta",
   BgColorGrey: "MiniSectionCta_module_BgColorGrey"
@@ -3183,6 +3191,7 @@ var MiniSectionCta = ({
   title,
   subtitle,
   cta,
+  moduleStyles,
   children
 }) => {
   var _a, _b;
@@ -3196,6 +3205,10 @@ var MiniSectionCta = ({
     "div",
     {
       className: clsx49(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      style: __spreadValues({}, moduleStyles && {
+        "--custom-background-color": moduleStyles.backgroundColor,
+        "--custom-color": moduleStyles.color
+      }),
       children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
         /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
           titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
@@ -4201,7 +4214,7 @@ var Teaser5050WithCta = ({
   ctas,
   image,
   children,
-  bgColor
+  moduleStyles
 }) => {
   var _a, _b;
   const slots = resolveCompoundSlots(children, {
@@ -4214,7 +4227,10 @@ var Teaser5050WithCta = ({
     "div",
     {
       className: clsx49(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
-      style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
+      style: __spreadValues({}, moduleStyles && {
+        "--custom-background-color": moduleStyles.backgroundColor,
+        "--custom-color": moduleStyles.color
+      }),
       children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
@@ -4292,6 +4308,7 @@ var Carousel = (_a) => {
 // src/widgets/EventList/EventList.module.scss
 var EventList_module_default = {
   "event-list-module": "EventList_module_event-list-module",
+  gray: "EventList_module_gray",
   "event-list-header-container": "EventList_module_event-list-header-container",
   "event-list-title": "EventList_module_event-list-title",
   "event-list-wrapper": "EventList_module_event-list-wrapper",
@@ -4337,10 +4354,12 @@ var EventList = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx49("event-list-module", EventList_module_default["event-list-module"], className),
-      style: {
-        backgroundColor
-      },
+      className: clsx49(
+        "event-list-module",
+        EventList_module_default["event-list-module"],
+        backgroundColor && EventList_module_default[backgroundColor],
+        className
+      ),
       children: /* @__PURE__ */ jsxs(Container, { className: clsx49(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
           titleNode && /* @__PURE__ */ jsx("h2", { className: clsx49(EventList_module_default["event-list-title"]), children: titleNode }),
@@ -5064,6 +5083,7 @@ var NewsCardList = ({
               className: clsx49("search-input", NewsCardList_module_default["search-input"]),
               startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
               placeholder: "Search News",
+              "aria-label": "Search News",
               endAction: searchValue ? /* @__PURE__ */ jsx(
                 Button,
                 {
@@ -5219,6 +5239,7 @@ var BlogSearchResultsList = ({
           className: clsx49("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsx(Icon, { type: "search" }),
           placeholder: "Search News",
+          "aria-label": "Search News",
           endAction: searchValue ? /* @__PURE__ */ jsx(
             Button,
             {
@@ -5550,6 +5571,6 @@ function useIntersectionObserver({
   return { observeRef, isVisible };
 }
 
-export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation3 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
+export { Anchor, Badge, BlogCardGrid2 as BlogCardGrid, BlogPost2 as BlogPost, BlogPostContent2 as BlogPostContent, BlogSearchResultsList2 as BlogSearchResultsList, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ColTextMenu, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, FeaturedNewsHighlights2 as FeaturedNewsHighlights, FilterBar, Footer, GlobalSearchResultsList2 as GlobalSearchResultsList, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, Input, InternalBrandsTab2 as InternalBrandsTab, Loader, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Navigation3 as Navigation, NewsCard, NewsCardList2 as NewsCardList, PageLoader2 as PageLoader, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, QuoteSectionBlock, ResourceCardItem, ResourcesGridList, Search, Sidebar, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, Text, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextCenterWithMedia2 as TextCenterWithMedia, TextEvent2 as TextEvent, TwoColTextMenu, UpcomingEventCard, UserMenu, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map