system-components - npm Package Compare versions

Comparing version 2.0.4 to 2.1.0-0

dist/index.js

@@ -6,3 +6,13 @@ 'use strict';
 });
+exports.System = undefined;
 
+var _System = require('./System');
+
+Object.defineProperty(exports, 'System', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_System).default;
+  }
+});
+
 var _styledComponents = require('styled-components');
@@ -12,4 +22,2 @@
 
-var _System = require('./System');
-
 var _System2 = _interopRequireDefault(_System);
@@ -16,0 +24,0 @@

package.json

 {
   "name": "system-components",
-  "version": "2.0.4",
+  "version": "2.1.0-0",
   "description": "Create consistent design-system-driven React UI components",
@@ -8,3 +8,2 @@ "main": "dist/index",
     "prepublishOnly": "babel src -d dist",
-    "start": "x0 dev docs/App.js -o",
     "cover": "nyc report --reporter=html --reporter=lcov",
@@ -16,4 +15,5 @@ "test": "nyc ava"
     "components",
+    "styled-system",
     "styled-components",
-    "styled-system",
+    "emotion",
     "design-system",
@@ -26,5 +26,4 @@ "theme",
   "dependencies": {
-    "clean-tag": "^1.0.3",
-    "styled-components": ">=3.0.0",
-    "styled-system": ">=2.0.1"
+    "clean-tag": "^1.0.4",
+    "styled-system": "^2.2.9"
   },
@@ -34,10 +33,13 @@ "devDependencies": {
     "babel-cli": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
+    "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
     "babel-register": "^6.26.0",
-    "nyc": "^11.4.1",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "react-test-renderer": "^16.2.0"
+    "emotion": "^9.2.3",
+    "nyc": "^12.0.2",
+    "react": "^16.4.1",
+    "react-dom": "^16.4.1",
+    "react-emotion": "^9.2.3",
+    "react-test-renderer": "^16.4.1",
+    "styled-components": "^3.3.2"
   },
@@ -44,0 +46,0 @@ "ava": {

README.md

@@ -6,3 +6,4 @@
 
-Built with [styled-system][sys] & [styled-components][sc]
+Built with [styled-system][sys],
+with support for [styled-components][sc] & [emotion][emotion]
 
@@ -24,2 +25,8 @@ [![Build Status][build-badge]][build]
 
+Or, to use with [emotion][emotion]:
+
+```js
+import system from 'system-components/emotion'
+```
+
 ## Usage
@@ -118,3 +125,17 @@
 
+## Using with other CSS-in-JS libraries
 
+The base `System` class can be used to create a system-components function for any CSS-in-JS library.
+
+```js
+import { System } from 'system-components'
+import cxs from 'cxs/component'
+
+const system = new System({
+  createComponent: type => (...args) => cxs(type)(...args)
+})
+
+export default system
+```
+
 ---
@@ -126,1 +147,2 @@
 [sc]: https://github.com/styled-components/styled-components
+[emotion]: https://github.com/emotion-js/emotion

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13038

increased by32.73%

Dependency count

2

decreased by-33.33%

Number of package files

12

increased by140%

Lines of code

217

increased by99.08%

Number of medium maintenance alerts

0

decreased by-100%

Number of lines in readme file

145

increased by17.89%

Worsened metrics

Dev dependency count

13

increased by30%

Number of low quality alerts

2

increased by100%

Dependency changes

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedstyled-system@2.3.6(transitive)

• - Removedstyled-components@>=3.0.0

• - Removed@emotion/is-prop-valid@1.2.2(transitive)

• - Removed@emotion/memoize@0.8.1(transitive)

• - Removed@emotion/unitless@0.8.1(transitive)

• - Removed@styled-system/background@5.1.2(transitive)

• - Removed@styled-system/border@5.1.5(transitive)

• - Removed@styled-system/color@5.1.2(transitive)

• - Removed@styled-system/core@5.1.2(transitive)

• - Removed@styled-system/css@5.1.5(transitive)

• - Removed@styled-system/flexbox@5.1.2(transitive)

• - Removed@styled-system/grid@5.1.2(transitive)

• - Removed@styled-system/layout@5.1.2(transitive)

• - Removed@styled-system/position@5.1.2(transitive)

• - Removed@styled-system/shadow@5.1.2(transitive)

• - Removed@styled-system/space@5.1.2(transitive)

• - Removed@styled-system/typography@5.1.2(transitive)

• - Removed@styled-system/variant@5.1.5(transitive)

• - Removed@types/stylis@4.2.5(transitive)

• - Removedcamelize@1.0.1(transitive)

• - Removedcss-color-keywords@1.0.0(transitive)

• - Removedcss-to-react-native@3.2.0(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.8(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedpostcss@8.4.38(transitive)

• - Removedpostcss-value-parser@4.2.0(transitive)

• - Removedreact-dom@19.0.0(transitive)

• - Removedscheduler@0.25.0(transitive)

• - Removedshallowequal@1.1.0(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedstyled-components@6.1.13(transitive)

• - Removedstyled-system@5.1.5(transitive)

• - Removedstylis@4.3.2(transitive)

• - Removedtslib@2.6.2(transitive)

• Updatedclean-tag@^1.0.4

• Updatedstyled-system@^2.2.9