@growth-angels/ds-core 1.24.0 → 1.25.1

package/dist/organisms/Carousel/Carousel.js

@@ -37,7 +37,7 @@ export const Carousel = (props) => {
     const breakpoint = useBreakpointObserver({ xs: 375, sm: 576, md: 768, lg: 992, xl: 1200, xxl: 1440 });
     useEffect(() => {
         const currentSlidesPerView = slidesPerView[breakpoint] ??
-            (typeof slidesPerView === "number" ? slidesPerView : slidesPerView.xl ?? 1);
+            (typeof slidesPerView === "number" ? slidesPerView : (slidesPerView.xl ?? 1));
         setTotalPages(calculatePages(currentSlidesPerView));
     }, [breakpoint, slidesPerView, slides.length]);
     useEffect(() => {
@@ -167,7 +167,7 @@ export const Carousel = (props) => {
                     }) }), _jsxs("div", { className: "ga-ds-carousel__navigation", children: [pagination && displayPagination && (_jsx(CarouselPagination, { totalPages: totalPages, activeSlideIndex: activeSlideIndex, goTo: goTo, clickable: pagination.clickable })), displayNavigation && navigation?.positionY === "bottom" && (_jsx(CarouselNavigation, { goPrev: goPrev, goNext: goNext, isAtStart: isAtStart, isAtEnd: isAtEnd }))] })] }));
 };
 const CarouselNavigation = ({ goPrev, goNext, isAtStart, isAtEnd, }) => {
-    return (_jsxs("div", { className: `ga-ds-carousel__arrows`, children: [_jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--prev"], icon: "chevron-left", onClick: goPrev, disabled: isAtStart }), _jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--next"], icon: "chevron-right", onClick: goNext, disabled: isAtEnd })] }));
+    return (_jsxs("div", { className: `ga-ds-carousel__arrows`, children: [_jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--prev"], icon: "chevron-left", onClick: goPrev, disabled: isAtStart, "aria-label": "Slide pr\u00E9c\u00E9dente" }), _jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--next"], icon: "chevron-right", onClick: goNext, disabled: isAtEnd, "aria-label": "Slide suivante" })] }));
 };
 const CarouselPagination = ({ totalPages, activeSlideIndex, goTo, clickable, }) => {
     return (_jsx("div", { className: "ga-ds-carousel__dots", children: Array.from({ length: totalPages }, (_, index) => index).map((_, index) => (_jsx("span", { className: `ga-ds-carousel__dot ${index === activeSlideIndex ? "ga-ds-carousel__dot--active" : ""}`, onClick: () => clickable && goTo(index), style: {

package/dist/organisms/Carousel/CarouselSwiper.js

@@ -74,5 +74,5 @@ export const CarouselSwiper = (props) => {
     return _jsx("div", { children: "Swiper library is not loaded." });
 };
 const CarouselNavigation = () => {
-    return (_jsxs("div", { className: `ga-ds-carousel__arrows`, children: [_jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--prev"], icon: "chevron-left" }), _jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--next"], icon: "chevron-right" })] }));
+    return (_jsxs("div", { className: `ga-ds-carousel__arrows`, children: [_jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--prev"], icon: "chevron-left", "aria-label": "Slide pr\u00E9c\u00E9dente" }), _jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--next"], icon: "chevron-right", "aria-label": "Slide suivante" })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-angels/ds-core",
-  "version": "1.24.0",
+  "version": "1.25.1",
   "description": "Design system by Growth Angels",
   "license": "MIT",
   "private": false,

package/src/organisms/Carousel/Carousel.tsx

@@ -53,7 +53,7 @@ export const Carousel = (props: CarouselProps) => {
   useEffect(() => {
     const currentSlidesPerView =
       (slidesPerView as Record<string, number>)[breakpoint] ??
-      (typeof slidesPerView === "number" ? slidesPerView : (slidesPerView as any).xl ?? 1)
+      (typeof slidesPerView === "number" ? slidesPerView : ((slidesPerView as any).xl ?? 1))
 
     setTotalPages(calculatePages(currentSlidesPerView))
   }, [breakpoint, slidesPerView, slides.length])
@@ -104,7 +104,7 @@ export const Carousel = (props: CarouselProps) => {
   }, [slides.length, loop])
 
   const style = Object.fromEntries(
-    Object.entries(slidesPerView).map(([key, value]) => [`--ga-ds-slides-per-view-${key}`, `${value}`])
+    Object.entries(slidesPerView).map(([key, value]) => [`--ga-ds-slides-per-view-${key}`, `${value}`]),
   )
 
   const goPrev = () => {
@@ -249,12 +249,14 @@ const CarouselNavigation = ({
         icon="chevron-left"
         onClick={goPrev}
         disabled={isAtStart}
+        aria-label="Slide précédente"
       />
       <Button
         extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--next"]}
         icon="chevron-right"
         onClick={goNext}
         disabled={isAtEnd}
+        aria-label="Slide suivante"
       />
     </div>
   )

package/src/organisms/Carousel/CarouselSwiper.tsx

@@ -112,8 +112,16 @@ export const CarouselSwiper = (props: CarouselProps) => {
 const CarouselNavigation = () => {
   return (
     <div className={`ga-ds-carousel__arrows`}>
-      <Button extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--prev"]} icon="chevron-left" />
-      <Button extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--next"]} icon="chevron-right" />
+      <Button
+        extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--prev"]}
+        icon="chevron-left"
+        aria-label="Slide précédente"
+      />
+      <Button
+        extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--next"]}
+        icon="chevron-right"
+        aria-label="Slide suivante"
+      />
     </div>
   )
 }