styled-components - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

lib/index.js

@@ -68,13 +68,38 @@ 'use strict';
 
-/* Two main entry points */
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
+function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }
 
+/* Wrap the base functions in objects and export*/
+
+
 /* Higher-order constructors */
 
 
-/* Wrap the base functions in objects and export*/
-var elem = _Element2.default;
+/* Two main entry points */
+
+var elem = function elem() {
+  for (var _len = arguments.length, properties = Array(_len), _key = 0; _key < _len; _key++) {
+    properties[_key] = arguments[_key];
+  }
+
+  var _ensureTagThenStyles = ensureTagThenStyles(properties);
+
+  var _ensureTagThenStyles2 = _toArray(_ensureTagThenStyles);
+
+  var tagName = _ensureTagThenStyles2[0];
+
+  var rules = _ensureTagThenStyles2.slice(1);
+
+  return _Element2.default.apply(undefined, [tagName].concat(_toConsumableArray(rules)));
+};
+
+/* Either ['tagName', ...styles] or [...styles] can be passed in */
+var ensureTagThenStyles = function ensureTagThenStyles(list) {
+  return typeof list[0] === 'string' ? list : ['div'].concat(list);
+};
+
 var generateClassnames = function generateClassnames() {
-  for (var _len = arguments.length, rules = Array(_len), _key = 0; _key < _len; _key++) {
-    rules[_key] = arguments[_key];
+  for (var _len2 = arguments.length, rules = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    rules[_key2] = arguments[_key2];
   }
@@ -81,0 +106,0 @@

lib/models/Element.js

@@ -15,25 +15,8 @@ 'use strict';
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
-function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }
-
-/* Either ['tagName', ...styles] or [...styles] can be passed in */
-var ensureTagThenStyles = function ensureTagThenStyles(list) {
-  return typeof list[0] === 'string' ? list : ['div'].concat(list);
-};
-
-var Element = function Element() {
-  for (var _len = arguments.length, properties = Array(_len), _key = 0; _key < _len; _key++) {
-    properties[_key] = arguments[_key];
+var Element = function Element(tagName) {
+  for (var _len = arguments.length, rules = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    rules[_key - 1] = arguments[_key];
   }
 
-  var _ensureTagThenStyles = ensureTagThenStyles(properties);
-
-  var _ensureTagThenStyles2 = _toArray(_ensureTagThenStyles);
-
-  var tagName = _ensureTagThenStyles2[0];
-
-  var rules = _ensureTagThenStyles2.slice(1);
-
-  var styleRoot = new (Function.prototype.bind.apply(_Root2.default, [null].concat(_toConsumableArray(rules))))();
+  var styleRoot = new (Function.prototype.bind.apply(_Root2.default, [null].concat(rules)))();
   /* Don't generate the styles now, only on render */
@@ -40,0 +23,0 @@ var className = void 0;

package.json

 {
   "name": "styled-components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/index.js

@@ -21,3 +21,12 @@ import Element from './models/Element'
 /* Two main entry points */
-const elem = Element
+
+const elem = (...properties) => {
+  const [tagName, ...rules] = ensureTagThenStyles(properties)
+  return Element(tagName, ...rules)  
+}
+
+/* Either ['tagName', ...styles] or [...styles] can be passed in */
+const ensureTagThenStyles = list =>
+  typeof list[0] === 'string' ? list : ['div'].concat(list)
+
 const generateClassnames = (...rules) => new Root(...rules).injectStyles()
@@ -24,0 +33,0 @@

src/models/Element.js

@@ -5,8 +5,3 @@ import {createElement} from 'react'
 
-/* Either ['tagName', ...styles] or [...styles] can be passed in */
-const ensureTagThenStyles = list =>
-  typeof list[0] === 'string' ? list : ['div'].concat(list)
-
-const Element = (...properties) => {
-  const [tagName, ...rules] = ensureTagThenStyles(properties)
+const Element = (tagName, ...rules) => {
   const styleRoot = new Root(...rules)
@@ -13,0 +8,0 @@ /* Don't generate the styles now, only on render */

No alert changes

Improved metrics

Total package byte prevSize

148056

increased by1.07%

Number of package files

65

increased by3.17%

Lines of code

2825

increased by1.15%

No dependency changes