@manifest-ui/layout - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

lib/Box.js

@@ -8,3 +8,3 @@ "use strict";
 
-var Box = (0, _styled.styled)('div', {
+const Box = (0, _styled.styled)('div', {
   label: 'Box',
@@ -11,0 +11,0 @@ themeKey: 'box'

lib/Flex.js

@@ -8,26 +8,25 @@ "use strict";
 
-var Flex = (0, _styled.styled)('div', {
+const Flex = (0, _styled.styled)('div', {
   label: 'Flex',
   themeKey: 'flex'
-})(function (_ref) {
-  var align = _ref.align,
-      basis = _ref.basis,
-      direction = _ref.direction,
-      grow = _ref.grow,
-      justify = _ref.justify,
-      shrink = _ref.shrink,
-      wrap = _ref.wrap;
-  return {
-    alignItems: align,
-    boxSizing: 'border-box',
-    display: 'flex',
-    flexDirection: direction,
-    flexWrap: wrap,
-    flexBasis: basis,
-    flexGrow: grow,
-    flexShrink: shrink,
-    justifyContent: justify
-  };
-});
+})(({
+  align,
+  basis,
+  direction,
+  grow,
+  justify,
+  shrink,
+  wrap
+}) => ({
+  alignItems: align,
+  boxSizing: 'border-box',
+  display: 'flex',
+  flexDirection: direction,
+  flexWrap: wrap,
+  flexBasis: basis,
+  flexGrow: grow,
+  flexShrink: shrink,
+  justifyContent: justify
+}));
 exports.Flex = Flex;
 Flex.displayName = 'Flex';

lib/Grid.js

@@ -10,20 +10,17 @@ "use strict";
 
-var props = new Set(['columns', 'columnWidth']);
-var Grid = (0, _styled.styled)('div', {
+const props = new Set(['columns', 'columnWidth']);
+const Grid = (0, _styled.styled)('div', {
   label: 'Grid',
   themeKey: 'grid',
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return (0, _styled.shouldForwardProp)(prop) && !props.has(prop);
-  }
-})(function (_ref) {
-  var columns = _ref.columns,
-      columnWidth = _ref.columnWidth;
-  return {
-    boxSizing: 'border-box',
-    display: 'grid',
-    gap: 2,
-    gridTemplateColumns: columnWidth ? (0, _grid.widthToColumns)(columnWidth) : (0, _grid.countToColumns)(columns)
-  };
-});
+  shouldForwardProp: prop => (0, _styled.shouldForwardProp)(prop) && !props.has(prop)
+})(({
+  columns,
+  columnWidth
+}) => ({
+  boxSizing: 'border-box',
+  display: 'grid',
+  gap: 2,
+  gridTemplateColumns: columnWidth ? (0, _grid.widthToColumns)(columnWidth) : (0, _grid.countToColumns)(columns)
+}));
 exports.Grid = Grid;
 Grid.displayName = 'Grid';

lib/utils/grid.js

@@ -6,14 +6,10 @@ "use strict";
 
-var px = function px(n) {
-  return typeof n === 'number' ? n + "px" : n;
-};
+const px = n => typeof n === 'number' ? `${n}px` : n;
 
-var widthToColumns = function widthToColumns(width) {
+const widthToColumns = width => {
   if (Array.isArray(width)) {
-    return width.map(function (item) {
-      return widthToColumns(item);
-    });
+    return width.map(item => widthToColumns(item));
   }
 
-  return !!width && "repeat(auto-fit, minmax(" + px(width) + ", 1fr))";
+  return !!width && `repeat(auto-fit, minmax(${px(width)}, 1fr))`;
 };
@@ -23,12 +19,10 @@
 
-var countToColumns = function countToColumns(count) {
+const countToColumns = count => {
   if (Array.isArray(count)) {
-    return count.map(function (item) {
-      return countToColumns(item);
-    });
+    return count.map(item => countToColumns(item));
   }
 
-  return !!count && typeof count === 'number' ? "repeat(" + String(count) + ", 1fr)" : String(count);
+  return !!count && typeof count === 'number' ? `repeat(${String(count)}, 1fr)` : String(count);
 };
 
 exports.countToColumns = countToColumns;

package.json

 {
   "name": "@manifest-ui/layout",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "main": "./lib/index.js",
@@ -22,4 +22,4 @@ "types": "./dts/index.d.ts",
   "dependencies": {
-    "@manifest-ui/styled": "^0.0.9"
+    "@manifest-ui/styled": "^0.0.10"
   }
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Worsened metrics

Total package byte prevSize

9307

decreased by-4.13%

Lines of code

241

decreased by-3.98%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@manifest-ui/styled@0.0.10(transitive)

• + Added@manifest-ui/styled-system@0.0.8(transitive)

• + Addedlodash.isstring@4.0.1(transitive)

• - Removed@manifest-ui/styled@0.0.9(transitive)

• - Removed@manifest-ui/styled-system@0.0.7(transitive)

• Updated@manifest-ui/styled@^0.0.10