@ionic-internal/ionic-ds/dist/src/components/Heading/headingStyleMap--editorial.js

Ionic Design System

import { fontFamilies, fontSizes, lineHeights, letterSpacings, fontWeights, colors } from '../../tokens/tokens.json.js';

const headingStyleMap = {
  1: {
    font: fontFamilies.text,
    size: fontSizes['40'],
    lineHeight: lineHeights.title,
    letterSpacing: letterSpacings.tight,
    fontWeight: fontWeights.semibold
  },
  2: {
    font: fontFamilies.text,
    size: fontSizes['32'],
    letterSpacing: letterSpacings.tight,
    fontWeight: fontWeights.semibold
  },
  3: {
    font: fontFamilies.text,
    size: fontSizes['24'],
    letterSpacing: letterSpacings.solid
  },
  4: {
    letterSpacing: letterSpacings.solid,
    fontWeight: fontWeights.semibold
  },
  5: {
    fontWeight: fontWeights.medium
  },
  6: {
    font: fontFamilies.text,
    size: fontSizes['10'],
    letterSpacing: letterSpacings.super,
    fontWeight: fontWeights.medium,
    color: colors.carbon['90']
  }
};

export default headingStyleMap;