react-interface - npm Package Compare versions

Comparing version 0.9.4-alpha.22 to 0.9.4-alpha.23

es/components/Button/Button.js

@@ -1,2 +0,2 @@
-var _templateObject = _taggedTemplateLiteralLoose(['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n'], ['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n']),
+var _templateObject = _taggedTemplateLiteralLoose(['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n  box-shadow: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n\n  &:disabled {\n    background: ', ';\n    color: ', ';\n  }\n'], ['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n  box-shadow: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n\n  &:disabled {\n    background: ', ';\n    color: ', ';\n  }\n']),
     _templateObject2 = _taggedTemplateLiteralLoose(['\n    background: ', ';\n    border: 1px solid ', ';\n    color: ', ';\n  '], ['\n    background: ', ';\n    border: 1px solid ', ';\n    color: ', ';\n  ']);
@@ -30,2 +30,4 @@
 }, function (props) {
+  return props.theme["button.shadow"];
+}, function (props) {
   return props.palette && css(_templateObject2, function (props) {
@@ -38,3 +40,7 @@ return props.theme.colors[props.palette];
   });
-}, color, space, width);
+}, color, space, width, function (props) {
+  return props.theme["button.disabled.background"];
+}, function (props) {
+  return props.theme["button.disabled.color"];
+});
 
@@ -41,0 +47,0 @@ Button.propTypes = {

es/themes/base/index.js

@@ -24,2 +24,5 @@ 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; };
 
+    /* Button */
+    "button.disabled.background": 'gray',
+
     /* Checkbox */
@@ -26,0 +29,0 @@ "checkbox.border.color": colors.primary2,

lib/components/Button/Button.js

@@ -5,3 +5,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteralLoose(['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n'], ['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n']),
+var _templateObject = _taggedTemplateLiteralLoose(['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n  box-shadow: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n\n  &:disabled {\n    background: ', ';\n    color: ', ';\n  }\n'], ['\n  cursor: pointer;\n  padding: 1rem;\n  outline: none;\n  padding: ', 'rem;\n  font-size: ', ';\n  border-radius: 3px;\n  border: none;\n  transition: all .2s ease-in-out;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ', '\n\n  background: ', ';\n  border: 1px solid ', ';\n  color: ', ';\n  box-shadow: ', ';\n\n  ', '\n\n  ', '\n  ', '\n  ', '\n\n  &:disabled {\n    background: ', ';\n    color: ', ';\n  }\n']),
     _templateObject2 = _taggedTemplateLiteralLoose(['\n    background: ', ';\n    border: 1px solid ', ';\n    color: ', ';\n  '], ['\n    background: ', ';\n    border: 1px solid ', ';\n    color: ', ';\n  ']);
@@ -46,2 +46,4 @@
 }, function (props) {
+  return props.theme["button.shadow"];
+}, function (props) {
   return props.palette && (0, _styledComponents.css)(_templateObject2, function (props) {
@@ -54,3 +56,7 @@ return props.theme.colors[props.palette];
   });
-}, _styledSystem.color, _styledSystem.space, _styledSystem.width);
+}, _styledSystem.color, _styledSystem.space, _styledSystem.width, function (props) {
+  return props.theme["button.disabled.background"];
+}, function (props) {
+  return props.theme["button.disabled.color"];
+});
 
@@ -57,0 +63,0 @@ Button.propTypes = {

lib/themes/base/index.js

@@ -41,2 +41,5 @@ 'use strict';
 
+    /* Button */
+    "button.disabled.background": 'gray',
+
     /* Checkbox */
@@ -43,0 +46,0 @@ "checkbox.border.color": colors.primary2,

package.json

 {
   "name": "react-interface",
-  "version": "0.9.4-alpha.22",
+  "version": "0.9.4-alpha.23",
   "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

249017

increased by0.35%

Lines of code

5280

increased by0.34%

No dependency changes