@growth-angels/ds-core 1.23.0 → 1.25.0

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-angels/ds-core",
-  "version": "1.23.0",
+  "version": "1.25.0",
   "description": "Design system by Growth Angels",
   "license": "MIT",
   "private": false,
@@ -28,6 +28,9 @@
     "dist",
     "src"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "clean": "rm -rf dist",
     "dev": "concurrently \"tsc --watch --preserveWatchOutput\" \"storybook dev -p 6006\"",

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>
   )