@growth-angels/ds-core 1.25.1 → 1.25.3

package/dist/atoms/Button/Button.js

@@ -3,7 +3,7 @@ import { useReactAdapter } from "../../hooks/useReactAdaptater";
 import { Icon } from "../Icon/Icon";
 export const Button = (props) => {
     const React = useReactAdapter();
-    const { as, children, variant, preventDefault, icon, extraClassNames, ...restProps } = props;
+    const { as, children, variant, preventDefault, icon, extraClassNames, ariaLabel, ...restProps } = props;
     let customVariant = variant;
     if (icon) {
         customVariant = "icon";
@@ -16,6 +16,7 @@ export const Button = (props) => {
     };
     return React.createElement(as || "button", {
         ...restProps,
+        "aria-label": 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", "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" })] }));
+    return (_jsxs("div", { className: `ga-ds-carousel__arrows`, children: [_jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--prev"], icon: "chevron-left", ariaLabel: "Slide pr\u00E9c\u00E9dente" }), _jsx(Button, { extraClassNames: ["ga-ds-carousel__button", "ga-ds-carousel__button--next"], icon: "chevron-right", ariaLabel: "Slide suivante" })] }));
 };

package/package.json

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

package/src/atoms/Button/Button.tsx

@@ -4,7 +4,7 @@ import { Icon } from "../Icon/Icon"
 
 export const Button = <T extends React.ElementType = "button">(props: ButtonProps<T>) => {
   const React = useReactAdapter()
-  const { as, children, variant, preventDefault, icon, extraClassNames, ...restProps } = props
+  const { as, children, variant, preventDefault, icon, extraClassNames, ariaLabel, ...restProps } = props
   let customVariant = variant
   if (icon) {
     customVariant = "icon"
@@ -18,12 +18,13 @@ export const Button = <T extends React.ElementType = "button">(props: ButtonProp
     as || "button",
     {
       ...restProps,
+      "aria-label": 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

@@ -115,12 +115,12 @@ const CarouselNavigation = () => {
       <Button
         extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--prev"]}
         icon="chevron-left"
-        aria-label="Slide précédente"
+        ariaLabel="Slide précédente"
       />
       <Button
         extraClassNames={["ga-ds-carousel__button", "ga-ds-carousel__button--next"]}
         icon="chevron-right"
-        aria-label="Slide suivante"
+        ariaLabel="Slide suivante"
       />
     </div>
   )