@metamask/design-system-react-native/dist/components/Text/Text.constants.mjs

Design System React Native

import { typography } from "@metamask/design-tokens";
import { FontWeight, TextVariant } from "../../types/index.mjs";
// Mappings
export const TWCLASSMAP_TEXT_FONTWEIGHT = {
    [FontWeight.Regular]: '-regular',
    [FontWeight.Medium]: '-medium',
    [FontWeight.Bold]: '-bold',
};
export const MAP_TEXT_VARIANT_FONTWEIGHT = {
    [TextVariant.DisplayLg]: typography.sDisplayLG.fontWeight,
    [TextVariant.DisplayMd]: typography.sDisplayMD.fontWeight,
    [TextVariant.HeadingLg]: typography.sHeadingLG.fontWeight,
    [TextVariant.HeadingMd]: typography.sHeadingMD.fontWeight,
    [TextVariant.HeadingSm]: typography.sHeadingSM.fontWeight,
    [TextVariant.BodyLg]: typography.sBodyLGMedium.fontWeight,
    [TextVariant.BodyMd]: typography.sBodyMD.fontWeight,
    [TextVariant.BodySm]: typography.sBodySM.fontWeight,
    [TextVariant.BodyXs]: typography.sBodyXS.fontWeight,
    [TextVariant.PageHeading]: typography.sPageHeading.fontWeight,
    [TextVariant.SectionHeading]: typography.sSectionHeading
        .fontWeight,
    [TextVariant.ButtonLabelMd]: typography.sButtonLabelMd
        .fontWeight,
    [TextVariant.ButtonLabelLg]: typography.sButtonLabelLg
        .fontWeight,
    [TextVariant.AmountDisplayLg]: typography.sAmountDisplayLg
        .fontWeight,
};
//# sourceMappingURL=Text.constants.mjs.map