fui-fancyui/dist/src/components/atoms/Typography/utils/TypographyStyleVariants.js

FancyUI Libary

import { css as t } from "styled-components";
const $ = t`
  margin: 0;
`, c = (n) => {
  const { themeFonts: e, lineHeight: o, letterSpacing: s, fontWeight: a } = n, i = {
    lineHeight: o,
    letterSpacing: s,
    fontWeight: a
  };
  return {
    displayHero: t`
      ${$};
      ${e.displayHero};
      ${i};
    `,
    displayHeadline: t`
      ${$};
      ${e.displayHeadline};
      ${i};
    `,
    displayTitle: t`
      ${$};
      ${e.displayTitle};
      ${i};
    `,
    sectionTitle: t`
      ${$};
      ${e.sectionTitle};
      ${i};
    `,
    sectionSubtitle: t`
      ${$};
      ${e.sectionSubtitle};
      ${i};
    `,
    sectionSubsectionTitle: t`
      ${$};
      ${e.sectionSubsectionTitle};
      ${i};
    `,
    bodytextLg: t`
      ${$};
      ${e.bodytextLg};
      ${i};
    `,
    bodytextMd: t`
      ${$};
      ${e.bodytextMd};
      ${i};
    `,
    bodytextSm: t`
      ${$};
      ${e.bodytextSm};
      ${i};
    `,
    subTextCaption: t`
      ${$};
      ${e.subTextCaption};
      ${i};
    `,
    subTextFootnote: t`
      ${$};
      ${e.subTextFootnote};
      ${i};
    `,
    subTextLegal: t`
      ${$};
      ${e.subTextLegal};
      ${i};
    `,
    interactiveLg: t`
      ${$};
      ${e.interactiveLg};
      ${i};
    `,
    interactiveXl: t`
      ${$};
      ${e.interactiveXl};
      ${i};
    `,
    interactiveMd: t`
      ${$};
      ${e.interactiveMd};
      ${i};
    `,
    interactiveXs: t`
      ${$};
      ${e.interactiveXs};
      ${i};
    `,
    interactiveSm: t`
      ${$};
      ${e.interactiveSm};
      ${i};
    `
  };
};
export {
  c as generateFontVariants
};