@bsara/react-layouts - npm Package Compare versions

Comparing version 1.0.0-alpha.14 to 1.0.0-alpha.15

GridLayout.js

@@ -48,3 +48,3 @@ 'use strict';
 
-var GridDiv = _styledComponents2.default.div(['--_column-count-template:repeat( var(--column-count,0),minmax( var(--item-min-width,var(--item-min-size,0)),var(--item-width,var(--item-size,var(--item-max-width,var(--item-max-size,1fr)))) ) );--_row-count-template:repeat( var(--row-count,0),minmax( var(--item-min-height,var(--item-min-size,0)),var(--item-height,var(--item-size,var(--item-max-height,var(--item-max-size,1fr)))) ) );display:grid;grid-template-columns:var(--columns-template,var(--_column-count-template,unset));grid-template-rows:var(--rows-template,var(--_row-count-template,unset));grid-template-areas:var(--areas-template,unset);grid-gap:var(--item-gap,unset);> *{grid-row:var(--row,span var(--row-span,1));grid-column:var(--column,span var(--column-span,1));grid-area:var(--area,unset);}']);
+var GridDiv = _styledComponents2.default.div(['display:grid;grid-template-columns:var(--columns-template,repeat( var(--column-count,0),minmax( var(--item-min-width,var(--item-min-size,0)),var(--item-width,var(--item-size,var(--item-max-width,var(--item-max-size,1fr)))) ) ));grid-template-rows:var(--rows-template,repeat( var(--row-count,0),minmax( var(--item-min-height,var(--item-min-size,0)),var(--item-height,var(--item-size,var(--item-max-height,var(--item-max-size,1fr)))) ) ));grid-template-areas:var(--areas-template);grid-gap:var(--item-gap);> *{grid-row:var(--row,var(--area,(span var(--row-span,1))));grid-column:var(--column,var(--area,(span var(--column-span,1))));grid-area:var(--area);}']);
 
@@ -51,0 +51,0 @@ // eslint-disable-next-line react/require-optimization

LinearLayout.js

@@ -60,3 +60,3 @@ 'use strict';
 
-var LinearLayoutDiv = _styledComponents2.default.div(['display:flex;flex-wrap:nowrap;justify-content:var(--item-alignment,flex-start);> *{flex-grow:var(--stretch-items,0);}&.', '{flex-direction:row;> *{width:var(--item-size);min-width:var(--item-min-size);max-width:var(--item-max-size);&:not(:last-child){margin-right:var(--item-gap);border-right:var(--item-separator,none);}}}&.', '{flex-direction:column;> *{height:var(--item-size);min-height:var(--item-min-size);max-height:var(--item-max-size);&:not(:last-child){margin-bottom:var(--item-gap);border-bottom:var(--item-separator,none);}}}'], horizontalClassName, verticalClassName);
+var LinearLayoutDiv = _styledComponents2.default.div(['display:flex;flex-wrap:nowrap;justify-content:var(--item-alignment,flex-start);> *{flex-grow:var(--stretch-items,0);flex-shrink:var(--shrink-items,0);flex-basis:var(--stretch-basis);box-sizing:border-box;}&.', '{flex-direction:row;> *{width:var(--item-size);min-width:var(--item-min-size);max-width:var(--item-max-size);&:not(:first-child){margin-left:calc(var(--item-gap) / 2);}&:not(:last-child){margin-right:calc(var(--item-gap) / 2);border-right:var(--item-separator,none);}}}&.', '{flex-direction:column;> *{height:var(--item-size);min-height:var(--item-min-size);max-height:var(--item-max-size);&:not(:first-child){margin-top:calc(var(--item-gap) / 2);}&:not(:last-child){margin-bottom:calc(var(--item-gap) / 2);border-bottom:var(--item-separator,none);}}}'], horizontalClassName, verticalClassName);
 
@@ -63,0 +63,0 @@ // eslint-disable-next-line react/require-optimization

package.json

 {
   "name": "@bsara/react-layouts",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.15",
   "description": "A collection of generic, reusable layout components",
@@ -5,0 +5,0 @@ "authors": [

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

23622

increased by2.4%

No dependency changes