elseware-ui 2.20.7 → 2.21.1

package/build/components/surfaces/card/Card.d.ts

@@ -1,7 +1,15 @@
 import { ReactNode } from "react";
+import { Variant, Shape } from "../../../data/enums";
+import { hoverAnimations } from "../../../data/animations";
 export interface CardProps {
     children?: ReactNode;
-    styles?: string;
+    className?: string;
+    bgVariant?: keyof typeof Variant;
+    borderVariant?: keyof typeof Variant;
+    interactive?: boolean;
+    ghost?: boolean;
+    shape?: keyof typeof Shape;
+    hoverAnimation?: keyof typeof hoverAnimations;
 }
-declare function Card({ children, styles }: CardProps): import("react/jsx-runtime").JSX.Element;
+declare function Card({ children, className, bgVariant, borderVariant, interactive, ghost, shape, hoverAnimation, }: CardProps): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/build/components/surfaces/card/CardContent.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+import React from "react";
 export interface CardContentProps {
-    children?: ReactNode;
-    styles?: string;
+    children?: React.ReactNode;
+    className?: string;
 }
-declare function CardContent({ children, styles }: CardContentProps): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ children, className }: CardContentProps): import("react/jsx-runtime").JSX.Element;
 export default CardContent;

package/build/components/surfaces/card/CardFooter.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+import React from "react";
 export interface CardFooterProps {
-    children?: ReactNode;
-    styles?: string;
+    children?: React.ReactNode;
+    className?: string;
 }
-declare function CardFooter({ children, styles }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ children, className }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
 export default CardFooter;

package/build/components/surfaces/card/CardHeader.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
+import React from "react";
 export interface CardHeaderProps {
-    avatar?: ReactNode;
+    icon?: React.ReactNode;
     title?: string;
     description?: string;
-    styles?: string;
+    className?: string;
 }
-declare function CardHeader({ avatar, title, description, styles }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ icon, title, description, className }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
 export default CardHeader;

package/build/data/animations.d.ts

@@ -0,0 +1,8 @@
+export declare const hoverAnimations: {
+    none: string;
+    lift: string;
+    scale: string;
+    glow: string;
+    borderGlow: string;
+    softLift: string;
+};

package/build/data/styles.d.ts

@@ -71,3 +71,36 @@ export declare const shapes: {
     softRoundedSquare: string;
     circle: string;
 };
+export declare const cardBorderVariants: {
+    default: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    light: string;
+    dark: string;
+};
+export declare const cardHoverBorderVariants: {
+    default: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    light: string;
+    dark: string;
+};
+export declare const cardBgVariants: {
+    default: string;
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    light: string;
+    dark: string;
+};