react-interface - npm Package Compare versions

Comparing version 0.8.13 to 0.8.14

es/components/Menu/Menu.js

@@ -1,2 +0,2 @@
-var _templateObject = _taggedTemplateLiteralLoose(['\n  background: ', ';\n  box-shadow: ', ';\n  padding: .5rem;\n'], ['\n  background: ', ';\n  box-shadow: ', ';\n  padding: .5rem;\n']);
+var _templateObject = _taggedTemplateLiteralLoose(['\n  background: ', ';\n  box-shadow: ', ';\n  border: 1px solid ', ';\n  border-radius: 4px;\n  padding: .5rem;\n  ', ';\n  ', ';\n'], ['\n  background: ', ';\n  box-shadow: ', ';\n  border: 1px solid ', ';\n  border-radius: 4px;\n  padding: .5rem;\n  ', ';\n  ', ';\n']);
 
@@ -6,2 +6,3 @@ function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
 import styled from 'styled-components';
+import { spacing, borderRadius } from 'styled-system';
 
@@ -12,2 +13,4 @@ export default styled.ul(_templateObject, function (props) {
   return props.theme['menu.shadow'];
-});
+}, function (props) {
+  return props.theme['menu.border.color'];
+}, borderRadius, spacing);

es/components/Menu/MenuItem.js

@@ -1,2 +0,2 @@
-var _templateObject = _taggedTemplateLiteralLoose(['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  border-radius: 2px;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n'], ['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  border-radius: 2px;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n']),
+var _templateObject = _taggedTemplateLiteralLoose(['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n  ', ';\n  ', ';\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n'], ['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n  ', ';\n  ', ';\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n']),
     _templateObject2 = _taggedTemplateLiteralLoose(['\n    background: ', ';\n    color: ', ';\n  '], ['\n    background: ', ';\n    color: ', ';\n  ']),
@@ -8,6 +8,7 @@ _templateObject3 = _taggedTemplateLiteralLoose(['\n    font-size: ', ';\n  '], ['\n    font-size: ', ';\n  ']);
 import styled, { css } from 'styled-components';
+import { borderRadius, spacing } from 'styled-system';
 
-export default styled.li(_templateObject, function (props) {
+var MenuItem = styled.li(_templateObject, function (props) {
   return props.theme.sizes.fonts[props.size];
-}, function (props) {
+}, borderRadius, spacing, function (props) {
   return props.theme['menu.item.hover.background'];
@@ -26,2 +27,6 @@ }, function (props) {
   });
-});
+});
+
+MenuItem.defaultProps = {
+  br: 2
+};

lib/components/Menu/Menu.js

@@ -5,3 +5,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteralLoose(['\n  background: ', ';\n  box-shadow: ', ';\n  padding: .5rem;\n'], ['\n  background: ', ';\n  box-shadow: ', ';\n  padding: .5rem;\n']);
+var _templateObject = _taggedTemplateLiteralLoose(['\n  background: ', ';\n  box-shadow: ', ';\n  border: 1px solid ', ';\n  border-radius: 4px;\n  padding: .5rem;\n  ', ';\n  ', ';\n'], ['\n  background: ', ';\n  box-shadow: ', ';\n  border: 1px solid ', ';\n  border-radius: 4px;\n  padding: .5rem;\n  ', ';\n  ', ';\n']);
 
@@ -12,2 +12,4 @@ var _styledComponents = require('styled-components');
 
+var _styledSystem = require('styled-system');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,3 +23,5 @@
   return props.theme['menu.shadow'];
-});
+}, function (props) {
+  return props.theme['menu.border.color'];
+}, _styledSystem.borderRadius, _styledSystem.spacing);
 module.exports = exports['default'];

lib/components/Menu/MenuItem.js

 'use strict';
 
-exports.__esModule = true;
-
-var _templateObject = _taggedTemplateLiteralLoose(['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  border-radius: 2px;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n'], ['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  border-radius: 2px;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n']),
+var _templateObject = _taggedTemplateLiteralLoose(['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n  ', ';\n  ', ';\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n'], ['\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: normal;\n  display: block;\n  padding: 7px;\n  margin: .1rem 0;\n  line-height: 16px;\n  display: flex;\n  align-items: center;\n  font-size: ', ';\n  cursor: pointer;\n  ', ';\n  ', ';\n\n  &:hover {\n    background: ', ';\n    color: ', ';\n  }\n\n  ', '\n\n  ', '\n\n  svg {\n    height: 18px;\n    width: 18px;\n    margin-right: 5px;\n  }\n']),
     _templateObject2 = _taggedTemplateLiteralLoose(['\n    background: ', ';\n    color: ', ';\n  '], ['\n    background: ', ';\n    color: ', ';\n  ']),
@@ -13,2 +11,4 @@ _templateObject3 = _taggedTemplateLiteralLoose(['\n    font-size: ', ';\n  '], ['\n    font-size: ', ';\n  ']);
 
+var _styledSystem = require('styled-system');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,5 +18,5 @@
 
-exports.default = _styledComponents2.default.li(_templateObject, function (props) {
+var MenuItem = _styledComponents2.default.li(_templateObject, function (props) {
   return props.theme.sizes.fonts[props.size];
-}, function (props) {
+}, _styledSystem.borderRadius, _styledSystem.spacing, function (props) {
   return props.theme['menu.item.hover.background'];
@@ -36,2 +36,5 @@ }, function (props) {
 });
-module.exports = exports['default'];
+
+MenuItem.defaultProps = {
+  br: 2
+};

package.json

 {
   "name": "react-interface",
-  "version": "0.8.13",
+  "version": "0.8.14",
   "description": "react-interface React component",
@@ -5,0 +5,0 @@ "main": "lib/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

86955

increased by0.86%

Lines of code

1772

increased by0.8%

No dependency changes