@ionic-internal/ionic-ds/dist/src/components/Paragraph/paragraphStyleMap.js

Ionic Design System

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

const paragraphStyleMap = {
  1: {
    font: fontFamilies.text,
    size: fontSizes['24'],
    lineHeight: lineHeights.body,
    letterSpacing: letterSpacings.tight,
    fontWeight: fontWeights.regular,
    color: colors.indigo['90']
  },
  2: {
    font: fontFamilies.text,
    size: fontSizes['20'],
    lineHeight: lineHeights.body,
    letterSpacing: letterSpacings.tight,
    fontWeight: fontWeights.regular,
    color: colors.indigo['90']
  },
  3: {
    font: fontFamilies.text,
    size: fontSizes['16'],
    lineHeight: lineHeights.body,
    letterSpacing: letterSpacings.tight,
    fontWeight: fontWeights.regular,
    color: colors.indigo['90']
  },
  4: {
    font: fontFamilies.text,
    size: fontSizes['14'],
    lineHeight: lineHeights.body,
    letterSpacing: letterSpacings.solid,
    fontWeight: fontWeights.regular,
    color: colors.indigo['90']
  },
  5: {
    font: fontFamilies.text,
    size: fontSizes['13'],
    lineHeight: lineHeights.body,
    letterSpacing: letterSpacings.solid,
    fontWeight: fontWeights.regular,
    color: colors.indigo['90']
  },
  6: {
    font: fontFamilies.text,
    size: fontSizes['12'],
    lineHeight: lineHeights.body,
    letterSpacing: letterSpacings.solid,
    fontWeight: fontWeights.regular,
    color: colors.indigo['90']
  }
};

export default paragraphStyleMap;