@multiplay/ui/dist/atoms/typography/p/index.js

UI kit for Unity and Multiplay applications

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _fluidType = require('../../../helpers/fluidType');

var _fluidType2 = _interopRequireDefault(_fluidType);

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

var P = _styledComponents2.default.p.withConfig({
  displayName: 'p__P',
  componentId: 'sc-1a6tz4k-0'
})(['font-weight:400;width:100%;color:', ';text-align:', ';margin:', ';padding:', ';', ' em,i{font-style:italic;}b,strong{font-weight:bold;}a{font-size:1em;color:currentColor;transition:color 0.3s;font-weight:600;&:hover{transition:color 0.3s;color:#8f8f8f;}}pre{font-family:"Courier 10 Pitch",Courier,monospace;font-size:95%;line-height:140%;white-space:pre;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;}code{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:95%;line-height:140%;white-space:pre;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;background:#faf8f0;}'], function (_ref) {
  var color = _ref.color;
  return color;
}, function (_ref2) {
  var align = _ref2.align;
  return align;
}, function (_ref3) {
  var margin = _ref3.margin;
  return margin;
}, function (_ref4) {
  var padding = _ref4.padding;
  return padding;
}, function (_ref5) {
  var fontSize = _ref5.fontSize,
      lineHeight = _ref5.lineHeight,
      minFont = _ref5.minFont,
      maxFont = _ref5.maxFont,
      minLine = _ref5.minLine,
      maxLine = _ref5.maxLine;

  if (fontSize === '' && lineHeight === '') {
    return '' + (0, _fluidType2.default)({ fontSize: [minFont, maxFont], lineHeight: [minLine, maxLine] });
  }
  return '\n      font-size: ' + fontSize + ';\n      line-height: ' + lineHeight + ';\n    ';
});

P.propTypes = {
  color: _propTypes2.default.string,
  align: _propTypes2.default.string,
  fontSize: _propTypes2.default.string,
  lineHeight: _propTypes2.default.string,
  margin: _propTypes2.default.string,
  padding: _propTypes2.default.string,
  minFont: _propTypes2.default.number,
  minLine: _propTypes2.default.number,
  maxFont: _propTypes2.default.number,
  maxLine: _propTypes2.default.number
};

P.defaultProps = {
  color: '#262729',
  align: 'left',
  fontSize: '',
  lineHeight: '',
  margin: '0 0 20px',
  padding: '0',
  minFont: 14,
  maxFont: 17,
  minLine: 17,
  maxLine: 29
};

P.displayName = 'P';

exports.default = P;