theme-ui - npm Package Compare versions

Comparing version 0.2.15 to 0.2.16

dist/index.esm.js

@@ -201,2 +201,3 @@ import { MDXProvider } from '@mdx-js/react';
 
+    var shouldForwardProps = typeof tag === 'function';
     var Styled = forwardRef(function (_ref, ref) {
@@ -207,3 +208,3 @@ var as = _ref.as,
       var theme = useContext(ThemeContext);
-      var nextProps = {};
+      var nextProps = shouldForwardProps ? props : {};
       var styles = {};
@@ -217,5 +218,7 @@ args.forEach(function (arg) {
 
-      for (var key in props) {
-        if (!isPropValid(key)) { continue; }
-        nextProps[key] = props[key];
+      if (!shouldForwardProps) {
+        for (var key in props) {
+          if (!isPropValid(key)) { continue; }
+          nextProps[key] = props[key];
+        }
       }
@@ -222,0 +225,0 @@

dist/index.js

@@ -204,2 +204,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+    var shouldForwardProps = typeof tag === 'function';
     var Styled = React.forwardRef(function (_ref, ref) {
@@ -210,3 +211,3 @@ var as = _ref.as,
       var theme = React.useContext(core.ThemeContext);
-      var nextProps = {};
+      var nextProps = shouldForwardProps ? props : {};
       var styles = {};
@@ -220,5 +221,7 @@ args.forEach(function (arg) {
 
-      for (var key in props) {
-        if (!isPropValid(key)) { continue; }
-        nextProps[key] = props[key];
+      if (!shouldForwardProps) {
+        for (var key in props) {
+          if (!isPropValid(key)) { continue; }
+          nextProps[key] = props[key];
+        }
       }
@@ -225,0 +228,0 @@

dist/index.umd.js

@@ -203,2 +203,3 @@ (function (global, factory) {
 
+      var shouldForwardProps = typeof tag === 'function';
       var Styled = React.forwardRef(function (_ref, ref) {
@@ -209,3 +210,3 @@ var as = _ref.as,
         var theme = React.useContext(core.ThemeContext);
-        var nextProps = {};
+        var nextProps = shouldForwardProps ? props : {};
         var styles = {};
@@ -219,5 +220,7 @@ args.forEach(function (arg) {
 
-        for (var key in props) {
-          if (!isPropValid(key)) { continue; }
-          nextProps[key] = props[key];
+        if (!shouldForwardProps) {
+          for (var key in props) {
+            if (!isPropValid(key)) { continue; }
+            nextProps[key] = props[key];
+          }
         }
@@ -224,0 +227,0 @@

package.json

 {
   "name": "theme-ui",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "description": "Build consistent, themeable React UIs based on design system constraints and design tokens",
@@ -28,3 +28,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "6290d14e253ae66d22a576a83198ec5070afee24"
+  "gitHead": "2b9989c90d634798c0cf665f781ef0ce9b59a5d4"
 }

src/styled.js

@@ -7,5 +7,6 @@ import { forwardRef, useContext } from 'react'
 export const styled = tag => (...args) => {
+  const shouldForwardProps = typeof tag === 'function'
   const Styled = forwardRef(({ as, ...props }, ref) => {
     const theme = useContext(ThemeContext)
-    let nextProps = {}
+    let nextProps = shouldForwardProps ? props : {}
     let styles = {}
@@ -16,5 +17,8 @@ args.forEach(arg => {
     })
-    for (let key in props) {
-      if (!isPropValid(key)) continue
-      nextProps[key] = props[key]
+
+    if (!shouldForwardProps) {
+      for (let key in props) {
+        if (!isPropValid(key)) continue
+        nextProps[key] = props[key]
+      }
     }
@@ -21,0 +25,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

125932

increased by1.02%

Lines of code

1736

increased by0.7%

No dependency changes