@brizy/ui
Version:
React elements in Brizy style
29 lines (28 loc) • 1.69 kB
TypeScript
import { ApplyProperties, Color } from "../types";
export type AlignType = "left" | "center" | "right";
export type ResponsiveType<Type> = [Type, Type] | [Type, Type, Type];
export type FontSizeType = "xsmall" | "small" | "middle" | "large" | "xlarge" | "xxlarge";
export declare const getAlign: (align: AlignType | ResponsiveType<AlignType>) => string;
export declare const getFontSize: (size: FontSizeType | ResponsiveType<FontSizeType>) => string;
interface ParagraphColorProperties {
"--brz-ui-typography-paragraph-color": string;
"--brz-ui-typography-paragraph-hover-color": string;
}
interface LinkColorProperties {
"--brz-ui-typography-link-color": string;
"--brz-ui-typography-link-hover-color": string;
}
interface TextColorProperties {
"--brz-ui-typography-text-color": string;
"--brz-ui-typography-text-hover-color": string;
}
interface TitleColorProperties {
"--brz-ui-typography-title-color": string;
"--brz-ui-typography-title-hover-color": string;
}
export declare const getTypographyParagraphColor: (color?: Color, hoverColor?: Color) => ApplyProperties<Partial<ParagraphColorProperties>> | undefined;
export declare const getTypographyLinkColor: (color?: Color, hoverColor?: Color) => ApplyProperties<Partial<LinkColorProperties>> | undefined;
export declare const getTypographyTextColor: (color?: Color, hoverColor?: Color) => ApplyProperties<Partial<TextColorProperties>> | undefined;
export declare const getTypographyTitleColor: (color?: Color, hoverColor?: Color) => ApplyProperties<Partial<TitleColorProperties>> | undefined;
export declare const getItalic: (isItalic?: boolean) => "brz-ui-typography__italic" | undefined;
export {};