boxible - npm Package Compare versions

Comparing version 1.7.5 to 1.7.6

dist/boxible.js

@@ -142,5 +142,8 @@ import styled from '@emotion/styled';
 
-const basisStyle = basis => `flex-basis: ${BASIS[basis] || basis};`;
+const basisStyle = basis => `flex-basis: ${BASIS[basis] || basis};`; // min-width and min-height needed because of this
+// https://stackoverflow.com/questions/36247140/why-doesnt-flex-item-shrink-past-content-size
 
+
 const directionStyle = direction => `
+    ${direction.startsWith('col') ? 'min-width: 0; min-height: 0;' : ''}
     flex-direction: ${direction};
@@ -280,4 +283,2 @@ `;
     outline: none;
-    min-width: 0;
-    min-height: 0;
     ${({
@@ -284,0 +285,0 @@ centered

dist/boxible.modern.js

@@ -162,5 +162,8 @@ import styled from '@emotion/styled';
 
-const basisStyle = basis => `flex-basis: ${BASIS[basis] || basis};`;
+const basisStyle = basis => `flex-basis: ${BASIS[basis] || basis};`; // min-width and min-height needed because of this
+// https://stackoverflow.com/questions/36247140/why-doesnt-flex-item-shrink-past-content-size
 
+
 const directionStyle = direction => `
+    ${direction.startsWith('col') ? 'min-width: 0; min-height: 0;' : ''}
     flex-direction: ${direction};
@@ -301,4 +304,2 @@ `;
     outline: none;
-    min-width: 0;
-    min-height: 0;
     ${0}
@@ -305,0 +306,0 @@ ${0}

dist/boxible.umd.js

@@ -149,5 +149,8 @@ (function (global, factory) {
 
-    const basisStyle = basis => `flex-basis: ${BASIS[basis] || basis};`;
+    const basisStyle = basis => `flex-basis: ${BASIS[basis] || basis};`; // min-width and min-height needed because of this
+    // https://stackoverflow.com/questions/36247140/why-doesnt-flex-item-shrink-past-content-size
 
+
     const directionStyle = direction => `
+    ${direction.startsWith('col') ? 'min-width: 0; min-height: 0;' : ''}
     flex-direction: ${direction};
@@ -287,4 +290,2 @@ `;
     outline: none;
-    min-width: 0;
-    min-height: 0;
     ${({
@@ -291,0 +292,0 @@ centered

package.json

 {
   "name": "boxible",
-  "version": "1.7.5",
+  "version": "1.7.6",
   "type": "module",
@@ -5,0 +5,0 @@ "description": "Typescript React component to set flexbox properties on a element",

src/box.ts

@@ -16,3 +16,6 @@ import styled, { CSSObject } from '@emotion/styled'
 
+// min-width and min-height needed because of this
+// https://stackoverflow.com/questions/36247140/why-doesnt-flex-item-shrink-past-content-size
 const directionStyle = (direction: Direction) => `
+    ${direction.startsWith('col') ? 'min-width: 0; min-height: 0;' : ''}
     flex-direction: ${direction};
@@ -182,4 +185,2 @@ `
     outline: none;
-    min-width: 0;
-    min-height: 0;
     ${({ centered }) => centered && 'align-items: center; justify-content: center;'}
@@ -186,0 +187,0 @@ ${({ align }) => align && responsiveStyle(align, 'align-items', ALIGN_MAP)}

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

308146

increased by0.62%

Lines of code

3214

increased by0.03%

No dependency changes