system-components - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/System.js

@@ -77,2 +77,6 @@ 'use strict';
 
+var css = function css(props) {
+  return props.css;
+};
+
 var System = function System(opts) {
@@ -105,2 +109,3 @@ _classCallCheck(this, System);
     }
+    blacklist.push('css');
 
@@ -113,3 +118,3 @@ var div = function div(props) {
 
-    var Component = createComponent(div).apply(undefined, _toConsumableArray(funcs));
+    var Component = createComponent(div).apply(undefined, [css].concat(_toConsumableArray(funcs)));
 
@@ -116,0 +121,0 @@ Component.defaultProps = defaultProps;

package.json

 {
   "name": "system-components",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Create consistent design-system-driven React UI components",
@@ -5,0 +5,0 @@ "main": "dist/index",

README.md

@@ -107,2 +107,12 @@
 
+### CSS prop
+
+To add one-off custom CSS to any system-component, use the `css` prop.
+
+```js
+<Heading css='opacity:0.75;'>
+  Hello
+</Heading>
+```
+
 ### Extending components
@@ -109,0 +119,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

Total package byte prevSize

13279

increased by1.86%

Lines of code

221

increased by1.84%

Number of lines in readme file

155

increased by6.9%

No dependency changes