styled-system - npm Package Compare versions

Comparing version 3.1.4 to 3.1.5

package.json

 {
   "name": "styled-system",
-  "version": "3.1.4",
-  "description": "Design system utilities for styled-components, glamorous, and other css-in-js libraries",
+  "version": "3.1.5",
+  "description": "Responsive, theme-based style props for building design systems with React",
   "main": "dist/index.cjs.js",
@@ -15,7 +15,7 @@ "module": "dist/index.esm.js",
     "docs": "mdx-go build docs -d site",
-    "logo": "repng docs/Logo.js -d docs -f logo.png -w 512 -h 512 -p '{\"size\":512}'",
+    "logo": "npx repng docs/Logo.js -d docs -f logo.png -w 512 -h 512 -p '{\"size\":512}'",
     "logo-svg": "scrs docs/Logo.js --svg > docs/logo.svg",
-    "size": "bundlesize",
+    "size": "npx bundlesize",
     "cover": "nyc report --reporter=html --reporter=lcov > coverage.lcov",
-    "codecov": "nyc report --reporter=html --reporter=lcov > coverage.lcov && codecov",
+    "codecov": "nyc report --reporter=html --reporter=lcov > coverage.lcov && npx codecov",
     "test": "nyc ava",
@@ -43,15 +43,11 @@ "bench": "node bench",
     "benchmark": "^2.1.4",
-    "bundlesize": "^0.17.0",
-    "codecov": "^3.0.3",
     "is-ci": "^1.1.0",
-    "lodash.sortby": "^4.7.0",
-    "mdx-go": "^1.1.6",
+    "mdx-go": "^2.0.0-21",
     "nyc": "^12.0.2",
     "react": "^16.4.0",
+    "react-live": "^1.11.0",
     "react-test-renderer": "^16.4.0",
-    "rebass": "^3.0.0-4",
-    "repng": "^3.0.0",
+    "rebass": "^3.0.0-8",
     "scrs": "^1.1.0",
-    "sinon": "^4.3.0",
-    "styled-components": "^4.0.0-beta.3"
+    "styled-components": "^4.0.0-beta.8"
   },
@@ -83,6 +79,3 @@ "ava": {
     "prop-types": "^15.6.2"
-  },
-  "mdx-go": {
-    "basename": "/styled-system"
   }
 }

README.md

 
-<img src='docs/logo.svg' width='128' height='128' />
+<img src='https://jxnblk.com/styled-system/logo.svg' width='128' height='128' />
 
-# styled-system
+# Styled System
 
-Design system utilities for [styled-components][sc] and other css-in-js libraries
+Responsive, theme-based style props for building design systems with React
 
-[![Build Status][build-badge]][build]
-[![Coverage][coverage-badge]][coverage]
-[![Downloads][downloads-badge]][npm]
-[![Version][version-badge]][npm]
+[![stars][]][github]
+[![Build Status][ci]][travis]
+[![Downloads][]][npm]
+[![Version][]][npm]
+![size][]
+![MIT License][license]
 
-[build-badge]: https://img.shields.io/travis/jxnblk/styled-system/master.svg?style=flat-square
-[build]: https://travis-ci.org/jxnblk/styled-system
-[coverage-badge]: https://img.shields.io/codecov/c/github/jxnblk/styled-system.svg?style=flat-square
-[coverage]: https://codecov.io/github/jxnblk/styled-system
+[ci]: https://flat.badgen.net/travis/jxnblk/styled-system
+[version]: https://flat.badgen.net/npm/v/styled-system
+[downloads]: https://flat.badgen.net/npm/dw/styled-system
+[license]: https://flat.badgen.net/badge/license/MIT/blue
+[stars]: https://flat.badgen.net/github/stars/jxnblk/styled-system
+[size]: https://flat.badgen.net/bundlephobia/minzip/styled-system
 
-[downloads-badge]: https://img.shields.io/npm/dw/styled-system.svg?style=flat-square
-[version-badge]: https://img.shields.io/npm/v/styled-system.svg?style=flat-square
 [npm]: https://npmjs.com/package/styled-system
+[travis]: https://travis-ci.org/jxnblk/styled-system
+[github]: https://github.com/jxnblk/styled-system
 
+
 ```sh
@@ -29,10 +34,9 @@ npm i styled-system
 - Add style props that hook into your own theme
-- Responsive prop values for quickly setting responsive font-size, margin, padding, width, and more
+- Quickly set responsive font-size, margin, padding, width, and more with props
 - Influenced by constraint-based design system principles
 - Typographic scale
 - Spacing scale for margin and padding
-- Default 8px grid
 - Works with any color palette
-- Works with most css-in-js libraries, including [styled-components][sc], [glamorous][glamorous], [emotion][emotion], [fela][fela], and [cxs][cxs]
-- Used in [Rebass](http://jxnblk.com/rebass), [Grid Styled](http://jxnblk.com/grid-styled/), and the [Priceline Design System](https://github.com/pricelinelabs/design-system)
+- Works with most css-in-js libraries, including [styled-components][] & [emotion][emotion]
+- Used in [Rebass](https://rebassjs.org), [Rebass Grid](https://grid.rebassjs.org/), and the [Priceline Design System](https://github.com/pricelinelabs/design-system)
 
@@ -78,3 +82,2 @@ > "This is honestly my favourite way to build UI components right now ![party parrot][party-parrot]"
 - [Docs](#docs)
-- [Optional Packages](#optional-packages)
 - [Related](#related)
@@ -183,10 +186,3 @@
 
-## Optional Packages
 
-- [clean-tag](clean-tag)
-- [system-components](system-components)
-- [system-loader](system-loader)
-- [system-classnames](system-classnames)
-- [clean-element](clean-element)
-
 ---
@@ -201,19 +197,9 @@
 
-- [system-components](https://github.com/jxnblk/styled-system/tree/master/system-components)
-- [grid-styled](https://github.com/jxnblk/grid-styled)
-- [Rebass](http://jxnblk.com/rebass)
-- [Compositor Lab](https://compositor.io/lab)
-- [styled-components][sc]
-- [glamorous][]
+- [Rebass](https://rebassjs.org)
+- [Rebass Grid](https://grid.rebassjs.org)
+- [styled-components][]
 - [emotion][]
-- [fela][]
-- [nano-style][]
-- [cxs][]
 
-[sc]: https://github.com/styled-components/styled-components
-[glamorous]: https://github.com/paypal/glamorous
+[styled-components]: https://github.com/styled-components/styled-components
 [emotion]: https://github.com/emotion-js/emotion
-[fela]: https://github.com/rofrischmann/fela
-[nano-style]: https://github.com/jxnblk/nano-style
-[cxs]: https://github.com/jxnblk/cxs
 [varun-post]: https://varun.ca/styled-system/
@@ -220,0 +206,0 @@ [david-tweet]: https://mobile.twitter.com/davidyeiser/status/965920740582285312

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

Dev dependency count

16

decreased by-20%

Number of package files

8

increased by33.33%

Lines of code

1310

increased by0.61%

Worsened metrics

Total package byte prevSize

48390

decreased by-1.19%

Number of lines in readme file

211

decreased by-6.22%

No dependency changes