fui-fancyui/dist/src/components/atoms/Typography/Typography.style.d.ts

FancyUI Libary

import { ReactNode } from 'react';
import { CSSProp } from 'styled-components';
import { TStyledPrefixAndPicker } from '../../../types/TStyledPrefixAndPicker';
import { TTypography } from './Typography.model';
import { TTheme } from '../../../types/TTheme';
export type TStyledComponentProps = {
    children?: ReactNode;
    $variant?: CSSProp;
};
export type TGenerateStyle = TStyledPrefixAndPicker<TTypography, 'themeType' | 'layer' | 'externalStyle' | 'textAlign'> & TStyledComponentProps;
export declare const TypographyList: {
    h1: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
        ref?: ((instance: HTMLHeadingElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHeadingElement> | null | undefined;
    }>, never>, never>> & string;
    h2: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
        ref?: ((instance: HTMLHeadingElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHeadingElement> | null | undefined;
    }>, never>, never>> & string;
    h3: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
        ref?: ((instance: HTMLHeadingElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHeadingElement> | null | undefined;
    }>, never>, never>> & string;
    h4: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
        ref?: ((instance: HTMLHeadingElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHeadingElement> | null | undefined;
    }>, never>, never>> & string;
    h5: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
        ref?: ((instance: HTMLHeadingElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHeadingElement> | null | undefined;
    }>, never>, never>> & string;
    h6: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
        ref?: ((instance: HTMLHeadingElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHeadingElement> | null | undefined;
    }>, never>, never>> & string;
    label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
        ref?: ((instance: HTMLLabelElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLabelElement> | null | undefined;
    }>, never>, never>> & string;
    p: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
        ref?: ((instance: HTMLParagraphElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLParagraphElement> | null | undefined;
    }>, never>, never>> & string;
    span: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }>, never>, never>> & string;
    small: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$layer" | "$themeType" | "$externalStyle" | "$textAlign" | keyof TStyledComponentProps> & TStyledComponentProps & {} & {
        $themeType?: import('../../../types').TUiColorsNotTransparent | undefined;
        $layer?: import('../../../types').TLayer | undefined;
        $externalStyle?: CSSProp;
        $textAlign?: "center" | "left" | "right" | undefined;
    } & {
        theme: TTheme;
    }, "ref"> & {
        ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
    }, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
        ref?: ((instance: HTMLElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLElement> | null | undefined;
    }>, never>, never>> & string;
};