@growth-angels/ds-core 1.25.0 → 1.25.2

package/dist/atoms/Button/Button.js

@@ -16,6 +16,7 @@ export const Button = (props) => {
     };
     return React.createElement(as || "button", {
         ...restProps,
+        "aria-label": props.ariaLabel,
         className: classNames.join(" "),
         onClick: handleClick,
     }, _jsxs(_Fragment, { children: [icon && _jsx(Icon, { name: icon, size: "sm" }), children && children] }));

package/dist/atoms/Button/Button.types.d.ts

@@ -8,6 +8,7 @@ export type ButtonProps<T extends ElementType = "button"> = {
     icon?: string;
     preventDefault?: boolean;
     children?: ReactNode;
+    ariaLabel?: string;
 } & WordpressDefault & Omit<ComponentPropsWithoutRef<T>, "as" | "className" | "onClick"> & {
     onClick?: MouseEventHandler<ElementRef<T>>;
 };

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.25.0",
+  "version": "1.25.2",
   "description": "Design system by Growth Angels",
   "license": "MIT",
   "private": false,

package/src/atoms/Button/Button.tsx

@@ -18,12 +18,13 @@ export const Button = <T extends React.ElementType = "button">(props: ButtonProp
     as || "button",
     {
       ...restProps,
+      "aria-label": props.ariaLabel,
       className: classNames.join(" "),
       onClick: handleClick,
     },
     <>
       {icon && <Icon name={icon} size="sm" />}
       {children && children}
-    </>
+    </>,
   )
 }

package/src/atoms/Button/Button.types.ts

@@ -10,6 +10,7 @@ export type ButtonProps<T extends ElementType = "button"> = {
   icon?: string
   preventDefault?: boolean
   children?: ReactNode
+  ariaLabel?: string
 } & WordpressDefault &
   Omit<ComponentPropsWithoutRef<T>, "as" | "className" | "onClick"> & {
     onClick?: MouseEventHandler<ElementRef<T>>

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