boxible - npm Package Compare versions

Comparing version 0.0.5 to 0.1.0

dist/index.js

@@ -220,6 +220,6 @@ var styled = require('styled-components');
 
-const DOM_PROPS = ['children', 'onClick', 'type', 'role', 'id', 'tabIndex']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
+const OWN_PROPS = ['basis', 'align', 'alignContent', 'direction', 'overflowProp', 'flex', 'justify', 'gap', 'height', 'width', 'fill', 'wrap', 'margin', 'pad', 'padding', 'alignSelf', 'gridArea']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
 
 const Box = styled__default['default'].div.withConfig({
-  shouldForwardProp: prop => prop.startsWith('data') || DOM_PROPS.includes(prop)
+  shouldForwardProp: prop => !OWN_PROPS.includes(prop)
 })`
@@ -226,0 +226,0 @@ display: flex;

dist/index.modern.js

@@ -230,6 +230,6 @@ import styled, { css } from 'styled-components';
 
-const DOM_PROPS = ['children', 'onClick', 'type', 'role', 'id', 'tabIndex']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
+const OWN_PROPS = ['basis', 'align', 'alignContent', 'direction', 'overflowProp', 'flex', 'justify', 'gap', 'height', 'width', 'fill', 'wrap', 'margin', 'pad', 'padding', 'alignSelf', 'gridArea']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
 
 const Box = styled.div.withConfig({
-  shouldForwardProp: prop => prop.startsWith('data') || DOM_PROPS.includes(prop)
+  shouldForwardProp: prop => !OWN_PROPS.includes(prop)
 })(_t9 || (_t9 = _`
@@ -236,0 +236,0 @@ display: flex;

dist/index.module.js

@@ -216,6 +216,6 @@ import styled, { css } from 'styled-components';
 
-const DOM_PROPS = ['children', 'onClick', 'type', 'role', 'id', 'tabIndex']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
+const OWN_PROPS = ['basis', 'align', 'alignContent', 'direction', 'overflowProp', 'flex', 'justify', 'gap', 'height', 'width', 'fill', 'wrap', 'margin', 'pad', 'padding', 'alignSelf', 'gridArea']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
 
 const Box = styled.div.withConfig({
-  shouldForwardProp: prop => prop.startsWith('data') || DOM_PROPS.includes(prop)
+  shouldForwardProp: prop => !OWN_PROPS.includes(prop)
 })`
@@ -222,0 +222,0 @@ display: flex;

dist/index.umd.js

@@ -223,6 +223,6 @@ (function (global, factory) {
 
-    const DOM_PROPS = ['children', 'onClick', 'type', 'role', 'id', 'tabIndex']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
+    const OWN_PROPS = ['basis', 'align', 'alignContent', 'direction', 'overflowProp', 'flex', 'justify', 'gap', 'height', 'width', 'fill', 'wrap', 'margin', 'pad', 'padding', 'alignSelf', 'gridArea']; // NOTE: basis must be after flex! Otherwise, flex overrides basis
 
     const Box = styled__default['default'].div.withConfig({
-      shouldForwardProp: prop => prop.startsWith('data') || DOM_PROPS.includes(prop)
+      shouldForwardProp: prop => !OWN_PROPS.includes(prop)
     })`
@@ -229,0 +229,0 @@ display: flex;

package.json

 {
   "name": "boxible",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "Typescript React component to set flexbox properties on a element",
@@ -5,0 +5,0 @@ "repository": "https://github.com/nathanstitt/boxible",

src/box.ts

@@ -136,3 +136,6 @@ import styled, { css } from 'styled-components'
 
-const DOM_PROPS = ['children', 'onClick', 'type', 'role', 'id', 'tabIndex']
+const OWN_PROPS = [
+    'basis', 'align', 'alignContent', 'direction', 'overflowProp', 'flex', 'justify',
+    'gap', 'height','width', 'fill', 'wrap', 'margin', 'pad', 'padding', 'alignSelf', 'gridArea',
+]
 
@@ -142,3 +145,3 @@ // NOTE: basis must be after flex! Otherwise, flex overrides basis
     .withConfig({
-        shouldForwardProp: (prop) => prop.startsWith('data') || DOM_PROPS.includes(prop),
+        shouldForwardProp: (prop) => !OWN_PROPS.includes(prop)
     }) <BoxProps>`
@@ -145,0 +148,0 @@ display: flex;

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

105833

increased by1.17%

Lines of code

1360

increased by0.22%

No dependency changes