@bnnvara/typography/dist/components/Heading/styled.js

Typography for BNNVARA

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Copyright = exports.brand = exports.six = exports.five = exports.four = exports.three = exports.two = exports.one = exports.HeadingBase = void 0;

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _breakpoints = require("@bnnvara/breakpoints");

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

var colorSelector = function colorSelector(_ref) {
  var theme = _ref.theme,
      color = _ref.color;
  return theme.base[color];
};

var HeadingBase = (0, _styledComponents.css)(["font-family:", ";margin:0;padding:0;"], function (_ref2) {
  var theme = _ref2.theme;
  return theme.fonts.primary;
});
exports.HeadingBase = HeadingBase;
var one = (0, _styledComponents.css)(["font-size:1.625rem;font-weight:900;text-transform:uppercase;color:", ";", "{font-size:2.75rem;}"], colorSelector, _breakpoints.breakpoints.md);
exports.one = one;
var two = (0, _styledComponents.css)(["font-size:1.625rem;font-weight:700;color:", ";", "{font-size:2.25rem;}"], colorSelector, _breakpoints.breakpoints.md);
exports.two = two;
var three = (0, _styledComponents.css)(["font-size:1.625rem;font-weight:700;color:", ";", "{font-size:2rem;}"], colorSelector, _breakpoints.breakpoints.md);
exports.three = three;
var four = (0, _styledComponents.css)(["font-size:1.625rem;font-weight:700;color:", ";", "{font-size:1.75rem;}"], colorSelector, _breakpoints.breakpoints.md);
exports.four = four;
var five = (0, _styledComponents.css)(["font-size:1.125rem;font-weight:700;color:", ";", "{font-size:1.375rem;}"], colorSelector, _breakpoints.breakpoints.md);
exports.five = five;
var six = (0, _styledComponents.css)(["font-size:1.25rem;font-weight:700;"]);
exports.six = six;
var brand = (0, _styledComponents.css)(["font-size:1.625rem;font-weight:900;line-height:1.625rem;text-transform:uppercase;color:", ";", "{font-size:2.5rem;line-height:2.5rem;}"], colorSelector, _breakpoints.breakpoints.md);
exports.brand = brand;

var Copyright = _styledComponents.default.span.withConfig({
  displayName: "Copyright"
})(["display:inline-block;font-size:1.25rem;color:", ";letter-spacing:0;line-height:2rem;"], function (_ref3) {
  var theme = _ref3.theme;
  return theme.secondary.light;
});

exports.Copyright = Copyright;