All files / components/Typography TypographyProvider.js

100% Statements 2/2
100% Branches 0/0
100% Functions 0/0
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46    15x                                                                               15x      
import { createProvider } from '../../helpers';
 
export const minimalTheme = {
  baseFontSize: 16,
  baseLineHeight: 1.5,
  opacities: {
    high: 1,
  },
  colors: {
    neutral: '#000',
  },
  text: {
    sizings: {
      m: {
        fontSize: '1rem',
      },
    },
  },
  heading: {
    sizings: {
      h1: {
        fontSize: '3rem',
      },
      h2: {
        fontSize: '2.5rem',
      },
      h3: {
        fontSize: '2rem',
      },
      h4: {
        fontSize: '1.5rem',
      },
      h5: {
        fontSize: '1.25rem',
      },
      h6: {
        fontSize: '1rem',
      },
    },
  },
};
 
const TypographyProvider = createProvider('typography', minimalTheme);
 
export default TypographyProvider;