@navikt/ds-react/src/typography/util.ts

React components from the Norwegian Labour and Welfare Administration.

import { cl } from "../utils/helpers";
import { TypoProps } from "./types";

export const typoClassNames = (props: TypoProps & { uppercase?: boolean }) => {
  return cl({
    "aksel-typo--spacing": props.spacing,
    "aksel-typo--truncate": props.truncate,
    "aksel-typo--semibold": props.weight === "semibold",
    [`aksel-typo--align-${props.align}`]: props.align,
    [`aksel-typo--color-${props.textColor}`]: props.textColor,
    "aksel-typo--visually-hidden": props.visuallyHidden,
    "aksel-typo--uppercase": props.uppercase,
  });
};