css-in-js-utils - npm Package Compare versions

Comparing version 3.0.2 to 3.0.3

lib/__tests__/assignStyle-test.js

@@ -1,12 +0,18 @@
-'use strict';
+"use strict";
 
-var _assignStyle = require('../assignStyle');
+var _assignStyle = require("../assignStyle");
 
 var _assignStyle2 = _interopRequireDefault(_assignStyle);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Assinging styles', function () {
   it('should merge properties', function () {
-    expect((0, _assignStyle2.default)({ color: 'red' }, { fontSize: 12 }, { lineHeight: 1 })).toEqual({
+    expect((0, _assignStyle2["default"])({
+      color: 'red'
+    }, {
+      fontSize: 12
+    }, {
+      lineHeight: 1
+    })).toEqual({
       color: 'red',
@@ -17,18 +23,32 @@ fontSize: 12,
   });
-
   it('should overwrite properties from right to left', function () {
-    expect((0, _assignStyle2.default)({ fontSize: 12 }, { fontSize: 16 }, { fontSize: 11 })).toEqual({ fontSize: 11 });
+    expect((0, _assignStyle2["default"])({
+      fontSize: 12
+    }, {
+      fontSize: 16
+    }, {
+      fontSize: 11
+    })).toEqual({
+      fontSize: 11
+    });
   });
-
   it('should merge nested objects', function () {
-    expect((0, _assignStyle2.default)({
+    expect((0, _assignStyle2["default"])({
       fontSize: 12,
-      ob2: { color: 'red' },
-      ob3: { color: 'red' }
+      ob2: {
+        color: 'red'
+      },
+      ob3: {
+        color: 'red'
+      }
     }, {
       fontSize: 16,
-      ob2: { fontSize: 12 }
+      ob2: {
+        fontSize: 12
+      }
     }, {
       fontSize: 11,
-      ob3: { color: 'blue' }
+      ob3: {
+        color: 'blue'
+      }
     })).toEqual({
@@ -40,12 +60,15 @@ fontSize: 11,
       },
-      ob3: { color: 'blue' }
+      ob3: {
+        color: 'blue'
+      }
     });
   });
-
   it('should not overwrite objects other than the first one', function () {
-    var ob1 = { color: 'red' };
-    var ob2 = { fontSize: 12 };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
+    var ob1 = {
+      color: 'red'
+    };
+    var ob2 = {
+      fontSize: 12
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
     expect(newOb).toEqual({
@@ -55,14 +78,18 @@ color: 'red',
     });
-
     newOb.foo = 'bar';
-    expect(ob1).toEqual({ color: 'red' });
-    expect(ob2).toEqual({ fontSize: 12 });
+    expect(ob1).toEqual({
+      color: 'red'
+    });
+    expect(ob2).toEqual({
+      fontSize: 12
+    });
   });
-
   it('should use the first object as base', function () {
-    var ob1 = { color: 'red' };
-    var ob2 = { fontSize: 12 };
-
-    var newOb = (0, _assignStyle2.default)(ob1, ob2);
-
+    var ob1 = {
+      color: 'red'
+    };
+    var ob2 = {
+      fontSize: 12
+    };
+    var newOb = (0, _assignStyle2["default"])(ob1, ob2);
     expect(newOb).toEqual({
@@ -72,5 +99,3 @@ color: 'red',
     });
-
     expect(ob1).toEqual(newOb);
-
     newOb.foo = 'bar';
@@ -83,9 +108,10 @@ expect(ob1).toEqual({
   });
-
   it('should not recursively call assignStyle for null values', function () {
-    var ob1 = { fontSize: 10 };
-    var ob2 = { margin: null };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
+    var ob1 = {
+      fontSize: 10
+    };
+    var ob2 = {
+      margin: null
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
     expect(newOb).toEqual({
@@ -96,63 +122,82 @@ fontSize: 10,
   });
-
   it('should merge array values (array-single)', function () {
-    var ob1 = { fontSize: ['10px', '10rem'] };
-    var ob2 = { fontSize: 20 };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
-    expect(newOb).toEqual({ fontSize: ['10px', '10rem', 20] });
+    var ob1 = {
+      fontSize: ['10px', '10rem']
+    };
+    var ob2 = {
+      fontSize: 20
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
+    expect(newOb).toEqual({
+      fontSize: ['10px', '10rem', 20]
+    });
   });
-
   it('should merge array values (single-array)', function () {
-    var ob1 = { fontSize: 10 };
-    var ob2 = { fontSize: ['10px', '20vw'] };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
-    expect(newOb).toEqual({ fontSize: [10, '10px', '20vw'] });
+    var ob1 = {
+      fontSize: 10
+    };
+    var ob2 = {
+      fontSize: ['10px', '20vw']
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
+    expect(newOb).toEqual({
+      fontSize: [10, '10px', '20vw']
+    });
   });
-
   it('should merge array values (array-array)', function () {
-    var ob1 = { fontSize: ['20pt', 10] };
-    var ob2 = { fontSize: ['10px', '20vw'] };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
-    expect(newOb).toEqual({ fontSize: ['20pt', 10, '10px', '20vw'] });
+    var ob1 = {
+      fontSize: ['20pt', 10]
+    };
+    var ob2 = {
+      fontSize: ['10px', '20vw']
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
+    expect(newOb).toEqual({
+      fontSize: ['20pt', 10, '10px', '20vw']
+    });
   });
-
   it('should merge array values without duplicates (array-single)', function () {
-    var ob1 = { fontSize: ['10px', '10rem'] };
-    var ob2 = { fontSize: '10px' };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
-    expect(newOb).toEqual({ fontSize: ['10rem', '10px'] });
+    var ob1 = {
+      fontSize: ['10px', '10rem']
+    };
+    var ob2 = {
+      fontSize: '10px'
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
+    expect(newOb).toEqual({
+      fontSize: ['10rem', '10px']
+    });
   });
-
   it('should merge array values without duplicates (array-array)', function () {
-    var ob1 = { fontSize: ['20px', '10rem', '10px'] };
-    var ob2 = { fontSize: ['10px', 5, '10rem'] };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
-    expect(newOb).toEqual({ fontSize: ['20px', '10px', 5, '10rem'] });
+    var ob1 = {
+      fontSize: ['20px', '10rem', '10px']
+    };
+    var ob2 = {
+      fontSize: ['10px', 5, '10rem']
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
+    expect(newOb).toEqual({
+      fontSize: ['20px', '10px', 5, '10rem']
+    });
   });
-
   it('should merge array values without duplicates (single-array)', function () {
-    var ob1 = { fontSize: '10px' };
-    var ob2 = { fontSize: ['10rem', '10px'] };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
-    expect(newOb).toEqual({ fontSize: ['10rem', '10px'] });
+    var ob1 = {
+      fontSize: '10px'
+    };
+    var ob2 = {
+      fontSize: ['10rem', '10px']
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
+    expect(newOb).toEqual({
+      fontSize: ['10rem', '10px']
+    });
   });
-
   it('should not recursively call assignStyle for null values', function () {
-    var ob1 = { fontSize: 10 };
-    var ob2 = { margin: null };
-
-    var newOb = (0, _assignStyle2.default)({}, ob1, ob2);
-
+    var ob1 = {
+      fontSize: 10
+    };
+    var ob2 = {
+      margin: null
+    };
+    var newOb = (0, _assignStyle2["default"])({}, ob1, ob2);
     expect(newOb).toEqual({
@@ -159,0 +204,0 @@ fontSize: 10,

lib/__tests__/camelCaseProperty-test.js

@@ -1,15 +0,15 @@
-'use strict';
+"use strict";
 
-var _camelCaseProperty = require('../camelCaseProperty');
+var _camelCaseProperty = require("../camelCaseProperty");
 
 var _camelCaseProperty2 = _interopRequireDefault(_camelCaseProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Camel casing properties', function () {
   it('should camel case properties', function () {
-    expect((0, _camelCaseProperty2.default)('transition-delay')).toEqual('transitionDelay');
-    expect((0, _camelCaseProperty2.default)('-webkit-transition-delay')).toEqual('WebkitTransitionDelay');
-    expect((0, _camelCaseProperty2.default)('-ms-transition')).toEqual('msTransition');
+    expect((0, _camelCaseProperty2["default"])('transition-delay')).toEqual('transitionDelay');
+    expect((0, _camelCaseProperty2["default"])('-webkit-transition-delay')).toEqual('WebkitTransitionDelay');
+    expect((0, _camelCaseProperty2["default"])('-ms-transition')).toEqual('msTransition');
   });
 });

lib/__tests__/cssifyDeclaration-test.js

@@ -1,15 +0,15 @@
-'use strict';
+"use strict";
 
-var _cssifyDeclaration = require('../cssifyDeclaration');
+var _cssifyDeclaration = require("../cssifyDeclaration");
 
 var _cssifyDeclaration2 = _interopRequireDefault(_cssifyDeclaration);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Cssifying declarations', function () {
   it('should return a valid css declaration', function () {
-    expect((0, _cssifyDeclaration2.default)('width', '300px')).toEqual('width:300px');
-    expect((0, _cssifyDeclaration2.default)('WebkitFlex', '1')).toEqual('-webkit-flex:1');
-    expect((0, _cssifyDeclaration2.default)('msTransitionDuration', '3s')).toEqual('-ms-transition-duration:3s');
+    expect((0, _cssifyDeclaration2["default"])('width', '300px')).toEqual('width:300px');
+    expect((0, _cssifyDeclaration2["default"])('WebkitFlex', '1')).toEqual('-webkit-flex:1');
+    expect((0, _cssifyDeclaration2["default"])('msTransitionDuration', '3s')).toEqual('-ms-transition-duration:3s');
   });
 });

lib/__tests__/cssifyObject-test.js

@@ -1,20 +0,22 @@
-'use strict';
+"use strict";
 
-var _cssifyObject = require('../cssifyObject');
+var _cssifyObject = require("../cssifyObject");
 
 var _cssifyObject2 = _interopRequireDefault(_cssifyObject);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Cssifying objects', function () {
   it('should generate a valid CSS string', function () {
-    expect((0, _cssifyObject2.default)({ color: 'red' })).toEqual('color:red');
+    expect((0, _cssifyObject2["default"])({
+      color: 'red'
+    })).toEqual('color:red');
   });
-
   it('should convert properties to dash case', function () {
-    expect((0, _cssifyObject2.default)({ fontSize: '12px' })).toEqual('font-size:12px');
+    expect((0, _cssifyObject2["default"])({
+      fontSize: '12px'
+    })).toEqual('font-size:12px');
   });
-
   it('should separate declarations with semicolons', function () {
-    expect((0, _cssifyObject2.default)({
+    expect((0, _cssifyObject2["default"])({
       fontSize: '12px',
@@ -24,5 +26,4 @@ color: 'red'
   });
-
   it('should convert vendor prefixes', function () {
-    expect((0, _cssifyObject2.default)({
+    expect((0, _cssifyObject2["default"])({
       WebkitJustifyContent: 'center',
@@ -29,0 +30,0 @@ msFlexAlign: 'center'

lib/__tests__/isPrefixedProperty-test.js

@@ -1,19 +0,18 @@
-'use strict';
+"use strict";
 
-var _isPrefixedProperty = require('../isPrefixedProperty');
+var _isPrefixedProperty = require("../isPrefixedProperty");
 
 var _isPrefixedProperty2 = _interopRequireDefault(_isPrefixedProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Checking for prefixed properties', function () {
   it('should return true', function () {
-    expect((0, _isPrefixedProperty2.default)('WebkitTransition')).toEqual(true);
-    expect((0, _isPrefixedProperty2.default)('msTransitionDelay')).toEqual(true);
+    expect((0, _isPrefixedProperty2["default"])('WebkitTransition')).toEqual(true);
+    expect((0, _isPrefixedProperty2["default"])('msTransitionDelay')).toEqual(true);
   });
-
   it('should return false', function () {
-    expect((0, _isPrefixedProperty2.default)('transition')).toEqual(false);
-    expect((0, _isPrefixedProperty2.default)('transitionDelay')).toEqual(false);
+    expect((0, _isPrefixedProperty2["default"])('transition')).toEqual(false);
+    expect((0, _isPrefixedProperty2["default"])('transitionDelay')).toEqual(false);
   });
 });

lib/__tests__/isPrefixedValue-test.js

@@ -1,19 +0,18 @@
-'use strict';
+"use strict";
 
-var _isPrefixedValue = require('../isPrefixedValue');
+var _isPrefixedValue = require("../isPrefixedValue");
 
 var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Checking for prefixed values', function () {
   it('should return true', function () {
-    expect((0, _isPrefixedValue2.default)('-webkit-calc(100% - 20px)')).toEqual(true);
-    expect((0, _isPrefixedValue2.default)('-ms-transition')).toEqual(true);
+    expect((0, _isPrefixedValue2["default"])('-webkit-calc(100% - 20px)')).toEqual(true);
+    expect((0, _isPrefixedValue2["default"])('-ms-transition')).toEqual(true);
   });
-
   it('should return false', function () {
-    expect((0, _isPrefixedValue2.default)('200px')).toEqual(false);
-    expect((0, _isPrefixedValue2.default)('calc(100% - 20px)')).toEqual(false);
+    expect((0, _isPrefixedValue2["default"])('200px')).toEqual(false);
+    expect((0, _isPrefixedValue2["default"])('calc(100% - 20px)')).toEqual(false);
   });
 });

lib/__tests__/isUnitlessProperty-test.js

@@ -1,43 +0,39 @@
-'use strict';
+"use strict";
 
-var _isUnitlessProperty = require('../isUnitlessProperty');
+var _isUnitlessProperty = require("../isUnitlessProperty");
 
 var _isUnitlessProperty2 = _interopRequireDefault(_isUnitlessProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Checking for unitless CSS properties', function () {
   it('should return true for unitless properties', function () {
-    expect((0, _isUnitlessProperty2.default)('fontWeight')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('flex')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('gridColumn')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('fontWeight')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('flex')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('gridColumn')).toEqual(true);
   });
-
   it('should return true for hypenated unitless properties', function () {
-    expect((0, _isUnitlessProperty2.default)('font-weight')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('grid-column')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('font-weight')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('grid-column')).toEqual(true);
   });
-
   it('should return true for prefixed unitless properties', function () {
-    expect((0, _isUnitlessProperty2.default)('WebkitFlex')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('msFlex')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('WebkitColumnCount')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('msColumnCount')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('WebkitFlex')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('msFlex')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('WebkitColumnCount')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('msColumnCount')).toEqual(true);
   });
-
   it('should return true for hypenated prefixed unitless properties', function () {
-    expect((0, _isUnitlessProperty2.default)('-webkit-flex')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('-ms-flex')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('-webkit-column-count')).toEqual(true);
-    expect((0, _isUnitlessProperty2.default)('-ms-column-count')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('-webkit-flex')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('-ms-flex')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('-webkit-column-count')).toEqual(true);
+    expect((0, _isUnitlessProperty2["default"])('-ms-column-count')).toEqual(true);
   });
-
   it('should equal false for other properties', function () {
-    expect((0, _isUnitlessProperty2.default)('fontSize')).toEqual(false);
-    expect((0, _isUnitlessProperty2.default)('font-size')).toEqual(false);
-    expect((0, _isUnitlessProperty2.default)('-webkit-border-radius')).toEqual(false);
-    expect((0, _isUnitlessProperty2.default)('-ms-border-radius')).toEqual(false);
-    expect((0, _isUnitlessProperty2.default)('WebkitBorderRadius')).toEqual(false);
-    expect((0, _isUnitlessProperty2.default)('msBorderRadius')).toEqual(false);
+    expect((0, _isUnitlessProperty2["default"])('fontSize')).toEqual(false);
+    expect((0, _isUnitlessProperty2["default"])('font-size')).toEqual(false);
+    expect((0, _isUnitlessProperty2["default"])('-webkit-border-radius')).toEqual(false);
+    expect((0, _isUnitlessProperty2["default"])('-ms-border-radius')).toEqual(false);
+    expect((0, _isUnitlessProperty2["default"])('WebkitBorderRadius')).toEqual(false);
+    expect((0, _isUnitlessProperty2["default"])('msBorderRadius')).toEqual(false);
   });
 });

lib/__tests__/normalizeProperty-test.js

@@ -1,21 +0,19 @@
-'use strict';
+"use strict";
 
-var _normalizeProperty = require('../normalizeProperty');
+var _normalizeProperty = require("../normalizeProperty");
 
 var _normalizeProperty2 = _interopRequireDefault(_normalizeProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Normalizing properties', function () {
   it('should camel case hypenated properties', function () {
-    expect((0, _normalizeProperty2.default)('transition-delay')).toEqual('transitionDelay');
+    expect((0, _normalizeProperty2["default"])('transition-delay')).toEqual('transitionDelay');
   });
-
   it('should unprefix properties', function () {
-    expect((0, _normalizeProperty2.default)('WebkitTransitionDelay')).toEqual('transitionDelay');
+    expect((0, _normalizeProperty2["default"])('WebkitTransitionDelay')).toEqual('transitionDelay');
   });
-
   it('should unprefix and camel case properties', function () {
-    expect((0, _normalizeProperty2.default)('-webkit-transition-delay')).toEqual('transitionDelay');
+    expect((0, _normalizeProperty2["default"])('-webkit-transition-delay')).toEqual('transitionDelay');
   });
 });

lib/__tests__/resolveArrayValue-test.js

@@ -1,17 +0,16 @@
-'use strict';
+"use strict";
 
-var _resolveArrayValue = require('../resolveArrayValue');
+var _resolveArrayValue = require("../resolveArrayValue");
 
 var _resolveArrayValue2 = _interopRequireDefault(_resolveArrayValue);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Resolving array values', function () {
   it('should return a concatenated css value', function () {
-    expect((0, _resolveArrayValue2.default)('width', ['300px', '100px'])).toEqual('300px;width:100px');
+    expect((0, _resolveArrayValue2["default"])('width', ['300px', '100px'])).toEqual('300px;width:100px');
   });
-
   it('should hyphenate property names', function () {
-    expect((0, _resolveArrayValue2.default)('WebkitFlex', [1, 2, 3])).toEqual('1;-webkit-flex:2;-webkit-flex:3');
+    expect((0, _resolveArrayValue2["default"])('WebkitFlex', [1, 2, 3])).toEqual('1;-webkit-flex:2;-webkit-flex:3');
   });
 });

lib/__tests__/unprefixProperty-test.js

@@ -1,19 +0,18 @@
-'use strict';
+"use strict";
 
-var _unprefixProperty = require('../unprefixProperty');
+var _unprefixProperty = require("../unprefixProperty");
 
 var _unprefixProperty2 = _interopRequireDefault(_unprefixProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Unprefixing properties', function () {
   it('should unprefix the property', function () {
-    expect((0, _unprefixProperty2.default)('msFlex')).toEqual('flex');
-    expect((0, _unprefixProperty2.default)('WebkitFlex')).toEqual('flex');
+    expect((0, _unprefixProperty2["default"])('msFlex')).toEqual('flex');
+    expect((0, _unprefixProperty2["default"])('WebkitFlex')).toEqual('flex');
   });
-
   it('should keep an unprefixed property', function () {
-    expect((0, _unprefixProperty2.default)('flex')).toEqual('flex');
-    expect((0, _unprefixProperty2.default)('padding')).toEqual('padding');
+    expect((0, _unprefixProperty2["default"])('flex')).toEqual('flex');
+    expect((0, _unprefixProperty2["default"])('padding')).toEqual('padding');
   });
 });

lib/__tests__/unprefixValue-test.js

@@ -1,20 +0,19 @@
-'use strict';
+"use strict";
 
-var _unprefixValue = require('../unprefixValue');
+var _unprefixValue = require("../unprefixValue");
 
 var _unprefixValue2 = _interopRequireDefault(_unprefixValue);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('Unprefixing values', function () {
   it('should unprefix the value', function () {
-    expect((0, _unprefixValue2.default)('-webkit-calc(100% - 20px)')).toEqual('calc(100% - 20px)');
-    expect((0, _unprefixValue2.default)('-ms-transition')).toEqual('transition');
+    expect((0, _unprefixValue2["default"])('-webkit-calc(100% - 20px)')).toEqual('calc(100% - 20px)');
+    expect((0, _unprefixValue2["default"])('-ms-transition')).toEqual('transition');
   });
-
   it('should keep an unprefixed value', function () {
-    expect((0, _unprefixValue2.default)('300px')).toEqual('300px');
-    expect((0, _unprefixValue2.default)(300)).toEqual(300);
-    expect((0, _unprefixValue2.default)('calc(100% - 20px)')).toEqual('calc(100% - 20px)');
+    expect((0, _unprefixValue2["default"])('300px')).toEqual('300px');
+    expect((0, _unprefixValue2["default"])(300)).toEqual(300);
+    expect((0, _unprefixValue2["default"])('calc(100% - 20px)')).toEqual('calc(100% - 20px)');
   });
 });

lib/assignStyle.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,9 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
+exports["default"] = assignStyle;
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-exports.default = assignStyle;
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
 
-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 _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
 
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
 function filterUniqueArray(arr) {
@@ -21,9 +26,5 @@ return arr.filter(function (val, index) {
 function assignStyle(base) {
-  for (var _len = arguments.length, extendingStyles = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    extendingStyles[_key - 1] = arguments[_key];
-  }
+  for (var i = 0, len = arguments.length <= 1 ? 0 : arguments.length - 1; i < len; ++i) {
+    var style = i + 1 < 1 || arguments.length <= i + 1 ? undefined : arguments[i + 1];
 
-  for (var i = 0, len = extendingStyles.length; i < len; ++i) {
-    var style = extendingStyles[i];
-
     for (var property in style) {
@@ -44,3 +45,3 @@ var value = style[property];
 
-        if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') {
+        if (_typeof(value) === 'object') {
           base[property] = assignStyle({}, baseValue, value);
@@ -56,3 +57,2 @@ continue;
   return base;
-}
-module.exports = exports['default'];
+}

lib/camelCaseProperty.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = camelCaseProperty;
-var dashRegex = /-([a-z])/g;
-var msRegex = /^Ms/g;
+exports["default"] = camelCaseProperty;
+var DASH = /-([a-z])/g;
+var MS = /^Ms/g;
 
+function toUpper(match) {
+  return match[1].toUpperCase();
+}
+
 function camelCaseProperty(property) {
-  return property.replace(dashRegex, function (match) {
-    return match[1].toUpperCase();
-  }).replace(msRegex, 'ms');
-}
-module.exports = exports['default'];
+  return property.replace(DASH, toUpper).replace(MS, 'ms');
+}

lib/cssifyDeclaration.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = cssifyDeclaration;
+exports["default"] = cssifyDeclaration;
 
-var _hyphenateProperty = require('./hyphenateProperty');
+var _hyphenateProperty = require("./hyphenateProperty");
 
 var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function cssifyDeclaration(property, value) {
-  return (0, _hyphenateProperty2.default)(property) + ':' + value;
-}
-module.exports = exports['default'];
+  return (0, _hyphenateProperty2["default"])(property) + ':' + value;
+}

lib/cssifyObject.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = cssifyObject;
+exports["default"] = cssifyObject;
 
-var _cssifyDeclaration = require('./cssifyDeclaration');
+var _cssifyDeclaration = require("./cssifyDeclaration");
 
 var _cssifyDeclaration2 = _interopRequireDefault(_cssifyDeclaration);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -20,8 +20,9 @@ function cssifyObject(style) {
     var value = style[property];
+
     if (typeof value !== 'string' && typeof value !== 'number') {
       continue;
-    }
+    } // prevents the semicolon after
+    // the last rule declaration
 
-    // prevents the semicolon after
-    // the last rule declaration
+
     if (css) {
@@ -31,7 +32,6 @@ css += ';';
 
-    css += (0, _cssifyDeclaration2.default)(property, value);
+    css += (0, _cssifyDeclaration2["default"])(property, value);
   }
 
   return css;
-}
-module.exports = exports['default'];
+}

lib/hyphenateProperty.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = hyphenateProperty;
+exports["default"] = hyphenateProperty;
 
-var _hyphenateStyleName = require('hyphenate-style-name');
+var _hyphenateStyleName = require("hyphenate-style-name");
 
 var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function hyphenateProperty(property) {
-  return (0, _hyphenateStyleName2.default)(property);
-}
-module.exports = exports['default'];
+  return (0, _hyphenateStyleName2["default"])(property);
+}

lib/index.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -7,66 +7,65 @@ Object.defineProperty(exports, "__esModule", {
 
-var _assignStyle = require('./assignStyle');
+var _assignStyle = require("./assignStyle");
 
 var _assignStyle2 = _interopRequireDefault(_assignStyle);
 
-var _camelCaseProperty = require('./camelCaseProperty');
+var _camelCaseProperty = require("./camelCaseProperty");
 
 var _camelCaseProperty2 = _interopRequireDefault(_camelCaseProperty);
 
-var _cssifyDeclaration = require('./cssifyDeclaration');
+var _cssifyDeclaration = require("./cssifyDeclaration");
 
 var _cssifyDeclaration2 = _interopRequireDefault(_cssifyDeclaration);
 
-var _cssifyObject = require('./cssifyObject');
+var _cssifyObject = require("./cssifyObject");
 
 var _cssifyObject2 = _interopRequireDefault(_cssifyObject);
 
-var _hyphenateProperty = require('./hyphenateProperty');
+var _hyphenateProperty = require("./hyphenateProperty");
 
 var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
 
-var _isPrefixedProperty = require('./isPrefixedProperty');
+var _isPrefixedProperty = require("./isPrefixedProperty");
 
 var _isPrefixedProperty2 = _interopRequireDefault(_isPrefixedProperty);
 
-var _isPrefixedValue = require('./isPrefixedValue');
+var _isPrefixedValue = require("./isPrefixedValue");
 
 var _isPrefixedValue2 = _interopRequireDefault(_isPrefixedValue);
 
-var _isUnitlessProperty = require('./isUnitlessProperty');
+var _isUnitlessProperty = require("./isUnitlessProperty");
 
 var _isUnitlessProperty2 = _interopRequireDefault(_isUnitlessProperty);
 
-var _normalizeProperty = require('./normalizeProperty');
+var _normalizeProperty = require("./normalizeProperty");
 
 var _normalizeProperty2 = _interopRequireDefault(_normalizeProperty);
 
-var _resolveArrayValue = require('./resolveArrayValue');
+var _resolveArrayValue = require("./resolveArrayValue");
 
 var _resolveArrayValue2 = _interopRequireDefault(_resolveArrayValue);
 
-var _unprefixProperty = require('./unprefixProperty');
+var _unprefixProperty = require("./unprefixProperty");
 
 var _unprefixProperty2 = _interopRequireDefault(_unprefixProperty);
 
-var _unprefixValue = require('./unprefixValue');
+var _unprefixValue = require("./unprefixValue");
 
 var _unprefixValue2 = _interopRequireDefault(_unprefixValue);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-exports.default = {
-  assignStyle: _assignStyle2.default,
-  camelCaseProperty: _camelCaseProperty2.default,
-  cssifyDeclaration: _cssifyDeclaration2.default,
-  cssifyObject: _cssifyObject2.default,
-  hyphenateProperty: _hyphenateProperty2.default,
-  isPrefixedProperty: _isPrefixedProperty2.default,
-  isPrefixedValue: _isPrefixedValue2.default,
-  isUnitlessProperty: _isUnitlessProperty2.default,
-  normalizeProperty: _normalizeProperty2.default,
-  resolveArrayValue: _resolveArrayValue2.default,
-  unprefixProperty: _unprefixProperty2.default,
-  unprefixValue: _unprefixValue2.default
-};
-module.exports = exports['default'];
+exports["default"] = {
+  assignStyle: _assignStyle2["default"],
+  camelCaseProperty: _camelCaseProperty2["default"],
+  cssifyDeclaration: _cssifyDeclaration2["default"],
+  cssifyObject: _cssifyObject2["default"],
+  hyphenateProperty: _hyphenateProperty2["default"],
+  isPrefixedProperty: _isPrefixedProperty2["default"],
+  isPrefixedValue: _isPrefixedValue2["default"],
+  isUnitlessProperty: _isUnitlessProperty2["default"],
+  normalizeProperty: _normalizeProperty2["default"],
+  resolveArrayValue: _resolveArrayValue2["default"],
+  unprefixProperty: _unprefixProperty2["default"],
+  unprefixValue: _unprefixValue2["default"]
+};

lib/isPrefixedProperty.js

@@ -6,8 +6,7 @@ "use strict";
 });
-exports.default = isPrefixedProperty;
-var regex = /^(Webkit|Moz|O|ms)/;
+exports["default"] = isPrefixedProperty;
+var RE = /^(Webkit|Moz|O|ms)/;
 
 function isPrefixedProperty(property) {
-  return regex.test(property);
-}
-module.exports = exports["default"];
+  return RE.test(property);
+}

lib/isPrefixedValue.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = isPrefixedValue;
-var regex = /-webkit-|-moz-|-ms-/;
+exports["default"] = isPrefixedValue;
+var RE = /-webkit-|-moz-|-ms-/;
 
 function isPrefixedValue(value) {
-  return typeof value === 'string' && regex.test(value);
-}
-module.exports = exports['default'];
+  return typeof value === 'string' && RE.test(value);
+}

lib/isUnitlessProperty.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = isUnitlessProperty;
+exports["default"] = isUnitlessProperty;
 
-var _hyphenateProperty = require('./hyphenateProperty');
+var _hyphenateProperty = require("./hyphenateProperty");
 
 var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -37,6 +37,3 @@ var unitlessProperties = {
 };
-
-
 var prefixedUnitlessProperties = ['animationIterationCount', 'boxFlex', 'boxFlexGroup', 'boxOrdinalGroup', 'columnCount', 'flex', 'flexGrow', 'flexPositive', 'flexShrink', 'flexNegative', 'flexOrder', 'gridColumn', 'gridColumnEnd', 'gridColumnStart', 'gridRow', 'gridRowEnd', 'gridRowStart', 'lineClamp', 'order'];
-
 var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
@@ -46,5 +43,5 @@
   return prefix + property.charAt(0).toUpperCase() + property.slice(1);
-}
+} // add all prefixed properties to the unitless properties
 
-// add all prefixed properties to the unitless properties
+
 for (var i = 0, len = prefixedUnitlessProperties.length; i < len; ++i) {
@@ -57,7 +54,7 @@ var property = prefixedUnitlessProperties[i];
   }
-}
+} // add all hypenated properties as well
 
-// add all hypenated properties as well
+
 for (var _property in unitlessProperties) {
-  unitlessProperties[(0, _hyphenateProperty2.default)(_property)] = true;
+  unitlessProperties[(0, _hyphenateProperty2["default"])(_property)] = true;
 }
@@ -67,3 +64,2 @@
   return unitlessProperties.hasOwnProperty(property);
-}
-module.exports = exports['default'];
+}

lib/normalizeProperty.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,17 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = normalizeProperty;
+exports["default"] = normalizeProperty;
 
-var _camelCaseProperty = require('./camelCaseProperty');
+var _camelCaseProperty = require("./camelCaseProperty");
 
 var _camelCaseProperty2 = _interopRequireDefault(_camelCaseProperty);
 
-var _unprefixProperty = require('./unprefixProperty');
+var _unprefixProperty = require("./unprefixProperty");
 
 var _unprefixProperty2 = _interopRequireDefault(_unprefixProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function normalizeProperty(property) {
-  return (0, _unprefixProperty2.default)((0, _camelCaseProperty2.default)(property));
-}
-module.exports = exports['default'];
+  return (0, _unprefixProperty2["default"])((0, _camelCaseProperty2["default"])(property));
+}

lib/resolveArrayValue.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,15 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = resolveArrayValue;
+exports["default"] = resolveArrayValue;
 
-var _hyphenateProperty = require('./hyphenateProperty');
+var _hyphenateProperty = require("./hyphenateProperty");
 
 var _hyphenateProperty2 = _interopRequireDefault(_hyphenateProperty);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function resolveArrayValue(property, value) {
-  var hyphenatedProperty = (0, _hyphenateProperty2.default)(property);
-
-  return value.join(';' + hyphenatedProperty + ':');
-}
-module.exports = exports['default'];
+  return value.join(';' + (0, _hyphenateProperty2["default"])(property) + ':');
+}

lib/unprefixProperty.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = unprefixProperty;
-var prefixRegex = /^(ms|Webkit|Moz|O)/;
+exports["default"] = unprefixProperty;
+var RE = /^(ms|Webkit|Moz|O)/;
 
 function unprefixProperty(property) {
-  var propertyWithoutPrefix = property.replace(prefixRegex, '');
+  var propertyWithoutPrefix = property.replace(RE, '');
   return propertyWithoutPrefix.charAt(0).toLowerCase() + propertyWithoutPrefix.slice(1);
-}
-module.exports = exports['default'];
+}

lib/unprefixValue.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.default = unprefixValue;
-var prefixRegex = /(-ms-|-webkit-|-moz-|-o-)/g;
+exports["default"] = unprefixValue;
+var RE = /(-ms-|-webkit-|-moz-|-o-)/g;
 
 function unprefixValue(value) {
   if (typeof value === 'string') {
-    return value.replace(prefixRegex, '');
+    return value.replace(RE, '');
   }
 
   return value;
-}
-module.exports = exports['default'];
+}

package.json

 {
   "name": "css-in-js-utils",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Useful utility functions for CSS in JS solutions",
   "main": "lib/index.js",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "sideEffects": false,
   "files": [
-    "LICENSE",
-    "README.md",
-    "lib/"
+    "lib/**",
+    "es/**"
   ],
@@ -14,33 +16,39 @@ "keywords": [
     "cssinjs",
-    "utils"
+    "utils",
+    "small"
   ],
-  "repository": "https://github.com/rofrischmann/css-in-js-utils.git",
-  "author": "Robin Frischmann <[e-mail]>",
+  "repository": "https://github.com/robinweser/css-in-js-utils.git",
+  "author": "robinweser <[e-mail]>",
   "license": "MIT",
   "scripts": {
-    "babel": "babel -d lib modules",
-    "check": "npm run format && npm run lint && npm run test:coverage && npm run flow",
+    "build": "yarn run clean && yarn build:lib && yarn build:es",
+    "build:lib": "cross-env BABEL_ENV=commonjs babel modules --out-dir lib --ignore __tests__",
+    "build:es": "babel modules --out-dir es --ignore __tests__",
+    "clean": "rimraf es lib coverage",
+    "check": "yarn lint && yarn test:coverage",
     "format": "prettier --write \"modules/**/*.js\"",
-    "flow": "flow",
-    "lint": "eslint modules",
-    "release": "npm run check && npm run babel && npm publish",
-    "test": "jest",
-    "test:coverage": "jest --coverage"
+    "lint": "eslint modules/**/*.js",
+    "release": "git pull --rebase && yarn run check && yarn build && npm publish",
+    "test": "cross-env BABEL_ENV=commonjs jest",
+    "test:coverage": "cross-env BABEL_ENV=commonjs jest --coverage",
+    "watch": "yarn test -- --watch"
   },
   "jest": {
-    "rootDir": "modules"
+    "moduleDirectories": [
+      "node_modules",
+      "modules"
+    ]
   },
   "dependencies": {
-    "hyphenate-style-name": "^1.0.2"
+    "hyphenate-style-name": "^1.0.3"
   },
   "devDependencies": {
-    "babel-cli": "^6.22.1",
-    "babel-core": "^6.22.1",
+    "@babel/cli": "^7.2.0",
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.0",
+    "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^7.1.1",
-    "babel-jest": "^18.0.0",
-    "babel-plugin-add-module-exports": "^0.2.1",
-    "babel-preset-es2015": "^6.22.0",
-    "babel-preset-react": "^6.22.0",
-    "babel-preset-stage-0": "^6.22.0",
-    "codeclimate-test-reporter": "^0.4.0",
+    "babel-jest": "^23.6.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+    "cross-env": "^5.2.0",
     "eslint": "^3.14.1",
@@ -52,6 +60,6 @@ "eslint-config-airbnb": "^14.0.0",
     "eslint-plugin-react": "^6.9.0",
-    "flow-bin": "^0.81.0",
-    "jest": "^18.1.0",
-    "prettier": "^1.7.3"
+    "jest": "^23.6.0",
+    "prettier": "^1.7.4",
+    "rimraf": "^2.6.1"
   }
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

111696

increased by237.5%

Dev dependency count

17

decreased by-5.56%

Number of package files

56

increased by100%

Lines of code

2999

increased by466.92%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updatedhyphenate-style-name@^1.0.3