Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@infinitoui/infinito-button

Package Overview
Dependencies
Maintainers
4
Versions
19
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@infinitoui/infinito-button - npm Package Compare versions

Comparing version 1.6.11 to 1.6.13

11

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

## [1.6.13](http://git.infinitynewtab.com/Starlab/infinitoui/compare/v1.6.12...v1.6.13) (2021-03-30)
### Bug Fixes
* 修改button的最小高度 ([665161f](http://git.infinitynewtab.com/Starlab/infinitoui/commits/665161f521e6100ac78dccbdde7298ca1027d122))
## [1.6.11](http://git.infinitynewtab.com/Starlab/infinitoui/compare/v1.6.10...v1.6.11) (2021-03-30)

@@ -8,0 +19,0 @@

2

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 ::-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}:host([white][disabled]){--font-color: #999;cursor:not-allowed}:host([white][disabled]) button{cursor:not-allowed}:host([disabled]:not([white])) button{opacity:.5;cursor:not-allowed}:host([loading]) button{opacity:.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 .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:.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 .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}:host([white][disabled]){--font-color: #999;cursor:not-allowed}:host([white][disabled]) button{cursor:not-allowed}:host([disabled]:not([white])) button{opacity:.5;cursor:not-allowed}:host([loading]) button{opacity:.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 .3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;vertical-align:middle;width:100%;display:inline-flex;align-items:center;justify-content:center}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:.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 .8s}`;
{
"name": "@infinitoui/infinito-button",
"version": "1.6.11",
"version": "1.6.13",
"description": "button",

@@ -26,3 +26,3 @@ "main": "lib/infinito-button.js",

},
"gitHead": "8b1712a4fbfdb21e2307234d35090da5327ca44e"
"gitHead": "def56c90e7cd0d5403b6a0e0a2839fe94a89e6ec"
}
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 ::-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}:host([white][disabled]){--font-color: #999;cursor:not-allowed}:host([white][disabled]) button{cursor:not-allowed}:host([disabled]:not([white])) button{opacity:.5;cursor:not-allowed}:host([loading]) button{opacity:.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 .3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;vertical-align:middle;width:100%;display:inline-flex;align-items:center;justify-content:center}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:.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 .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}:host([white][disabled]){--font-color: #999;cursor:not-allowed}:host([white][disabled]) button{cursor:not-allowed}:host([disabled]:not([white])) button{opacity:.5;cursor:not-allowed}:host([loading]) button{opacity:.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:24px;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 .3s;cursor:pointer;overflow:hidden;position:relative}button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;vertical-align:middle;width:100%;display:inline-flex;align-items:center;justify-content:center}button:hover{background:#dfdfdf}button:not([disabled]):active::after{transform:translate(-50%, -50%) scale(0);opacity:.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 .8s}`

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc