'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ds3 = undefined;
var _index = require('../index');
var _index2 = _interopRequireDefault(_index);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var DesignSystem3 = {
type: {
baseFontSize: '30px',
modularscale: {
base: 30,
ratio: 1.5
},
sizes: {
xs: -2,
s: -1,
base: 0, // [default] p, h5, h6
m: 1, // h4
l: 2, // h3
xl: 3, // h2
xxl: 4 // h1
}
},
colorPalette: {
blue: {
base: 'blue',
dark: 'navyblue'
}
},
breakpoints: {
s: '400px',
m: 500,
l: 800
},
zIndex: {
low: 10,
mid: 100,
high: 1000
},
spacing: {
scale: [0, 8, 16, 24, 32, 40]
}
}; // options: modular-scale:true, fontSizeUnit:px
var ds3 = exports.ds3 = new _index2.default(DesignSystem3, {
useModularScale: true,
fontSizeUnit: 'em'
}); |