styled-system - npm Package Compare versions

Comparing version 1.0.0-2 to 1.0.0-3

dist/font-size.js

@@ -25,3 +25,3 @@ 'use strict';
 
-  return val.map(fx(scale)).map(dec('font-size')).map(media(bp)).reduce(joinObj, {});
+  return val.map(fx(scale)).map(dec('fontSize')).map(media(bp)).reduce(joinObj, {});
 };
@@ -28,0 +28,0 @@

dist/glamorous/hoc.js

 'use strict';
 
-var glamorous = require('glamorous');
+var glamorous = require('glamorous').default;
 var fontSize = require('../font-size');
@@ -5,0 +5,0 @@ var width = require('../width');

dist/space.js

@@ -60,8 +60,8 @@ 'use strict';
 var directions = {
-  t: ['-top'],
-  r: ['-right'],
-  b: ['-bottom'],
-  l: ['-left'],
-  x: ['-left', '-right'],
-  y: ['-top', '-bottom']
+  t: ['Top'],
+  r: ['Right'],
+  b: ['Bottom'],
+  l: ['Left'],
+  x: ['Left', 'Right'],
+  y: ['Top', 'Bottom']
 };

package.json

 {
   "name": "styled-system",
-  "version": "1.0.0-2",
+  "version": "1.0.0-3",
   "description": "Design system utilities for styled-components, glamorous, and other css-in-js libraries",
@@ -9,4 +9,3 @@ "main": "dist/index.js",
     "start": "webpack-dev-server",
-    "build": "NODE_ENV=production webpack",
-    "dev": "relab docs/Example.js -o -s docs/base.css",
+    "build": "NODE_ENV=production webpack -p",
     "test": "ava"
@@ -30,3 +29,4 @@ },
     "babel-register": "^6.24.1",
-    "grid-styled": "^2.0.0-1",
+    "funcup": "^1.0.0-0",
+    "grid-styled": "^2.0.0-2",
     "react": "^15.6.0",
@@ -36,3 +36,3 @@ "react-dom": "^15.6.0",
     "react-test-renderer": "^15.5.4",
-    "relab": "^1.0.0-12",
+    "react-x-ray": "^1.0.0-2",
     "webpack": "^2.6.1",
@@ -39,0 +39,0 @@ "webpack-dev-server": "^2.4.5"

README.md

@@ -87,3 +87,3 @@ # styled-system
 ```js
-import { fontSize } from 'styled-system'
+import { space } from 'styled-system'
 ```
@@ -210,1 +210,2 @@
 MIT License
+

src/font-size.js

@@ -14,3 +14,3 @@ const { is, idx, arr, num, px, breaks, dec, media, joinObj } = require('./util')
     .map(fx(scale))
-    .map(dec('font-size'))
+    .map(dec('fontSize'))
     .map(media(bp))
@@ -17,0 +17,0 @@ .reduce(joinObj, {})

src/glamorous/hoc.js

@@ -1,2 +0,2 @@
-const glamorous = require('glamorous')
+const glamorous = require('glamorous').default
 const fontSize = require('../font-size')
@@ -3,0 +3,0 @@ const width = require('../width')

src/space.js

@@ -49,9 +49,9 @@ const {
 const directions = {
-  t: [ '-top' ],
-  r: [ '-right' ],
-  b: [ '-bottom' ],
-  l: [ '-left' ],
-  x: [ '-left', '-right' ],
-  y: [ '-top', '-bottom' ],
+  t: [ 'Top' ],
+  r: [ 'Right' ],
+  b: [ 'Bottom' ],
+  l: [ 'Left' ],
+  x: [ 'Left', 'Right' ],
+  y: [ 'Top', 'Bottom' ],
 }
 

test.js

@@ -131,8 +131,8 @@ import test from 'ava'
   const y = space({my: 2})
-  t.deepEqual(top, {'margin-top': '8px'})
-  t.deepEqual(r, {'margin-right': '16px'})
-  t.deepEqual(b, {'margin-bottom': '32px'})
-  t.deepEqual(l, {'margin-left': '64px'})
-  t.deepEqual(x, {'margin-left': '8px', 'margin-right': '8px'})
-  t.deepEqual(y, {'margin-top': '16px', 'margin-bottom': '16px'})
+  t.deepEqual(top, {'marginTop': '8px'})
+  t.deepEqual(r, {'marginRight': '16px'})
+  t.deepEqual(b, {'marginBottom': '32px'})
+  t.deepEqual(l, {'marginLeft': '64px'})
+  t.deepEqual(x, {'marginLeft': '8px', 'marginRight': '8px'})
+  t.deepEqual(y, {'marginTop': '16px', 'marginBottom': '16px'})
 })
