@growth-angels/ds-core 1.19.0 → 1.21.0

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

@@ -1,3 +1,2 @@
-import type { JSX } from "react/jsx-runtime";
 import type { ButtonProps } from "./Button.types";
-export declare const Button: <T extends React.ElementType = "button">(props: ButtonProps<T>) => JSX.Element;
+export declare const Button: <T extends React.ElementType = "button">(props: ButtonProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/lib/hydrate-carousel.js

@@ -24,5 +24,6 @@ export function HydrateCarousel(islands) {
         });
         const root = createRoot(carousel);
         root.render(createElement(Component, { ...parsedProps, children }));
+        carousel.setAttribute("data-hydrated", "true");
     });
 }

package/dist/organisms/Card/Card.d.ts

@@ -1,3 +1,2 @@
-import type { JSX } from "react/jsx-runtime";
 import type { CardProps } from "./Card.types";
-export declare const Card: ({ children, variant, extraClassNames, type, style, backgroundImage, }: CardProps) => JSX.Element;
+export declare const Card: ({ children, variant, extraClassNames, type, style, backgroundImage }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Card/Card.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Card = ({ children, variant = "primary", extraClassNames, type = "image", style, backgroundImage, }) => {
+export const Card = ({ children, variant = "primary", extraClassNames, type = "image", style, backgroundImage }) => {
     const classNames = ["ga-ds-card", `ga-ds-card--${variant}`, `ga-ds-card--${type}`, ...(extraClassNames || [])];
     return (_jsxs("div", { ...(style && { style }), className: classNames.join(" "), children: [backgroundImage && _jsx("img", { src: backgroundImage.sizes?.full?.url, alt: backgroundImage?.alt }), children] }));
 };

package/dist/organisms/Carousel/Carousel.types.d.ts

@@ -18,6 +18,10 @@ export type CarouselAttributes = {
     navigation?: {
         positionY: 'bottom' | 'top';
     };
+    autoplay?: {
+        delay: number;
+        disableOnInteraction?: boolean;
+    };
 };
 export interface CarouselProps extends CarouselAttributes, WordpressDefault {
     children: React.ReactNode | React.ReactNode[];

package/dist/organisms/Carousel/CarouselSwiper.js

@@ -4,7 +4,7 @@ import { Button } from "../../atoms/atoms";
 import Swiper from "swiper";
 import { Autoplay, Navigation, Pagination } from "swiper/modules";
 export const CarouselSwiper = (props) => {
-    const { children, slidesPerView: slidesPerViewDefault, spaceBetween = 48, navigation, pagination, hasPagination, hasNavigation, loop = false, } = props;
+    const { children, slidesPerView: slidesPerViewDefault, spaceBetween = 48, navigation, pagination, hasPagination, hasNavigation, loop = false, autoplay, } = props;
     const classes = ["ga-ds-carousel"];
     if (props.extraClassNames) {
         if (typeof props.extraClassNames === "string") {
@@ -61,6 +61,9 @@ export const CarouselSwiper = (props) => {
                             bulletActiveClass: "ga-ds-carousel__dot--active",
                         }
                         : false,
+                    autoplay: autoplay
+                        ? { delay: autoplay.delay || 5000, disableOnInteraction: autoplay.disableOnInteraction ?? false }
+                        : false,
                 });
                 setSwiperInstance(swiper);
             }

package/package.json

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

package/src/atoms/Button/Button.tsx

@@ -1,9 +1,8 @@
-import type { JSX } from "react/jsx-runtime"
 import type { ButtonProps } from "./Button.types"
 import { useReactAdapter } from "../../hooks/useReactAdaptater"
 import { Icon } from "../Icon/Icon"
 
-export const Button = <T extends React.ElementType = "button">(props: ButtonProps<T>): JSX.Element => {
+export const Button = <T extends React.ElementType = "button">(props: ButtonProps<T>) => {
   const React = useReactAdapter()
   const { as, children, variant, preventDefault, icon, extraClassNames, ...restProps } = props
   let customVariant = variant

package/src/lib/hydrate-carousel.tsx

@@ -27,5 +27,6 @@ export function HydrateCarousel(islands: NodeListOf<Element> | null) {
     const root = createRoot(carousel)
 
     root.render(createElement(Component, { ...parsedProps, children }))
+    carousel.setAttribute("data-hydrated", "true")
   })
 }

package/src/organisms/Card/Card.tsx

@@ -1,14 +1,6 @@
-import type { JSX } from "react/jsx-runtime"
 import type { CardProps } from "./Card.types"
 
-export const Card = ({
-  children,
-  variant = "primary",
-  extraClassNames,
-  type = "image",
-  style,
-  backgroundImage,
-}: CardProps): JSX.Element => {
+export const Card = ({ children, variant = "primary", extraClassNames, type = "image", style, backgroundImage }: CardProps) => {
   const classNames = ["ga-ds-card", `ga-ds-card--${variant}`, `ga-ds-card--${type}`, ...(extraClassNames || [])]
   return (
     <div {...(style && { style })} className={classNames.join(" ")}>

package/src/organisms/Carousel/Carousel.types.ts

@@ -19,6 +19,10 @@ export type CarouselAttributes = {
   navigation?: {
     positionY: 'bottom' | 'top';
   }
+  autoplay?: {
+    delay: number;
+    disableOnInteraction?: boolean;
+  }
 }
 export interface CarouselProps extends CarouselAttributes, WordpressDefault {
   children: React.ReactNode | React.ReactNode[]

package/src/organisms/Carousel/CarouselSwiper.tsx

@@ -14,6 +14,7 @@ export const CarouselSwiper = (props: CarouselProps) => {
     hasPagination,
     hasNavigation,
     loop = false,
+    autoplay,
   } = props
 
   const classes = ["ga-ds-carousel"]
@@ -74,6 +75,9 @@ export const CarouselSwiper = (props: CarouselProps) => {
                 bulletActiveClass: "ga-ds-carousel__dot--active",
               }
             : false,
+          autoplay: autoplay
+            ? { delay: autoplay.delay || 5000, disableOnInteraction: autoplay.disableOnInteraction ?? false }
+            : false,
         })
 
         setSwiperInstance(swiper)