elseware-ui 2.21.1 → 2.22.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/surfaces/card/Card.d.ts +2 -2
- package/build/components/surfaces/index.d.ts +1 -0
- package/build/components/surfaces/motion-surface/MotionSurface.d.ts +16 -0
- package/build/components/surfaces/motion-surface/animations/com/BlobAnimation.d.ts +4 -0
- package/build/components/surfaces/motion-surface/animations/com/GradientAnimation.d.ts +4 -0
- package/build/components/surfaces/motion-surface/animations/com/MeshAnimation.d.ts +4 -0
- package/build/components/surfaces/motion-surface/animations/configs.d.ts +4 -0
- package/build/components/surfaces/motion-surface/animations/registry.d.ts +8 -0
- package/build/components/surfaces/motion-surface/animations/types.d.ts +24 -0
- package/build/components/surfaces/motion-surface/index.d.ts +4 -0
- package/build/components/surfaces/motion-surface/overlays/com/DotsOverlay.d.ts +5 -0
- package/build/components/surfaces/motion-surface/overlays/com/GridOverlay.d.ts +5 -0
- package/build/components/surfaces/motion-surface/overlays/com/NoiseOverlay.d.ts +5 -0
- package/build/components/surfaces/motion-surface/overlays/config.d.ts +4 -0
- package/build/components/surfaces/motion-surface/overlays/registry.d.ts +8 -0
- package/build/components/surfaces/motion-surface/overlays/types.d.ts +6 -0
- package/build/index.es.js +144 -7
- package/build/index.js +144 -6
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import { Variant, Shape } from "../../../data/enums";
|
|
|
3
3
|
import { hoverAnimations } from "../../../data/animations";
|
|
4
4
|
export interface CardProps {
|
|
5
5
|
children?: ReactNode;
|
|
6
|
-
|
|
6
|
+
styles?: string;
|
|
7
7
|
bgVariant?: keyof typeof Variant;
|
|
8
8
|
borderVariant?: keyof typeof Variant;
|
|
9
9
|
interactive?: boolean;
|
|
@@ -11,5 +11,5 @@ export interface CardProps {
|
|
|
11
11
|
shape?: keyof typeof Shape;
|
|
12
12
|
hoverAnimation?: keyof typeof hoverAnimations;
|
|
13
13
|
}
|
|
14
|
-
declare function Card({ children,
|
|
14
|
+
declare function Card({ children, styles, bgVariant, borderVariant, interactive, ghost, shape, hoverAnimation, }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export default Card;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { AnimationVariant, BaseAnimationConfig } from "./animations/types";
|
|
3
|
+
import { OverlayVariant, BaseOverlayConfig } from "./overlays/types";
|
|
4
|
+
export interface MotionSurfaceProps {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
animationVariant?: AnimationVariant;
|
|
7
|
+
animationConfig?: BaseAnimationConfig;
|
|
8
|
+
animated?: boolean;
|
|
9
|
+
overlay?: OverlayVariant;
|
|
10
|
+
overlayConfig?: BaseOverlayConfig;
|
|
11
|
+
className?: string;
|
|
12
|
+
customAnimation?: React.ComponentType<any>;
|
|
13
|
+
customOverlay?: React.ComponentType<any>;
|
|
14
|
+
}
|
|
15
|
+
declare function MotionSurface({ children, animationVariant, animationConfig, animated, overlay, overlayConfig, className, customAnimation: CustomAnimation, customOverlay: CustomOverlay, }: MotionSurfaceProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default MotionSurface;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AnimationComponentProps } from "../types";
|
|
2
|
+
import { BlobAnimationConfig } from "../types";
|
|
3
|
+
declare function BlobAnimation({ config, animated, }: AnimationComponentProps<BlobAnimationConfig>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default BlobAnimation;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AnimationComponentProps } from "../types";
|
|
2
|
+
import { GradientAnimationConfig } from "../types";
|
|
3
|
+
declare function GradientAnimation({ config, animated, }: AnimationComponentProps<GradientAnimationConfig>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default GradientAnimation;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AnimationComponentProps } from "../types";
|
|
2
|
+
import { MeshAnimationConfig } from "../types";
|
|
3
|
+
declare function MeshAnimation({ config, animated, }: AnimationComponentProps<MeshAnimationConfig>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default MeshAnimation;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { BlobAnimationConfig, GradientAnimationConfig, MeshAnimationConfig } from "./types";
|
|
2
|
+
export declare const defaultBlobAnimationConfig: BlobAnimationConfig;
|
|
3
|
+
export declare const defaultGradientAnimationConfig: GradientAnimationConfig;
|
|
4
|
+
export declare const defaultMeshAnimationConfig: MeshAnimationConfig;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import GradientAnimation from "./com/GradientAnimation";
|
|
2
|
+
import BlobAnimation from "./com/BlobAnimation";
|
|
3
|
+
import MeshAnimation from "./com/MeshAnimation";
|
|
4
|
+
export declare const animationRegistry: {
|
|
5
|
+
gradient: typeof GradientAnimation;
|
|
6
|
+
blobs: typeof BlobAnimation;
|
|
7
|
+
mesh: typeof MeshAnimation;
|
|
8
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export type AnimationVariant = "none" | "gradient" | "blobs" | "mesh" | "custom";
|
|
2
|
+
export interface BaseAnimationConfig {
|
|
3
|
+
duration: number;
|
|
4
|
+
ease?: string;
|
|
5
|
+
opacity?: number;
|
|
6
|
+
colors?: string[];
|
|
7
|
+
}
|
|
8
|
+
export interface BlobAnimationConfig extends BaseAnimationConfig {
|
|
9
|
+
size?: number;
|
|
10
|
+
blur?: number;
|
|
11
|
+
count?: number;
|
|
12
|
+
}
|
|
13
|
+
export interface GradientAnimationConfig extends BaseAnimationConfig {
|
|
14
|
+
angle?: number;
|
|
15
|
+
backgroundSize?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface MeshAnimationConfig extends BaseAnimationConfig {
|
|
18
|
+
density?: number;
|
|
19
|
+
backgroundSize?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface AnimationComponentProps<T = BaseAnimationConfig> {
|
|
22
|
+
config?: T;
|
|
23
|
+
animated?: boolean;
|
|
24
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import NoiseOverlay from "./com/NoiseOverlay";
|
|
2
|
+
import GridOverlay from "./com/GridOverlay";
|
|
3
|
+
import DotsOverlay from "./com/DotsOverlay";
|
|
4
|
+
export declare const overlayRegistry: {
|
|
5
|
+
noise: typeof NoiseOverlay;
|
|
6
|
+
grid: typeof GridOverlay;
|
|
7
|
+
dots: typeof DotsOverlay;
|
|
8
|
+
};
|