All files / src/testData ds1.js

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

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 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69      1x                                                                                                                                  
// options: modular-scale:false, fontSizeUnit:px
import DesignSystem from '../index'
 
const DesignSystem1 = {
  type: {
    baseFontSize: '30px',
 
    sizes: {
      xs: '16px',
      s: '20px',
      base: '30px',
      m: '36px',
      l: '42px',
      xl: '50px',
      xxl: '58px',
    },
  },
 
  colors: {
    colorPalette: {
      text: {
        base: '#212B35',
        light: '#454F5B',
        lighter: '#637381',
      },
 
      primary: {
        base: '#181830',
        light: '#292952',
        dark: '#0d0d19',
      },
 
      secondary: {
        base: '#fe7c08',
        light: '#fea04c',
        dark: '#d26401',
      }
    },
 
    brand: {
      red: '#e82219',
      deeporange: '#ff7200',
      orange: '#ff9500',
      green: '#c4d000',
      teal: '#1aa5c8',
      navy: '#0052da',
    },
  },
 
  breakpoints: {
    s: 200,
    m: 500,
    l: 800,
  },
 
  zIndex: {
    low: 10,
    mid: 100,
    high: 1000,
  },
 
  spacing: {
    scale: [0, 8, 16, 24, 32, 40],
    baseline: 20,
  },
}
 
export default new DesignSystem(DesignSystem1)