react-interface - npm Package Compare versions

Comparing version 0.8.5 to 0.8.6

es/components/Checkbox/index.js

 var _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; };
 
 var _templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: ", ";\n  cursor: pointer;\n\n  > span {\n    padding-left: ", "rem;\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: ", ";\n  cursor: pointer;\n\n  > span {\n    padding-left: ", "rem;\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n"]),
-    _templateObject2 = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"], ["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"]);
+    _templateObject2 = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"], ["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"]);
 
@@ -28,13 +28,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var Box = styled.div(_templateObject2, function (props) {
-  return props.theme.colors[props.color] || props.theme["checkbox.background"] || props.theme.colors.primary;
-}, function (props) {
-  return props.theme.colors[props.color + "5"] || props.theme["checkbox.border.color"] || props.theme.colors.primary5;
-}, function (props) {
-  return props.theme.colors[props.color + "1"] || props.theme["checkbox.icon.color"] || props.theme.colors.primary1;
-}, function (props) {
+var Box = styled.div(_templateObject2, props.theme["checkbox.background"] || props.theme.colors.primary, props.theme["checkbox.border.color"] || props.theme.colors.primary5, props.theme["checkbox.icon.color"] || props.theme.colors.primary1, function (props) {
   return props.theme.sizes.dimensions[props.size];
 }, function (props) {
   return props.theme.sizes.dimensions[props.size];
-});
+}, borderRadius, borderColor, color);
 
@@ -41,0 +35,0 @@ var Checkbox = function (_PureComponent) {

lib/components/Checkbox/index.js

@@ -8,3 +8,3 @@ "use strict";
 var _templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: ", ";\n  cursor: pointer;\n\n  > span {\n    padding-left: ", "rem;\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: ", ";\n  cursor: pointer;\n\n  > span {\n    padding-left: ", "rem;\n    color: ", ";\n  }\n\n  ", ";\n  ", ";\n"]),
-    _templateObject2 = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"], ["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"]);
+    _templateObject2 = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"], ["\n  box-sizing: border-box;\n  background: ", ";\n  border: 1px solid ", ";\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  svg,\n  div {\n    display: inherit;\n    height: 100%;\n    width: 100%;\n  }\n"]);
 
@@ -47,13 +47,7 @@ var _react = require("react");
 
-var Box = _styledComponents2.default.div(_templateObject2, function (props) {
-  return props.theme.colors[props.color] || props.theme["checkbox.background"] || props.theme.colors.primary;
-}, function (props) {
-  return props.theme.colors[props.color + "5"] || props.theme["checkbox.border.color"] || props.theme.colors.primary5;
-}, function (props) {
-  return props.theme.colors[props.color + "1"] || props.theme["checkbox.icon.color"] || props.theme.colors.primary1;
-}, function (props) {
+var Box = _styledComponents2.default.div(_templateObject2, props.theme["checkbox.background"] || props.theme.colors.primary, props.theme["checkbox.border.color"] || props.theme.colors.primary5, props.theme["checkbox.icon.color"] || props.theme.colors.primary1, function (props) {
   return props.theme.sizes.dimensions[props.size];
 }, function (props) {
   return props.theme.sizes.dimensions[props.size];
-});
+}, borderRadius, borderColor, color);
 
@@ -60,0 +54,0 @@ var Checkbox = function (_PureComponent) {

package.json

 {
   "name": "react-interface",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "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

Worsened metrics

Total package byte prevSize

83350

decreased by-0.4%

Lines of code

1699

decreased by-0.64%

No dependency changes