@@ -169,8 +169,8 @@
   const y = space({py: 2})
-  t.deepEqual(top, {'padding-top': '8px'})
-  t.deepEqual(r, {'padding-right': '16px'})
-  t.deepEqual(b, {'padding-bottom': '32px'})
-  t.deepEqual(l, {'padding-left': '64px'})
-  t.deepEqual(x, {'padding-left': '8px', 'padding-right': '8px'})
-  t.deepEqual(y, {'padding-top': '16px', 'padding-bottom': '16px'})
+  t.deepEqual(top, {'paddingTop': '8px'})
+  t.deepEqual(r, {'paddingRight': '16px'})
+  t.deepEqual(b, {'paddingBottom': '32px'})
+  t.deepEqual(l, {'paddingLeft': '64px'})
+  t.deepEqual(x, {'paddingLeft': '8px', 'paddingRight': '8px'})
+  t.deepEqual(y, {'paddingTop': '16px', 'paddingBottom': '16px'})
 })
@@ -244,5 +244,5 @@
   const c = fontSize({fontSize: 2})
-  t.deepEqual(a, {'font-size': '12px'})
-  t.deepEqual(b, {'font-size': '14px'})
-  t.deepEqual(c, {'font-size': '16px'})
+  t.deepEqual(a, {'fontSize': '12px'})
+  t.deepEqual(b, {'fontSize': '14px'})
+  t.deepEqual(c, {'fontSize': '16px'})
 })
@@ -252,3 +252,3 @@
   const a = fontSize({fontSize: 24})
-  t.deepEqual(a, {'font-size': '24px'})
+  t.deepEqual(a, {'fontSize': '24px'})
 })
@@ -258,3 +258,3 @@
   const a = fontSize({fontSize: '2em'})
-  t.deepEqual(a, {'font-size': '2em'})
+  t.deepEqual(a, {'fontSize': '2em'})
 })
@@ -265,5 +265,5 @@
   t.deepEqual(a, {
-    'font-size': '14px',
+    'fontSize': '14px',
     '@media screen and (min-width: 40em)': {
-      'font-size': '16px',
+      'fontSize': '16px',
     },
@@ -275,3 +275,3 @@ })
   const a = fontSize({f: 2})
-  t.deepEqual(a, {'font-size': '16px'})
+  t.deepEqual(a, {'fontSize': '16px'})
 })
@@ -286,8 +286,8 @@
   const f = fontSize({theme, f: 5})
-  t.deepEqual(a, {'font-size': '12px'})
-  t.deepEqual(b, {'font-size': '16px'})
-  t.deepEqual(c, {'font-size': '18px'})
-  t.deepEqual(d, {'font-size': '24px'})
-  t.deepEqual(e, {'font-size': '36px'})
-  t.deepEqual(f, {'font-size': '72px'})
+  t.deepEqual(a, {'fontSize': '12px'})
+  t.deepEqual(b, {'fontSize': '16px'})
+  t.deepEqual(c, {'fontSize': '18px'})
+  t.deepEqual(d, {'fontSize': '24px'})
+  t.deepEqual(e, {'fontSize': '36px'})
+  t.deepEqual(f, {'fontSize': '72px'})
 })
@@ -294,0 +294,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

210

increased by0.48%

Worsened metrics

Total package byte prevSize

25257

decreased by-2.85%

Dev dependency count

16

increased by6.67%

Number of package files

33

decreased by-5.71%

Lines of code

673

decreased by-1.9%

No dependency changes