@eaze/button - npm Package Compare versions

Comparing version 3.0.18 to 3.0.19-0

dist/button.js

@@ -48,3 +48,3 @@ 'use strict';
 var Button = /*#__PURE__*/(0, _reactEmotion2.default)('button', {
-  target: 'css-zrv7s70'
+  target: 'css-18y9xd00'
 })('line-height:', function (_ref) {
@@ -54,4 +54,5 @@ var pill = _ref.pill;
 }, ';padding:', function (_ref2) {
-  var pill = _ref2.pill;
-  return pill ? '0.2rem 0.5rem' : '1.4rem';
+  var pill = _ref2.pill,
+      loading = _ref2.loading;
+  return pill ? '0.2rem 0.5rem' : loading ? '1rem 1.4rem' : '1.4rem';
 }, ';font-size:', function (_ref3) {
@@ -66,7 +67,10 @@ var supersize = _ref3.supersize;
   return pill ? '' : '100%';
-}, ';text-transform:', function (_ref6) {
-  var pill = _ref6.pill;
+}, ';height:', function (_ref6) {
+  var loading = _ref6.loading;
+  return loading ? '100%' : '';
+}, ';text-transform:', function (_ref7) {
+  var pill = _ref7.pill;
   return pill ? '' : 'uppercase';
-}, ';background-color:', _styleHelpers.fetchBackgroundColor, ';color:', _styleHelpers.getTextColor, ';border:0.1rem solid ', _styleHelpers.fetchBorderColor, ';border-radius:0.2rem;position:relative;cursor:pointer;min-width:5rem;font-family:\'Open Sans\';letter-spacing:0.03em;outline:none;white-space:nowrap;text-align:center;&:hover{box-shadow:', function (_ref7) {
-  var type = _ref7.type;
+}, ';background-color:', _styleHelpers.fetchBackgroundColor, ';color:', _styleHelpers.getTextColor, ';border:0.1rem solid ', _styleHelpers.fetchBorderColor, ';border-radius:0.2rem;position:relative;cursor:pointer;min-width:5rem;font-family:\'Open Sans\';letter-spacing:0.03em;outline:none;white-space:nowrap;text-align:center;&:hover{box-shadow:', function (_ref8) {
+  var type = _ref8.type;
   return type === _types.TEXT ? 'none' : '0 0.4rem 0.8rem rgba(0,0,0,.2)';
@@ -73,0 +77,0 @@ }, ';opacity:0.9;}&[disabled],&[disabled]:hover{opacity:0.5;cursor:not-allowed;box-shadow:none;background-color:', _styleHelpers.fetchDisabledBackgroundColor, '\n    color:', _color2.default['accessory']['2'], ';border:1px solid ', _color2.default['accessory']['3'], ';}');

package.json

 {
   "name": "@eaze/button",
-  "version": "3.0.18",
+  "version": "3.0.19-0",
   "description": "Button component",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/button.js

@@ -18,6 +18,7 @@ import React, { PureComponent } from 'react'
   line-height: ${({ pill }) => pill ? '0.2rem 0.5rem' : '1.4rem'};
-  padding: ${({ pill }) => pill ? '0.2rem 0.5rem' : '1.4rem'};
+  padding: ${({ pill, loading }) => pill ? '0.2rem 0.5rem' : loading ? '1rem 1.4rem' : '1.4rem'};
   font-size: ${({ supersize }) => supersize ? '1.6rem' : '1.2rem'};
   font-weight: ${({ supersize }) => supersize ? '900' : '400'};
   width: ${({ pill }) => pill ? '' : '100%'};
+  height: ${({ loading }) => loading ? '100%' : ''};
   text-transform: ${({ pill }) => pill ? '' : 'uppercase'};
@@ -24,0 +25,0 @@

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

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

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Lines of code

655

increased by0.77%

Worsened metrics

Total package byte prevSize

27809

decreased by-72.61%

Number of package files

17

decreased by-5.56%

Number of low quality alerts

2

increased by100%

No dependency changes