styled-components/lib/constructors/styled.js

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

'use strict';

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

var _css = require('./css');

var _css2 = _interopRequireDefault(_css);

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

exports.default = function (styledComponent) {
  var styled = function styled(tag) {
    return function (strings) {
      for (var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
        interpolations[_key - 1] = arguments[_key];
      }

      return styledComponent(tag, _css2.default.apply(undefined, [strings].concat(interpolations)));
    };
  };

  /* Shorthands for all valid HTML Elements */
  // Thanks to ReactDOMFactories for this handy list!
  styled.a = styled('a');
  styled.abbr = styled('abbr');
  styled.address = styled('address');
  styled.area = styled('area');
  styled.article = styled('article');
  styled.aside = styled('aside');
  styled.audio = styled('audio');
  styled.b = styled('b');
  styled.base = styled('base');
  styled.bdi = styled('bdi');
  styled.bdo = styled('bdo');
  styled.big = styled('big');
  styled.blockquote = styled('blockquote');
  styled.body = styled('body');
  styled.br = styled('br');
  styled.button = styled('button');
  styled.canvas = styled('canvas');
  styled.caption = styled('caption');
  styled.cite = styled('cite');
  styled.code = styled('code');
  styled.col = styled('col');
  styled.colgroup = styled('colgroup');
  styled.data = styled('data');
  styled.datalist = styled('datalist');
  styled.dd = styled('dd');
  styled.del = styled('del');
  styled.details = styled('details');
  styled.dfn = styled('dfn');
  styled.dialog = styled('dialog');
  styled.div = styled('div');
  styled.dl = styled('dl');
  styled.dt = styled('dt');
  styled.em = styled('em');
  styled.embed = styled('embed');
  styled.fieldset = styled('fieldset');
  styled.figcaption = styled('figcaption');
  styled.figure = styled('figure');
  styled.footer = styled('footer');
  styled.form = styled('form');
  styled.h1 = styled('h1');
  styled.h2 = styled('h2');
  styled.h3 = styled('h3');
  styled.h4 = styled('h4');
  styled.h5 = styled('h5');
  styled.h6 = styled('h6');
  styled.head = styled('head');
  styled.header = styled('header');
  styled.hgroup = styled('hgroup');
  styled.hr = styled('hr');
  styled.html = styled('html');
  styled.i = styled('i');
  styled.iframe = styled('iframe');
  styled.img = styled('img');
  styled.input = styled('input');
  styled.ins = styled('ins');
  styled.kbd = styled('kbd');
  styled.keygen = styled('keygen');
  styled.label = styled('label');
  styled.legend = styled('legend');
  styled.li = styled('li');
  styled.link = styled('link');
  styled.main = styled('main');
  styled.map = styled('map');
  styled.mark = styled('mark');
  styled.menu = styled('menu');
  styled.menuitem = styled('menuitem');
  styled.meta = styled('meta');
  styled.meter = styled('meter');
  styled.nav = styled('nav');
  styled.noscript = styled('noscript');
  styled.object = styled('object');
  styled.ol = styled('ol');
  styled.optgroup = styled('optgroup');
  styled.option = styled('option');
  styled.output = styled('output');
  styled.p = styled('p');
  styled.param = styled('param');
  styled.picture = styled('picture');
  styled.pre = styled('pre');
  styled.progress = styled('progress');
  styled.q = styled('q');
  styled.rp = styled('rp');
  styled.rt = styled('rt');
  styled.ruby = styled('ruby');
  styled.s = styled('s');
  styled.samp = styled('samp');
  styled.script = styled('script');
  styled.section = styled('section');
  styled.select = styled('select');
  styled.small = styled('small');
  styled.source = styled('source');
  styled.span = styled('span');
  styled.strong = styled('strong');
  styled.style = styled('style');
  styled.sub = styled('sub');
  styled.summary = styled('summary');
  styled.sup = styled('sup');
  styled.table = styled('table');
  styled.tbody = styled('tbody');
  styled.td = styled('td');
  styled.textarea = styled('textarea');
  styled.tfoot = styled('tfoot');
  styled.th = styled('th');
  styled.thead = styled('thead');
  styled.time = styled('time');
  styled.title = styled('title');
  styled.tr = styled('tr');
  styled.track = styled('track');
  styled.u = styled('u');
  styled.ul = styled('ul');
  styled.var = styled('var');
  styled.video = styled('video');
  styled.wbr = styled('wbr');

  // SVG
  styled.circle = styled('circle');
  styled.clipPath = styled('clipPath');
  styled.defs = styled('defs');
  styled.ellipse = styled('ellipse');
  styled.g = styled('g');
  styled.image = styled('image');
  styled.line = styled('line');
  styled.linearGradient = styled('linearGradient');
  styled.mask = styled('mask');
  styled.path = styled('path');
  styled.pattern = styled('pattern');
  styled.polygon = styled('polygon');
  styled.polyline = styled('polyline');
  styled.radialGradient = styled('radialGradient');
  styled.rect = styled('rect');
  styled.stop = styled('stop');
  styled.svg = styled('svg');
  styled.text = styled('text');
  styled.tspan = styled('tspan');

  return styled;
};

module.exports = exports['default'];