@hixme-ui/button - npm Package Compare versions

Comparing version 1.20.0 to 2.0.0-alpha.0

lib/Button.js

@@ -31,5 +31,5 @@ 'use strict';
 
-var _GradientButton = require('./GradientButton');
+var _FlatButton = require('./FlatButton');
 
-var _GradientButton2 = _interopRequireDefault(_GradientButton);
+var _FlatButton2 = _interopRequireDefault(_FlatButton);
 
@@ -71,3 +71,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
   return _react2.default.createElement(
-    _GradientButton2.default,
+    _FlatButton2.default,
     (0, _extends3.default)({}, props, { disabled: loading || submitting || disabled }),
@@ -74,0 +74,0 @@ loading || submitting ? loadingText || submittingText : children

lib/ButtonBase.js

@@ -11,3 +11,3 @@ 'use strict';
 
-var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  transition: all .25s ease;\n  :hover:enabled {\n    background-size: 100%;\n  };\n  :disabled {\n    opacity: .4;\n    cursor: not-allowed;\n  };\n  height: ', ';\n  min-width: ', ';\n  max-width: ', ';\n  width: ', ';\n  font-size:', ';\n  color: ', ';\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 200%;\n  outline: none;\n  cursor: pointer;\n  padding: 0.25em 1em;\n  border-radius: ', ';\n  * {\n    cursor: pointer;\n  }\n'], ['\n  transition: all .25s ease;\n  :hover:enabled {\n    background-size: 100%;\n  };\n  :disabled {\n    opacity: .4;\n    cursor: not-allowed;\n  };\n  height: ', ';\n  min-width: ', ';\n  max-width: ', ';\n  width: ', ';\n  font-size:', ';\n  color: ', ';\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 200%;\n  outline: none;\n  cursor: pointer;\n  padding: 0.25em 1em;\n  border-radius: ', ';\n  * {\n    cursor: pointer;\n  }\n']);
+var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  transition: all .25s ease;\n  :disabled {\n    opacity: .5;\n    cursor: not-allowed;\n  };\n  height: ', ';\n  min-width: ', ';\n  max-width: ', ';\n  width: ', ';\n  font-size:', ';\n  color: ', ';\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 200%;\n  outline: none;\n  cursor: pointer;\n  padding: 0.25em 1em;\n  border-radius: ', ';\n  * {\n    cursor: pointer;\n  }\n'], ['\n  transition: all .25s ease;\n  :disabled {\n    opacity: .5;\n    cursor: not-allowed;\n  };\n  height: ', ';\n  min-width: ', ';\n  max-width: ', ';\n  width: ', ';\n  font-size:', ';\n  color: ', ';\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 200%;\n  outline: none;\n  cursor: pointer;\n  padding: 0.25em 1em;\n  border-radius: ', ';\n  * {\n    cursor: pointer;\n  }\n']);
 
@@ -14,0 +14,0 @@ var _styledComponents = require('styled-components');

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.OutlineButton = exports.MenuButton = exports.GradientButton = exports.ButtonBase = undefined;
+exports.OutlineButton = exports.MenuButton = exports.FlatButton = exports.ButtonBase = undefined;
 
@@ -17,5 +17,5 @@ var _Button = require('./Button');
 
-var _GradientButton2 = require('./GradientButton');
+var _FlatButton2 = require('./FlatButton');
 
-var _GradientButton3 = _interopRequireDefault(_GradientButton2);
+var _FlatButton3 = _interopRequireDefault(_FlatButton2);
 
@@ -33,3 +33,3 @@ var _MenuButton2 = require('./MenuButton');
 exports.ButtonBase = _ButtonBase3.default;
-exports.GradientButton = _GradientButton3.default;
+exports.FlatButton = _FlatButton3.default;
 exports.MenuButton = _MenuButton3.default;
@@ -36,0 +36,0 @@ exports.OutlineButton = _OutlineButton3.default;

package.json

 {
   "name": "@hixme-ui/button",
-  "version": "1.20.0",
+  "version": "2.0.0-alpha.0",
   "description": "hixme-ui Button component",
@@ -82,5 +82,5 @@ "publishConfig": {
   "dependencies": {
-    "@hixme-ui/icon": "^1.20.0",
-    "@hixme-ui/theme": "^1.20.0",
-    "@hixme-ui/theme-props": "^1.19.2",
+    "@hixme-ui/icon": "^2.0.0-alpha.0",
+    "@hixme-ui/theme": "^2.0.0-alpha.0",
+    "@hixme-ui/theme-props": "^2.0.0-alpha.0",
     "styled-components": "^2.3.3"
@@ -87,0 +87,0 @@ },

src/Button.js

@@ -6,3 +6,3 @@ import React from 'react'
 import OutlineButton from './OutlineButton'
-import GradientButton from './GradientButton'
+import FlatButton from './FlatButton'
 
@@ -42,5 +42,5 @@ const Button = ({
   return (
-    <GradientButton {...props} disabled={loading || submitting || disabled}>
+    <FlatButton {...props} disabled={loading || submitting || disabled}>
       {loading || submitting ? loadingText || submittingText : children}
-    </GradientButton>
+    </FlatButton>
   )
@@ -47,0 +47,0 @@ }

src/ButtonBase.js

@@ -12,7 +12,4 @@ import styled from 'styled-components'
   transition: all .25s ease;
-  :hover:enabled {
-    background-size: 100%;
-  };
   :disabled {
-    opacity: .4;
+    opacity: .5;
     cursor: not-allowed;
@@ -19,0 +16,0 @@ };

src/index.js

 import Button from './Button'
 
 export ButtonBase from './ButtonBase'
-export GradientButton from './GradientButton'
+export FlatButton from './FlatButton'
 export MenuButton from './MenuButton'
 export OutlineButton from './OutlineButton'
 export default Button

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

40362

0.19%

Lines of code

564

0.18%

Worsened metrics

Number of low quality alerts

2

100%

Dependency changes

• + Added

  @hixme-ui/icon@2.2.0
  (transitive)

• + Added

  @hixme-ui/theme@2.2.0
  (transitive)

• + Added

  @hixme-ui/theme-props@2.2.0
  (transitive)

• - Removed

  @hixme-ui/icon@1.20.7
  (transitive)

• - Removed

  @hixme-ui/theme@1.20.7
  (transitive)

• - Removed

  @hixme-ui/theme-props@1.20.7
  (transitive)

• Updated

  @hixme-ui/icon@^2.0.0-alpha.0

• Updated

  @hixme-ui/theme@^2.0.0-alpha.0

• Updated

  @hixme-ui/theme-props@^2.0.0-alpha.0