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

@bdt-component-library/button-icon

Package Overview
Dependencies
Maintainers
2
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bdt-component-library/button-icon - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

4

build/index.es.js

@@ -140,7 +140,7 @@ import React__default__default, { createElement } from 'react';

var css_248z$1 = ".bui-3dNhx6{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;padding-left:1rem;padding-right:1rem;border-radius:.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.2s;font-weight:600;border-style:none;cursor:pointer;min-width:100px;height:48px;line-height:1;transition-property:background-color,color}.bui-3dNhx6:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--input-box-shadow)}.bui-3dNhx6:disabled{opacity:.5;cursor:not-allowed}.bui-3dNhx6>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.bui-3dNhx6 svg{max-height:14px}.bui-Y4eDv4{padding-left:.5rem;padding-right:.5rem;min-width:70px;height:32px}.bui-2VKVnE{width:100%}.bui-3uTYGz{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3uTYGz:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-3uTYGz:active{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity))}.bui-22JAL4{--border-opacity:1;border:1px solid #2071bd;border-color:rgba(32,113,189,var(--border-opacity));--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-22JAL4:hover{--bg-opacity:1;background-color:#edf5fc;background-color:rgba(237,245,252,var(--bg-opacity))}.bui-22JAL4:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2BW6xV{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-2BW6xV:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-2BW6xV:active{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity))}.bui-3yRoA0{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3yRoA0:hover{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.bui-3yRoA0:active{--bg-opacity:1;background-color:#882b2b;background-color:rgba(136,43,43,var(--bg-opacity))}.bui-2ltE3M{background-color:transparent;--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-2ltE3M:hover{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.bui-2ltE3M:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2DmQrY{margin:0;width:22px}.bui-ed_5rJ{margin-right:.5rem}.bui-1U4f7B{margin-left:.5rem}.bui-1U4f7B svg,.bui-ed_5rJ svg{height:14px;width:14px}";
var css_248z$1 = ".bui-3dNhx6{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;padding-left:1rem;padding-right:1rem;border-radius:.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.2s;font-weight:600;border-style:none;cursor:pointer;min-width:100px;height:48px;line-height:1;transition-property:background-color,color}.bui-3dNhx6:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--input-box-shadow)}.bui-3dNhx6:disabled{opacity:.5;cursor:not-allowed}.bui-3dNhx6>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.bui-3dNhx6 svg{max-height:14px}.bui-Y4eDv4{padding-left:.5rem;padding-right:.5rem;min-width:45px;height:32px;font-size:var(--small-font-size)}.bui-2VKVnE{width:100%}.bui-3uTYGz{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3uTYGz:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-3uTYGz:active{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity))}.bui-22JAL4{--border-opacity:1;border:1px solid #2071bd;border-color:rgba(32,113,189,var(--border-opacity));--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-22JAL4:hover{--bg-opacity:1;background-color:#edf5fc;background-color:rgba(237,245,252,var(--bg-opacity))}.bui-22JAL4:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2BW6xV{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-2BW6xV:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-2BW6xV:active{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity))}.bui-3yRoA0{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3yRoA0:hover{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.bui-3yRoA0:active{--bg-opacity:1;background-color:#882b2b;background-color:rgba(136,43,43,var(--bg-opacity))}.bui-2ltE3M{background-color:transparent;--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-2ltE3M:hover{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.bui-2ltE3M:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2DmQrY{margin:0;width:22px}.bui-ed_5rJ{margin-right:.5rem}.bui-1U4f7B{margin-left:.5rem}.bui-1U4f7B svg,.bui-ed_5rJ svg{height:14px;width:14px}";
var Styles$1 = {"button":"bui-3dNhx6","compact":"bui-Y4eDv4","fullWidth":"bui-2VKVnE","solid":"bui-3uTYGz","outlined":"bui-22JAL4","inverted":"bui-2BW6xV","destructive":"bui-3yRoA0","text":"bui-2ltE3M","loadingIcon":"bui-2DmQrY","leadingIcon":"bui-ed_5rJ","trailingIcon":"bui-1U4f7B"};
styleInject$1(css_248z$1);
const classNames = require("classNames");
const classNames = require("classnames");
const Button = props => {

@@ -147,0 +147,0 @@ const { ariaLabel, id, children, className, compact = false, disabled, loading = false, inlineIcon = false, iconPosition, onClick, onBlur, inputRef, type = "button", variant = "solid", fullWidth = false } = props;

@@ -147,7 +147,7 @@ 'use strict';

var css_248z$1 = ".bui-3dNhx6{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;padding-left:1rem;padding-right:1rem;border-radius:.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.2s;font-weight:600;border-style:none;cursor:pointer;min-width:100px;height:48px;line-height:1;transition-property:background-color,color}.bui-3dNhx6:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--input-box-shadow)}.bui-3dNhx6:disabled{opacity:.5;cursor:not-allowed}.bui-3dNhx6>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.bui-3dNhx6 svg{max-height:14px}.bui-Y4eDv4{padding-left:.5rem;padding-right:.5rem;min-width:70px;height:32px}.bui-2VKVnE{width:100%}.bui-3uTYGz{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3uTYGz:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-3uTYGz:active{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity))}.bui-22JAL4{--border-opacity:1;border:1px solid #2071bd;border-color:rgba(32,113,189,var(--border-opacity));--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-22JAL4:hover{--bg-opacity:1;background-color:#edf5fc;background-color:rgba(237,245,252,var(--bg-opacity))}.bui-22JAL4:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2BW6xV{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-2BW6xV:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-2BW6xV:active{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity))}.bui-3yRoA0{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3yRoA0:hover{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.bui-3yRoA0:active{--bg-opacity:1;background-color:#882b2b;background-color:rgba(136,43,43,var(--bg-opacity))}.bui-2ltE3M{background-color:transparent;--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-2ltE3M:hover{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.bui-2ltE3M:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2DmQrY{margin:0;width:22px}.bui-ed_5rJ{margin-right:.5rem}.bui-1U4f7B{margin-left:.5rem}.bui-1U4f7B svg,.bui-ed_5rJ svg{height:14px;width:14px}";
var css_248z$1 = ".bui-3dNhx6{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;vertical-align:middle;padding-left:1rem;padding-right:1rem;border-radius:.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.2s;font-weight:600;border-style:none;cursor:pointer;min-width:100px;height:48px;line-height:1;transition-property:background-color,color}.bui-3dNhx6:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--input-box-shadow)}.bui-3dNhx6:disabled{opacity:.5;cursor:not-allowed}.bui-3dNhx6>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.bui-3dNhx6 svg{max-height:14px}.bui-Y4eDv4{padding-left:.5rem;padding-right:.5rem;min-width:45px;height:32px;font-size:var(--small-font-size)}.bui-2VKVnE{width:100%}.bui-3uTYGz{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3uTYGz:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-3uTYGz:active{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity))}.bui-22JAL4{--border-opacity:1;border:1px solid #2071bd;border-color:rgba(32,113,189,var(--border-opacity));--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-22JAL4:hover{--bg-opacity:1;background-color:#edf5fc;background-color:rgba(237,245,252,var(--bg-opacity))}.bui-22JAL4:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2BW6xV{--bg-opacity:1;background-color:#152e5f;background-color:rgba(21,46,95,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-2BW6xV:hover{--bg-opacity:1;background-color:#1b4c8d;background-color:rgba(27,76,141,var(--bg-opacity))}.bui-2BW6xV:active{--bg-opacity:1;background-color:#2071bd;background-color:rgba(32,113,189,var(--bg-opacity))}.bui-3yRoA0{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.bui-3yRoA0:hover{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.bui-3yRoA0:active{--bg-opacity:1;background-color:#882b2b;background-color:rgba(136,43,43,var(--bg-opacity))}.bui-2ltE3M{background-color:transparent;--text-opacity:1;color:#2071bd;color:rgba(32,113,189,var(--text-opacity))}.bui-2ltE3M:hover{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.bui-2ltE3M:active{--bg-opacity:1;background-color:#d8ecfa;background-color:rgba(216,236,250,var(--bg-opacity))}.bui-2DmQrY{margin:0;width:22px}.bui-ed_5rJ{margin-right:.5rem}.bui-1U4f7B{margin-left:.5rem}.bui-1U4f7B svg,.bui-ed_5rJ svg{height:14px;width:14px}";
var Styles$1 = {"button":"bui-3dNhx6","compact":"bui-Y4eDv4","fullWidth":"bui-2VKVnE","solid":"bui-3uTYGz","outlined":"bui-22JAL4","inverted":"bui-2BW6xV","destructive":"bui-3yRoA0","text":"bui-2ltE3M","loadingIcon":"bui-2DmQrY","leadingIcon":"bui-ed_5rJ","trailingIcon":"bui-1U4f7B"};
styleInject$1(css_248z$1);
const classNames = require("classNames");
const classNames = require("classnames");
const Button = props => {

@@ -154,0 +154,0 @@ const { ariaLabel, id, children, className, compact = false, disabled, loading = false, inlineIcon = false, iconPosition, onClick, onBlur, inputRef, type = "button", variant = "solid", fullWidth = false } = props;

@@ -5,2 +5,14 @@ {

{
"version": "0.1.1",
"tag": "@bdt-component-library/button-icon_v0.1.1",
"date": "Thu, 18 Feb 2021 17:07:42 GMT",
"comments": {
"patch": [
{
"comment": "Update button dependency"
}
]
}
},
{
"version": "0.1.0",

@@ -7,0 +19,0 @@ "tag": "@bdt-component-library/button-icon_v0.1.0",

# Change Log - @bdt-component-library/button-icon
This log was last generated on Tue, 26 Jan 2021 21:43:23 GMT and should not be manually modified.
This log was last generated on Thu, 18 Feb 2021 17:07:42 GMT and should not be manually modified.
## 0.1.1
Thu, 18 Feb 2021 17:07:42 GMT
### Patches
- Update button dependency
## 0.1.0

@@ -6,0 +13,0 @@ Tue, 26 Jan 2021 21:43:23 GMT

@@ -6,3 +6,3 @@ {

},
"version": "0.1.0",
"version": "0.1.1",
"description": "ButtonIcon component",

@@ -105,3 +105,3 @@ "author": "BDT",

"dependencies": {
"@bdt-component-library/button": "^0.1.1",
"@bdt-component-library/button": "^0.1.3",
"react-number-format": "^4.4.1",

@@ -108,0 +108,0 @@ "classnames": "^2.2.6"

Sorry, the diff of this file is not supported yet

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