cloudhubui/dist/theme/Fonts.js

Various components to use in react projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _Sizes = _interopRequireDefault(require("./Sizes"));

var _Colors = _interopRequireDefault(require("./Colors"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Fonts = {
  h1: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.h1,
    lineHeight: '150%'
  },
  h2: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.h2,
    lineHeight: '150%'
  },
  h3: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.h3,
    lineHeight: '150%'
  },
  h4: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.h4,
    lineHeight: '150%'
  },
  h5: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.h5,
    lineHeight: '150%'
  },
  h6: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.h6,
    lineHeight: '150%'
  },
  header: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.header,
    lineHeight: '150%',
    letterSpacing: 0.5,
    fontWeight: 700
  },
  subHeader: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.subHeader,
    lineHeight: '150%',
    letterSpacing: 0.5,
    fontWeight: 500
  },
  title: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.title,
    lineHeight: '150%',
    letterSpacing: 0.5,
    fontWeight: 700
  },
  subTitle: {
    fontFamily: 'clanpro-thin',
    fontSize: _Sizes.default.subTitle,
    lineHeight: '150%',
    letterSpacing: 0.5,
    fontWeight: 400
  },
  semibold: {
    fontFamily: 'Montserrat',
    fontWeight: 600
  },
  bold: {
    fontFamily: 'Montserrat',
    fontWeight: 700
  },
  light: {
    fontFamily: 'Montserrat'
  },
  italic: {
    fontStyle: 'italic'
  },
  strikethrough: {
    textDecoration: 'line-through'
  },
  underline: {
    textDecoration: 'underline'
  },
  normal: {
    fontFamily: 'Montserrat'
  },
  default: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.body
  },
  body: {
    fontFamily: 'Montserrat',
    fontSize: _Sizes.default.body,
    lineHeight: '200%',
    color: _Colors.default.darkGray
  },
  caption: {
    fontSize: _Sizes.default.caption
  },
  small: {
    fontSize: _Sizes.default.small,
    fontWeight: 500,
    lineHeight: '200%'
  },
  button: {
    fontSize: _Sizes.default.button
  }
};
var _default = Fonts;
exports.default = _default;