pcln-menu - npm Package Compare versions

Comparing version 3.0.0-beta.0 to 3.0.0-beta.1

dist/cjs/Menu/Menu.js

@@ -35,5 +35,5 @@ "use strict";
   componentId: "sc-1mj8ibm-1"
-})(["font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;& > *{margin:4px;width:", ";}"], function (props) {
+})(["font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;& > *{margin-right:4px;margin-bottom:4px;width:", ";}"], function (props) {
   var columnWidth = 100 / props.columns;
-  return "calc(".concat(columnWidth, "% - 8px)");
+  return "calc(".concat(columnWidth, "% - 4px)");
 });
@@ -53,3 +53,5 @@
       columns: columns,
-      p: 1
+      p: 2,
+      pr: 1,
+      pb: 1
     }, _react["default"].Children.map(children, function (child) {
@@ -56,0 +58,0 @@ return /*#__PURE__*/_react["default"].cloneElement(child, {

dist/cjs/MenuItem/MenuItem.js

@@ -35,3 +35,3 @@ "use strict";
   componentId: "sc-160wq6f-0"
-})(["display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;border-radius:6px;color:", ";outline:none;&:focus{border:2px solid ", ";}&:hover{background-color:", ";}", ""], (0, _pclnDesignSystem.getPaletteColor)('text.dark'), (0, _pclnDesignSystem.getPaletteColor)('dark'), (0, _pclnDesignSystem.getPaletteColor)('base'), function (props) {
+})(["display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;border-radius:6px;color:", ";outline:none;padding:12px;&:focus{border:2px solid ", ";}&:hover{background-color:", ";}", ""], (0, _pclnDesignSystem.getPaletteColor)('text.dark'), (0, _pclnDesignSystem.getPaletteColor)('base'), (0, _pclnDesignSystem.getPaletteColor)('base'), function (props) {
   return props.selected ? "background-color: ".concat((0, _pclnDesignSystem.getPaletteColor)('background.base')(props), ";") : "background-color: ".concat((0, _pclnDesignSystem.getPaletteColor)('background.lightest')(props), ";");
@@ -38,0 +38,0 @@ });

dist/es/Menu/Menu.js

@@ -20,5 +20,5 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   componentId: "sc-1mj8ibm-1"
-})(["font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;& > *{margin:4px;width:", ";}"], function (props) {
+})(["font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;& > *{margin-right:4px;margin-bottom:4px;width:", ";}"], function (props) {
   var columnWidth = 100 / props.columns;
-  return "calc(".concat(columnWidth, "% - 8px)");
+  return "calc(".concat(columnWidth, "% - 4px)");
 });
@@ -38,3 +38,5 @@
       columns: columns,
-      p: 1
+      p: 2,
+      pr: 1,
+      pb: 1
     }, React.Children.map(children, function (child) {
@@ -41,0 +43,0 @@ return /*#__PURE__*/React.cloneElement(child, {

dist/es/MenuItem/MenuItem.js

@@ -15,3 +15,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   componentId: "sc-160wq6f-0"
-})(["display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;border-radius:6px;color:", ";outline:none;&:focus{border:2px solid ", ";}&:hover{background-color:", ";}", ""], getPaletteColor('text.dark'), getPaletteColor('dark'), getPaletteColor('base'), function (props) {
+})(["display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;border-radius:6px;color:", ";outline:none;padding:12px;&:focus{border:2px solid ", ";}&:hover{background-color:", ";}", ""], getPaletteColor('text.dark'), getPaletteColor('base'), getPaletteColor('base'), function (props) {
   return props.selected ? "background-color: ".concat(getPaletteColor('background.base')(props), ";") : "background-color: ".concat(getPaletteColor('background.lightest')(props), ";");
@@ -18,0 +18,0 @@ });

dist/esm/Menu/Menu.js

@@ -20,5 +20,5 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   componentId: "sc-1mj8ibm-1"
-})(["font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;& > *{margin:4px;width:", ";}"], function (props) {
+})(["font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;& > *{margin-right:4px;margin-bottom:4px;width:", ";}"], function (props) {
   var columnWidth = 100 / props.columns;
-  return "calc(".concat(columnWidth, "% - 8px)");
+  return "calc(".concat(columnWidth, "% - 4px)");
 });
@@ -38,3 +38,5 @@
       columns: columns,
-      p: 1
+      p: 2,
+      pr: 1,
+      pb: 1
     }, React.Children.map(children, function (child) {
@@ -41,0 +43,0 @@ return /*#__PURE__*/React.cloneElement(child, {

dist/esm/MenuItem/MenuItem.js

@@ -15,3 +15,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   componentId: "sc-160wq6f-0"
-})(["display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;border-radius:6px;color:", ";outline:none;&:focus{border:2px solid ", ";}&:hover{background-color:", ";}", ""], getPaletteColor('text.dark'), getPaletteColor('dark'), getPaletteColor('base'), function (props) {
+})(["display:flex;justify-content:space-between;align-items:center;border:2px solid transparent;border-radius:6px;color:", ";outline:none;padding:12px;&:focus{border:2px solid ", ";}&:hover{background-color:", ";}", ""], getPaletteColor('text.dark'), getPaletteColor('base'), getPaletteColor('base'), function (props) {
   return props.selected ? "background-color: ".concat(getPaletteColor('background.base')(props), ";") : "background-color: ".concat(getPaletteColor('background.lightest')(props), ";");
@@ -18,0 +18,0 @@ });

package.json

 {
   "name": "pcln-menu",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.1",
   "main": "dist/cjs/index.js",
@@ -5,0 +5,0 @@ "module": "dist/esm/index.js",

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

24929

increased by0.76%

Lines of code

428

increased by1.42%

No dependency changes