@infinitoui/infinito-button - npm Package Compare versions

Comparing version 1.6.6 to 1.6.7

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [1.6.7](http://git.infinitynewtab.com/Starlab/infinitoui/compare/v1.6.6...v1.6.7) (2021-03-19)
+
+**Note:** Version bump only for package @infinitoui/infinito-button
+
+
+
+
+
 ## [1.6.6](http://git.infinitynewtab.com/Starlab/infinitoui/compare/v1.6.5...v1.6.6) (2021-03-19)
@@ -8,0 +16,0 @@

lib/infinito-button-css.js

 import { css } from 'lit-element';
-export default css `:host{--button-padding: 0 10px;--border-color: transparent;--border-raduis: 6px;--font-color: #333;--font-size: 14px;--hover-color: #333;--hover-font-color: #fff;display:block}:host([primary]){--font-color: #fff}:host([primary]) button{background:#5b5b5b}:host([primary]) button:hover{background:#333}:host([disabled]) button{opacity:0.5;cursor:not-allowed}:host([loading]) button{opacity:0.5;cursor:not-allowed;display:flex;align-items:center}:host([loading]) .loading{width:36px;vertical-align:middle;margin-left:3px}:host([loading]) button>span{flex:1;width:0}button{display:inline-block;width:100%;height:100%;min-height:32px;border:1px solid var(--border-color);outline:none;border-radius:var(--border-raduis);color:var(--font-color);padding:var(--button-padding);background:#efefef;font-size:var(--font-size);transition:all 0.3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;display:inline-block;vertical-align:middle;width:100%}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:0.3;transition:0s}button::after{content:'';display:block;position:absolute;width:100%;height:100%;left:var(--x, 0);top:var(--y, 0);pointer-events:none;background:radial-gradient(circle, currentColor 10%, transparent 10.01%) no-repeat 50%;transform:translate(-50%, -50%) scale(15);opacity:0;transition:transform 1s, opacity 0.8s}
+export default css `:host{--button-padding: 0 10px;--border-color: transparent;--border-raduis: 6px;--font-color: #333;--font-size: 14px;--hover-color: #333;--hover-font-color: #fff;display:block}:host ::-moz-focus-inner{border:0}:host([primary]){--font-color: #fff}:host([primary]) button{background:#5b5b5b}:host([primary]) button:hover{background:#333}:host([white]){--border-color: #ebebeb}:host([white]) button{background:#fff}:host([white]:not([disabled])) button:hover{background:#efefef;cursor:not-allowed}:host([white][disabled]){--font-color: #999}:host([disabled]:not([white])) button{opacity:0.5;cursor:not-allowed}:host([loading]) button{opacity:0.5;cursor:not-allowed;display:flex;align-items:center}:host([loading]) .loading{width:36px;vertical-align:middle;margin-left:3px}:host([loading]) button>span{flex:1;width:0}button{display:inline-block;width:100%;height:100%;min-height:32px;border:1px solid var(--border-color);outline:none;border-radius:var(--border-raduis);color:var(--font-color);padding:var(--button-padding);background:#efefef;font-size:var(--font-size);transition:all 0.3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;display:inline-block;vertical-align:middle;width:100%}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:0.3;transition:0s}button::after{content:'';display:block;position:absolute;width:100%;height:100%;left:var(--x, 0);top:var(--y, 0);pointer-events:none;background:radial-gradient(circle, currentColor 10%, transparent 12%) no-repeat 50%;transform:translate(-50%, -50%) scale(15);opacity:0;transition:transform 1s, opacity 0.8s}
 `;

package.json

 {
   "name": "@infinitoui/infinito-button",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "description": "button",
@@ -26,3 +26,3 @@ "main": "lib/infinito-button.js",
   },
-  "gitHead": "65092cf849141aae8dd6e395f2a2ded0be28b3d5"
+  "gitHead": "fe6df6bda7713ad078a0f3bdb263ed437c77290f"
 }

src/infinito-button-css.ts

 import { css } from 'lit-element'
-export default css`:host{--button-padding: 0 10px;--border-color: transparent;--border-raduis: 6px;--font-color: #333;--font-size: 14px;--hover-color: #333;--hover-font-color: #fff;display:block}:host([primary]){--font-color: #fff}:host([primary]) button{background:#5b5b5b}:host([primary]) button:hover{background:#333}:host([disabled]) button{opacity:0.5;cursor:not-allowed}:host([loading]) button{opacity:0.5;cursor:not-allowed;display:flex;align-items:center}:host([loading]) .loading{width:36px;vertical-align:middle;margin-left:3px}:host([loading]) button>span{flex:1;width:0}button{display:inline-block;width:100%;height:100%;min-height:32px;border:1px solid var(--border-color);outline:none;border-radius:var(--border-raduis);color:var(--font-color);padding:var(--button-padding);background:#efefef;font-size:var(--font-size);transition:all 0.3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;display:inline-block;vertical-align:middle;width:100%}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:0.3;transition:0s}button::after{content:'';display:block;position:absolute;width:100%;height:100%;left:var(--x, 0);top:var(--y, 0);pointer-events:none;background:radial-gradient(circle, currentColor 10%, transparent 10.01%) no-repeat 50%;transform:translate(-50%, -50%) scale(15);opacity:0;transition:transform 1s, opacity 0.8s}
+export default css`:host{--button-padding: 0 10px;--border-color: transparent;--border-raduis: 6px;--font-color: #333;--font-size: 14px;--hover-color: #333;--hover-font-color: #fff;display:block}:host ::-moz-focus-inner{border:0}:host([primary]){--font-color: #fff}:host([primary]) button{background:#5b5b5b}:host([primary]) button:hover{background:#333}:host([white]){--border-color: #ebebeb}:host([white]) button{background:#fff}:host([white]:not([disabled])) button:hover{background:#efefef;cursor:not-allowed}:host([white][disabled]){--font-color: #999}:host([disabled]:not([white])) button{opacity:0.5;cursor:not-allowed}:host([loading]) button{opacity:0.5;cursor:not-allowed;display:flex;align-items:center}:host([loading]) .loading{width:36px;vertical-align:middle;margin-left:3px}:host([loading]) button>span{flex:1;width:0}button{display:inline-block;width:100%;height:100%;min-height:32px;border:1px solid var(--border-color);outline:none;border-radius:var(--border-raduis);color:var(--font-color);padding:var(--button-padding);background:#efefef;font-size:var(--font-size);transition:all 0.3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;display:inline-block;vertical-align:middle;width:100%}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:0.3;transition:0s}button::after{content:'';display:block;position:absolute;width:100%;height:100%;left:var(--x, 0);top:var(--y, 0);pointer-events:none;background:radial-gradient(circle, currentColor 10%, transparent 12%) no-repeat 50%;transform:translate(-50%, -50%) scale(15);opacity:0;transition:transform 1s, opacity 0.8s}
 `

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

22698

increased by5.72%

Number of package files

16

increased by6.67%

Lines of code

263

increased by4.78%

No dependency changes