@atlrdsgn/kit/dist/types/kit/text/text.d.ts

An ever–expanding library of React components, primitives, and tools

import { TextFontVariants, TextSizeVariants, TextAlignVariants, TextWeightVariants, TextColorVariants, TextCasingVariants, TextVariantProps } from './text.css';
import { default as React } from 'react';

interface TextElementProps {
    className?: string;
    font?: TextFontVariants;
    size?: TextSizeVariants;
    align?: TextAlignVariants;
    weight?: TextWeightVariants;
    color?: TextColorVariants;
    casing?: TextCasingVariants;
}
export type TextProps = TextElementProps & TextVariantProps & React.HTMLAttributes<HTMLParagraphElement>;
export declare const Text: React.ForwardRefExoticComponent<TextElementProps & {
    font?: "system" | "mono" | "inter" | undefined;
    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
    weight?: "medium" | "black" | "bold" | "normal" | "superlite" | "lite" | "semibold" | "heavy" | undefined;
    color?: "transparent" | "current" | "white" | "black" | "jade0" | "jade1" | "jade2" | "jade3" | "jade4" | "jade5" | "jade6" | "jade7" | "jade8" | "jade9" | "jade10" | "jade11" | "jade12" | "sapphire0" | "sapphire1" | "sapphire2" | "sapphire3" | "sapphire4" | "sapphire5" | "sapphire6" | "sapphire7" | "sapphire8" | "sapphire9" | "sapphire10" | "sapphire11" | "sapphire12" | "orange0" | "orange1" | "orange2" | "orange3" | "orange4" | "orange5" | "orange6" | "orange7" | "orange8" | "orange9" | "orange10" | "orange11" | "orange12" | "mauve1" | "mauve2" | "mauve3" | "mauve4" | "mauve5" | "mauve6" | "mauve7" | "mauve8" | "mauve9" | "mauve10" | "mauve11" | "mauve12" | "whiteA0" | "whiteA1" | "whiteA2" | "whiteA3" | "whiteA4" | "whiteA5" | "whiteA6" | "whiteA7" | "whiteA8" | "whiteA9" | "whiteA10" | "whiteA11" | "whiteA12" | "blackA0" | "blackA1" | "blackA2" | "blackA3" | "blackA4" | "blackA5" | "blackA6" | "blackA7" | "blackA8" | "blackA9" | "blackA10" | "blackA11" | "blackA12" | "carbon0" | "carbon1" | "carbon2" | "carbon3" | "carbon4" | "carbon5" | "carbon6" | "carbon7" | "carbon8" | "carbon9" | "carbon10" | "carbon11" | "carbon12" | "slate0" | "slate1" | "slate2" | "slate3" | "slate4" | "slate5" | "slate6" | "slate7" | "slate8" | "slate9" | "slate10" | "slate11" | "slate12" | "azure0" | "azure1" | "azure2" | "azure3" | "azure4" | "azure5" | "azure6" | "azure7" | "azure8" | "azure9" | "azure10" | "azure11" | "azure12" | "lime0" | "lime1" | "lime2" | "lime3" | "lime4" | "lime5" | "lime6" | "lime7" | "lime8" | "lime9" | "lime10" | "lime11" | "lime12" | "hyper0" | "hyper1" | "hyper2" | "hyper3" | "hyper4" | "hyper5" | "hyper6" | "hyper7" | "hyper8" | "hyper9" | "hyper10" | "hyper11" | "hyper12" | undefined;
    align?: "left" | "right" | "center" | undefined;
    casing?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
} & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
export {};
//# sourceMappingURL=text.d.ts.map