@scrnhq/eurovision-elements/definition/index.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DefinitionData = exports.DefinitionTerm = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  font-size: 0.75em;\n  line-height: 1;\n  margin: 0;\n  font-family: ', ';\n  font-weight: 300;\n  color: ', ';\n  ', '\n\n  ', '\n\n'], ['\n  font-size: 0.75em;\n  line-height: 1;\n  margin: 0;\n  font-family: ', ';\n  font-weight: 300;\n  color: ', ';\n  ', '\n\n  ', '\n\n']),
    _templateObject2 = _taggedTemplateLiteral(['font-size: 0.875em;'], ['font-size: 0.875em;']),
    _templateObject3 = _taggedTemplateLiteral(['margin-bottom: {value};'], ['margin-bottom: {value};']),
    _templateObject4 = _taggedTemplateLiteral(['\n  font-size: 12px;\n  line-height: 1.5;\n  margin: 0;\n  font-family: ', ';\n  font-weight: 300;\n  color: ', ';\n  margin-bottom: 1.875em;\n  ', '\n\n  ', '\n'], ['\n  font-size: 12px;\n  line-height: 1.5;\n  margin: 0;\n  font-family: ', ';\n  font-weight: 300;\n  color: ', ';\n  margin-bottom: 1.875em;\n  ', '\n\n  ', '\n']),
    _templateObject5 = _taggedTemplateLiteral(['margin-top: {value};'], ['margin-top: {value};']);

var _media = require('../library/media');

var _media2 = _interopRequireDefault(_media);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _spacing = require('../library/spacing');

var _spacing2 = _interopRequireDefault(_spacing);

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

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var DefinitionTerm = exports.DefinitionTerm = _styledComponents2.default.dt(_templateObject, function (props) {
  return props.theme.font.base;
}, function (props) {
  return props.emphasis ? props.theme.colors.black : props.theme.colors.grey;
}, _media2.default.wide(_templateObject2), function (props) {
  return props.compact ? _spacing2.default.small(_templateObject3) : _spacing2.default.increased(_templateObject3);
});

var DefinitionData = exports.DefinitionData = _styledComponents2.default.dd(_templateObject4, function (props) {
  return props.theme.font.base;
}, function (props) {
  return props.emphasis ? props.theme.colors.black : props.theme.colors.grey;
}, _media2.default.wide(_templateObject2), function (props) {
  return props.compact ? _spacing2.default.small(_templateObject5) : _spacing2.default.increased(_templateObject5);
});