Variable transformations`Const`

transformations: {
    extraLargeBold: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        textWrap: string;
    };
    extraLargeUppercase: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        textTransform: string;
        textWrap: string;
    };
    largerBold: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        textWrap: string;
    };
    largestUppercase: {
        className: string;
        fontFamily: string;
        fontSize: string;
        fontWeight: string;
        lineHeight: string;
        textTransform: string;
        textWrap: string;
    };
} = ...

Transformed typography variants with different weights and transformations.

Type declaration

extraLargeBold: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
    textWrap: string;
}
extraLargeUppercase: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
    textTransform: string;
    textWrap: string;
}
largerBold: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
    textWrap: string;
}
largestUppercase: {
    className: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string;
    lineHeight: string;
    textTransform: string;
    textWrap: string;
}

Example

import * as Styles from '@universityofmaryland/web-styles-library';
// Use transformed variants
Styles.typography.sans.transformations.extraLargeBold

Since

1.1.0

Variable transformationsConst

Type declaration

extraLargeBold: { className: string; fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textWrap: string;}

extraLargeUppercase: { className: string; fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textTransform: string; textWrap: string;}

largerBold: { className: string; fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textWrap: string;}

largestUppercase: { className: string; fontFamily: string; fontSize: string; fontWeight: string; lineHeight: string; textTransform: string; textWrap: string;}

Example

Since

Settings

Variable transformations`Const`

extraLargeBold: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
textWrap: string;
}

extraLargeUppercase: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
textTransform: string;
textWrap: string;
}

largerBold: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
textWrap: string;
}

largestUppercase: {
className: string;
fontFamily: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
textTransform: string;
textWrap: string;
}