@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
63 lines (62 loc) • 4.76 kB
TypeScript
/**
* @fileoverview Phase 3: Gradient-Aware Styled Components
* Styled components that integrate with the gradient system
*/
import { GlassmorphicTheme } from '../types/theme';
import { GradientGlassConfig, gradientGlassPresets } from '../theme/gradientGlassmorphism';
export declare const GradientContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
animated?: boolean;
animationType?: "flowing" | "pulsing" | "shifting" | "shimmer";
}>> & string;
export declare const GradientGlassCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
preset?: keyof typeof gradientGlassPresets;
customConfig?: GradientGlassConfig;
interactive?: boolean;
}>> & string;
export declare const GradientBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
gradientType?: keyof GlassmorphicTheme["gradients"]["borders"];
width?: number;
radius?: number;
animated?: boolean;
}>> & string;
export declare const GradientText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
animated?: boolean;
}>> & string;
export declare const GradientButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
variant?: "primary" | "secondary" | "accent";
size?: "small" | "medium" | "large";
glassEffect?: boolean;
animated?: boolean;
}>> & string;
export declare const GradientOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
gradientType?: keyof GlassmorphicTheme["gradients"]["overlays"];
opacity?: number;
blendMode?: string;
}>> & string;
export declare const GradientHero: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
animated?: boolean;
parallax?: boolean;
}>> & string;
export declare const GradientNavBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
transparent?: boolean;
blur?: boolean;
}>> & string;
export declare const GradientModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
animated?: boolean;
}>> & string;
export declare const GradientSpinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
size?: number;
gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
}>> & string;
export declare const createGradientComponent: <T extends Record<string, any>>(baseComponent: any, defaultGradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"]) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<any, T & {
gradientType?: keyof GlassmorphicTheme["gradients"]["backgrounds"];
animated?: boolean;
}>> & (string | (string & Omit<any, keyof import("react").Component<any, {}, any>>));
export declare const gradientAnimations: {
flow: import("styled-components/dist/models/Keyframes").default;
pulse: import("styled-components/dist/models/Keyframes").default;
shift: import("styled-components/dist/models/Keyframes").default;
shimmer: import("styled-components/dist/models/Keyframes").default;
};