azeriand-library 1.15.0 → 1.16.0
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/dist/components/card/card.d.ts +2 -1
- package/dist/components/gradient-glow/gradient-glow.d.ts +38 -0
- package/dist/index.esm.js +2 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.umd.js +2 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ export type CardProps<T extends ElementType = 'article'> = {
|
|
|
5
5
|
noPadding?: boolean;
|
|
6
6
|
noBlur?: boolean;
|
|
7
7
|
appearance?: string;
|
|
8
|
+
blur?: number;
|
|
8
9
|
color?: string;
|
|
9
10
|
intensity?: number;
|
|
10
11
|
dark?: boolean;
|
|
@@ -12,4 +13,4 @@ export type CardProps<T extends ElementType = 'article'> = {
|
|
|
12
13
|
className?: string;
|
|
13
14
|
style?: React.CSSProperties;
|
|
14
15
|
} & React.ComponentPropsWithoutRef<T>;
|
|
15
|
-
export declare function Card<T extends ElementType = 'article'>({ as, children, noPadding, noBlur, appearance, color, intensity, dark, onClick, className, style, ...rest }: CardProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function Card<T extends ElementType = 'article'>({ as, children, noPadding, noBlur, appearance, blur, color, intensity, dark, onClick, className, style, ...rest }: CardProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
export interface GradientGlowProps {
|
|
3
|
+
/** Type of animation: 'breath', 'rotate', 'spin', 'pulse', or 'none' */
|
|
4
|
+
animation?: 'breath' | 'rotate' | 'spin' | 'pulse' | 'none';
|
|
5
|
+
/** Animation behavior: 'once', 'continuous', 'hover' */
|
|
6
|
+
animationType?: 'once' | 'continuous' | 'hover';
|
|
7
|
+
/** Animation duration in seconds */
|
|
8
|
+
duration?: number;
|
|
9
|
+
/** Animation easing function */
|
|
10
|
+
easing?: string;
|
|
11
|
+
/** Custom gradient background */
|
|
12
|
+
gradient?: string;
|
|
13
|
+
/** Predefined gradient theme */
|
|
14
|
+
gradientTheme?: 'purple-blue' | 'rainbow' | 'sunset' | 'ocean' | 'forest';
|
|
15
|
+
/** Blur intensity */
|
|
16
|
+
blurIntensity?: number;
|
|
17
|
+
/** Glow spread distance */
|
|
18
|
+
glowSpread?: number;
|
|
19
|
+
/** Border radius for the glow effect */
|
|
20
|
+
borderRadius?: string;
|
|
21
|
+
/** Initial opacity */
|
|
22
|
+
opacity?: number;
|
|
23
|
+
/** Whether to start animation immediately on mount */
|
|
24
|
+
autoStart?: boolean;
|
|
25
|
+
/** Delay before starting animation (in seconds) */
|
|
26
|
+
delay?: number;
|
|
27
|
+
/** Disable the glow effect completely */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Children elements */
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
}
|
|
32
|
+
export interface GradientGlowRef {
|
|
33
|
+
startAnimation: () => void;
|
|
34
|
+
stopAnimation: () => void;
|
|
35
|
+
toggleAnimation: () => void;
|
|
36
|
+
}
|
|
37
|
+
export declare const GradientGlow: React.ForwardRefExoticComponent<GradientGlowProps & React.RefAttributes<GradientGlowRef>>;
|
|
38
|
+
export default GradientGlow;
|
package/dist/index.esm.js
CHANGED
|
@@ -15751,6 +15751,7 @@ function Card({
|
|
|
15751
15751
|
noPadding,
|
|
15752
15752
|
noBlur = false,
|
|
15753
15753
|
appearance = "glass",
|
|
15754
|
+
blur = 10,
|
|
15754
15755
|
color: color2 = "neutral",
|
|
15755
15756
|
intensity,
|
|
15756
15757
|
dark: dark2 = true,
|
|
@@ -15771,7 +15772,7 @@ function Card({
|
|
|
15771
15772
|
setCardStyle({
|
|
15772
15773
|
"--glass-color": `var(--color-${color2}-${intensityValue})`,
|
|
15773
15774
|
"--card-text-color": `var(--color-${color2}-${dark2 ? "100" : "800"})`,
|
|
15774
|
-
backdropFilter: appearance === "glass" && !noBlur ?
|
|
15775
|
+
backdropFilter: appearance === "glass" && !noBlur ? `blur(${blur}px)` : void 0,
|
|
15775
15776
|
...style2
|
|
15776
15777
|
});
|
|
15777
15778
|
let rounded = "rounded-md";
|