@100mslive/roomkit-react/dist/Text/Text.d.ts


export declare const textVariants: {
    h1: {
        fontWeight: string;
        letterSpacing: string;
        fontSize: string;
        lineHeight: string;
        '@md': {
            fontSize: string;
            lineHeight: string;
        };
    };
    h2: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
        '@md': {
            fontSize: string;
            lineHeight: string;
        };
    };
    h3: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        '@md': {
            fontSize: string;
            lineHeight: string;
        };
    };
    h4: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
        '@md': {
            fontSize: string;
            lineHeight: string;
        };
    };
    h5: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        '@md': {
            fontSize: string;
            lineHeight: string;
        };
    };
    h6: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
        '@md': {
            fontSize: string;
            lineHeight: string;
        };
    };
    sub1: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
    };
    sub2: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
    };
    body1: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
    };
    body2: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
    };
    button: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
    };
    caption: {
        fontSize: string;
        lineHeight: string;
        letterSpacing: string;
        fontWeight: string;
    };
    overline: {
        fontSize: string;
        lineHeight: string;
        letterSpacing: string;
        fontWeight: string;
    };
    tiny: {
        fontSize: string;
        lineHeight: string;
    };
    xs: {
        fontSize: string;
        lineHeight: string;
    };
    sm: {
        fontSize: string;
        lineHeight: string;
    };
    md: {
        fontSize: string;
        lineHeight: string;
    };
    lg: {
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        letterSpacing: string;
    };
};
export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"p", {
    variant?: "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "tiny" | "xs" | "sm" | "md" | "lg" | "button" | "overline" | "sub1" | "sub2" | "body1" | "body2" | undefined;
    color?: "white" | undefined;
    inline?: boolean | "true" | undefined;
}, {
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, import("@stitches/react/types/css-util").CSS<{
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, {
    colors: {
        primary_default: string;
        primary_bright: string;
        primary_dim: string;
        primary_disabled: string;
        on_primary_high: string;
        on_primary_medium: string;
        on_primary_low: string;
        secondary_default: string;
        secondary_bright: string;
        secondary_dim: string;
        secondary_disabled: string;
        on_secondary_high: string;
        on_secondary_medium: string;
        on_secondary_low: string;
        background_default: string;
        background_dim: string;
        surface_default: string;
        surface_bright: string;
        surface_brighter: string;
        surface_dim: string;
        on_surface_high: string;
        on_surface_medium: string;
        on_surface_low: string;
        border_default: string;
        border_bright: string;
        alert_success: string;
        alert_warning: string;
        alert_error_default: string;
        alert_error_bright: string;
        alert_error_brighter: string;
        alert_error_dim: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
}, {
    width: string;
    height: string;
    minWidth: string;
    maxWidth: string;
    minHeight: string;
    maxHeight: string;
    flexBasis: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
    blockSize: string;
    minBlockSize: string;
    maxBlockSize: string;
    inlineSize: string;
    minInlineSize: string;
    maxInlineSize: string;
    gap: "space";
    gridGap: "space";
    columnGap: "space";
    gridColumnGap: "space";
    rowGap: "space";
    gridRowGap: "space";
    inset: "space";
    insetBlock: "space";
    insetBlockEnd: "space";
    insetBlockStart: "space";
    insetInline: "space";
    insetInlineEnd: "space";
    insetInlineStart: "space";
    margin: "space";
    marginTop: "space";
    marginRight: "space";
    marginBottom: "space";
    marginLeft: "space";
    marginBlock: "space";
    marginBlockEnd: "space";
    marginBlockStart: "space";
    marginInline: "space";
    marginInlineEnd: "space";
    marginInlineStart: "space";
    padding: "space";
    paddingTop: "space";
    paddingRight: "space";
    paddingBottom: "space";
    paddingLeft: "space";
    paddingBlock: "space";
    paddingBlockEnd: "space";
    paddingBlockStart: "space";
    paddingInline: "space";
    paddingInlineEnd: "space";
    paddingInlineStart: "space";
    scrollMargin: "space";
    scrollMarginTop: "space";
    scrollMarginRight: "space";
    scrollMarginBottom: "space";
    scrollMarginLeft: "space";
    scrollMarginBlock: "space";
    scrollMarginBlockEnd: "space";
    scrollMarginBlockStart: "space";
    scrollMarginInline: "space";
    scrollMarginInlineEnd: "space";
    scrollMarginInlineStart: "space";
    scrollPadding: "space";
    scrollPaddingTop: "space";
    scrollPaddingRight: "space";
    scrollPaddingBottom: "space";
    scrollPaddingLeft: "space";
    scrollPaddingBlock: "space";
    scrollPaddingBlockEnd: "space";
    scrollPaddingBlockStart: "space";
    scrollPaddingInline: "space";
    scrollPaddingInlineEnd: "space";
    scrollPaddingInlineStart: "space";
    top: "space";
    right: "space";
    bottom: "space";
    left: "space";
    fontSize: "fontSizes";
    background: "colors";
    backgroundColor: "colors";
    backgroundImage: "colors";
    borderImage: "colors";
    border: "colors";
    borderBlock: "colors";
    borderBlockEnd: "colors";
    borderBlockStart: "colors";
    borderBottom: "colors";
    borderBottomColor: "colors";
    borderColor: "colors";
    borderInline: "colors";
    borderInlineEnd: "colors";
    borderInlineStart: "colors";
    borderLeft: "colors";
    borderLeftColor: "colors";
    borderRight: "colors";
    borderRightColor: "colors";
    borderTop: "colors";
    borderTopColor: "colors";
    caretColor: "colors";
    color: "colors";
    columnRuleColor: "colors";
    outline: "colors";
    outlineColor: "colors";
    fill: "colors";
    stroke: "colors";
    textDecorationColor: "colors";
    fontFamily: "fonts";
    fontWeight: "fontWeights";
    lineHeight: "lineHeights";
    letterSpacing: "letterSpacings";
    borderWidth: "borderWidths";
    borderTopWidth: "borderWidths";
    borderLeftWidth: "borderWidths";
    borderRightWidth: "borderWidths";
    borderBottomWidth: "borderWidths";
    borderStyle: "borderStyles";
    borderTopStyle: "borderStyles";
    borderLeftStyle: "borderStyles";
    borderRightStyle: "borderStyles";
    borderBottomStyle: "borderStyles";
    borderRadius: "radii";
    borderTopLeftRadius: "radii";
    borderTopRightRadius: "radii";
    borderBottomRightRadius: "radii";
    borderBottomLeftRadius: "radii";
    boxShadow: "shadows";
    textShadow: "shadows";
    transition: "transitions";
    zIndex: "zIndices";
}, {
    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
    };
    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
    };
    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
    };
    fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
        fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
    };
    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
    };
}>>;