@digital-b2c/coreui-kit 0.7.3 → 0.7.5

package/dist/index.mjs

@@ -5,7 +5,7 @@ import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
 import { Swiper, SwiperSlide } from 'swiper/react';
-import { FreeMode, Navigation, Pagination as Pagination$1 } from 'swiper/modules';
+import { FreeMode, A11y, Navigation, Pagination as Pagination$1 } from 'swiper/modules';
 import 'swiper/css';
 
 var __defProp = Object.defineProperty;
@@ -389,7 +389,8 @@ var Button = (_a) => {
   }, isLink ? { href, isExternal } : {}), rest);
   return /* @__PURE__ */ jsxs(ConditionalWrapper, __spreadProps(__spreadValues({ wrapper: Anchor, fallback: "button", condition: isLink }, props), { children: [
     children,
-    logo ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Button_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: Button_module_default.icon })
+    isExternal && /* @__PURE__ */ jsx("span", { className: "sr-only", children: "(opens in a new tab)" }),
+    logo ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Button_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: Button_module_default.icon, "aria-hidden": "true" })
   ] }));
 };
 
@@ -1828,6 +1829,7 @@ var UpcomingEventCard = ({
                     fullWidth: isBelowMobile,
                     href: cta.url,
                     icon: cta.icon,
+                    isExternal: cta == null ? void 0 : cta.isExternal,
                     children: cta.label
                   }
                 )
@@ -1847,6 +1849,7 @@ var UpcomingEventCard = ({
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
+                isExternal: cta == null ? void 0 : cta.isExternal,
                 children: cta.label
               }
             )
@@ -1860,22 +1863,35 @@ var UpcomingEventCard = ({
 // src/components/Carousel/Carousel.module.scss
 var Carousel_module_default = {};
 var Carousel = (_a) => {
-  var _b = _a, { slides, className } = _b, props = __objRest(_b, ["slides", "className"]);
+  var _b = _a, {
+    slides,
+    className,
+    ariaLabel = "Carousel"
+  } = _b, props = __objRest(_b, [
+    "slides",
+    "className",
+    "ariaLabel"
+  ]);
   return /* @__PURE__ */ jsx(
     Swiper,
     __spreadProps(__spreadValues({
+      a11y: {
+        enabled: true,
+        containerMessage: ariaLabel,
+        containerRoleDescriptionMessage: "carousel"
+      },
+      role: "region",
+      "aria-label": ariaLabel,
       className: clsx20(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
-      modules: [FreeMode],
+      modules: [FreeMode, A11y],
       freeMode: { enabled: true, sticky: false, momentum: true },
-      wrapperTag: "ul",
       loop: false
     }, props), {
       children: slides.map((slide, index) => /* @__PURE__ */ jsx(
         SwiperSlide,
         {
-          tag: "li",
           className: clsx20(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
@@ -1933,11 +1949,22 @@ var EventList = ({
       children: /* @__PURE__ */ jsxs(Container, { className: clsx20(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
           titleNode && /* @__PURE__ */ jsx("h2", { className: clsx20(EventList_module_default["event-list-title"]), children: titleNode }),
-          cta && cta.url && /* @__PURE__ */ jsx(Button, { className: EventList_module_default.cta, variant: "nofillblack", href: cta.url, icon: cta.icon, children: cta.label })
+          cta && cta.url && /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: EventList_module_default.cta,
+              variant: "nofillblack",
+              href: cta.url,
+              icon: cta.icon,
+              isExternal: cta == null ? void 0 : cta.isExternal,
+              children: cta.label
+            }
+          )
         ] }),
         isInternalEventList && isBelowTablet && /* @__PURE__ */ jsx(
           Carousel,
           {
+            "aria-label": "Upcoming events",
             wrapperClass: clsx20(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
             slideClass: EventList_module_default["carousel-list-item"],
             spaceBetween: 16,
@@ -1955,28 +1982,42 @@ var EventList = ({
             })
           }
         ),
-        isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsx("ul", { className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]), children: items == null ? void 0 : items.map((item, index) => {
-          var _a2, _b, _c;
-          return /* @__PURE__ */ jsx(
-            "li",
-            {
-              className: clsx20(EventList_module_default["card-list-item"]),
-              children: /* @__PURE__ */ jsx(
-                UpcomingEventCard,
-                __spreadProps(__spreadValues({}, item), {
-                  className: clsx20(EventList_module_default["card-item"]),
-                  showImage: false,
-                  direction: "vertical"
-                })
-              )
-            },
-            (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
-          );
-        }) }),
-        !isInternalEventList && /* @__PURE__ */ jsx("ul", { className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]), children: items == null ? void 0 : items.map((item, index) => {
-          var _a2, _b, _c;
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
-        }) })
+        isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsx(
+          "ul",
+          {
+            "aria-label": "Upcoming events",
+            className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
+            children: items == null ? void 0 : items.map((item, index) => {
+              var _a2, _b, _c;
+              return /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: clsx20(EventList_module_default["card-list-item"]),
+                  children: /* @__PURE__ */ jsx(
+                    UpcomingEventCard,
+                    __spreadProps(__spreadValues({}, item), {
+                      className: clsx20(EventList_module_default["card-item"]),
+                      showImage: false,
+                      direction: "vertical"
+                    })
+                  )
+                },
+                (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
+              );
+            })
+          }
+        ),
+        !isInternalEventList && /* @__PURE__ */ jsx(
+          "ul",
+          {
+            "aria-label": "Upcoming events",
+            className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+            children: items == null ? void 0 : items.map((item, index) => {
+              var _a2, _b, _c;
+              return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
+            })
+          }
+        )
       ] })
     }
   );