@worktif/purei
Version:
Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes
56 lines (55 loc) • 3.05 kB
TypeScript
/**
* Represents a dynamic background styled div element that can transition between different gradient backgrounds.
* @type {function}
* @return {ReactComponent} - A React component representing a styled div with dynamic background gradients.
*/
export declare const DynamicBackground: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* Represents a styled div for creating a parallax section with background image and text content.
* The section is centered both horizontally and vertically, with specified styling properties.
* @type {Object}
*/
export declare const ParallaxSection: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* An example styled component representing a parallax section idea.
* It applies various styles for creating a parallax effect.
* @type {import('@emotion/styled').StyledComponent<'div', any, any>}
*/
export declare const ParallaxSectionIdea: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* Represents a styled <div> element used as a video background with specific styling properties.
* @constant {Function} VideoBackground - Function that styles a <div> element to function as a video background.
* @param {object} - Configuration object containing style properties.
* @returns {JSX.Element} - A styled <div> element with video background styling.
*/
export declare const VideoBackground: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* Represents a styled div element with transition effects for opacity and transform properties.
* Contains classes to adjust the element's visibility through opacity and transformation.
*/
export declare const SectionTransition: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* Represents a parallax background styled component.
* Applies parallax effect to a div element with specified background properties.
* The background image is fixed with center positioning and cover size.
* On hover, the background position changes to center top.
* Transition effect is applied to background position changes.
* @type {Function}
*/
export declare const ParallaxBackground: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* Represents a styled div element used for displaying hidden content.
* The content is initially hidden with zero opacity and max height of zero
* and transitions to full opacity and a maximum height of 100px when active.
*
* @type {function}
*/
export declare const HiddenContent: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
/**
* Represents a styled div element with a dynamic gradient background.
* The background of the element consists of a linear gradient that shifts position
* continuously for a specified duration.
* @type {Function}
*/
export declare const DynamicGradientBackground: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
export declare const GlowSphere: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;