@tradeshift/elements.button - npm Package Compare versions

Comparing version 0.2.8-alpha.0 to 0.2.8

lib/button.cjs.js

@@ -1,59 +0,1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var elements = require('@tradeshift/elements');
-
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  strings.raw = raw;
-  return strings;
-}
-
-var css = "/* General........................................................ */\n\n:host > button {\n\t\tposition: relative;\n\t\tmargin-right: calc(0.25 * 20px);\n\t\tmargin-right: var(--ts-unit-quarter);\n\t\tborder: 1px solid\n\t\trgb(203, 215, 220);\n\t\tborder: var(--ts-border);\n\t\tborder-radius: calc(2 * 20px);\n\t\tborder-radius: var(--ts-unit-double);\n\t\tpadding: calc(0.5 * 20px);\n\t\tpadding: var(--ts-unit-half)\n\t}\n\n:host > button:before {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tborder: 1px solid\n\t\trgb(203, 215, 220);\n\t\t\tborder: var(--ts-border);\n\t\t\tborder-radius: calc(2 * 20px);\n\t\t\tborder-radius: var(--ts-unit-double);\n\t\t}\n\n:host > button:hover {\n\t\t\tcursor: pointer;\n\t\t\tbackground: rgb(230, 236, 239);\n\t\t\tbackground: var(--ts-color-gray-lighter);\n\t\t}\n\n:host > button:focus:before {\n\t\t\tdisplay: block;\n\t\t\tcontent: '';\n\t\t\tborder-color: rgb(0, 174, 255);\n\t\t\tborder-color: var(--ts-color-blue);\n\t\t}\n\n:host span {\n\t\tdisplay: block;\n\t\tpadding: 0 20px;\n\t\tpadding: 0 var(--ts-unit);\n\t\tfont-weight: var(--ts-font-weight-semibold);\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.02em;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t}\n\n/* Primary type................................................... */\n:host([type='primary']) > button {\n\t\tbackground: rgb(0, 174, 255);\n\t\tbackground: var(--ts-color-blue);\n\t\tcolor: rgb(255, 255, 255);\n\t\tcolor: var(--ts-color-white);\n\t\tborder-color: rgb(0, 174, 255);\n\t\tborder-color: var(--ts-color-blue)\n\t}\n:host([type='primary']) > button:hover {\n\t\t\tbackground: rgb(0, 133, 204);\n\t\t\tbackground: var(--ts-color-blue-dark);\n\t\t}\n:host([type='primary']) > button:focus:before {\n\t\t\tcontent: '';\n\t\t\tborder-color: rgb(0, 101, 163);\n\t\t\tborder-color: var(--ts-color-blue-darker);\n\t\t}\n\n/* Text type...................................................... */\n:host([type='text']) > button {\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tborder-radius: 0;\n\t\tpadding: 0\n\t}\n:host([type='text']) > button:before {\n\t\t\tborder-radius: 0;\n\t\t}\n:host([type='text']) > button:hover {\n\t\t\tbackground: transparent\n\t\t}\n:host([type='text']) > button:hover span {\n\t\t\t\ttext-decoration: underline;\n\t\t\t}\n:host([type='text']) > button:focus:before {\n\t\t\tcontent: '';\n\t\t\tborder-color: rgb(0, 101, 163);\n\t\t\tborder-color: var(--ts-color-blue-darker);\n\t\t}\n:host([type='text']) span {\n\t\tcolor: rgb(0, 174, 255);\n\t\tcolor: var(--ts-color-blue);\n\t\tpadding: 0;\n\t\tfont-weight: var(--ts-font-weight);\n\t\ttext-transform: none;\n\t\tletter-spacing: normal;\n\t}\n\n/* Inside a ButtonGroup ...........................................*/\n\n:host([grouped]) {\n\tdisplay: block;\n\tmargin-bottom: calc(0.5 * 20px);\n\tmargin-bottom: var(--ts-unit-half);\n\ttext-align: center\n}\n\n:host([grouped]) > button {\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0VBQW9FOztBQUduRTtFQUNDLGtCQUFrQjtFQUNsQiwrQkFBb0M7RUFBcEMsb0NBQW9DO0VBQ3BDO29CQUF3QjtFQUF4Qix3QkFBd0I7RUFDeEIsNkJBQW9DO0VBQXBDLG9DQUFvQztFQUNwQyx5QkFBNEI7RUFBNUI7Q0FtQkQ7O0FBbEJDO0dBQ0Msa0JBQWtCO0dBQ2xCLE1BQU07R0FDTixRQUFRO0dBQ1IsU0FBUztHQUNULE9BQU87R0FDUDtvQkFBd0I7R0FBeEIsd0JBQXdCO0dBQ3hCLDZCQUFvQztHQUFwQyxvQ0FBb0M7RUFDckM7O0FBQ0E7R0FDQyxlQUFlO0dBQ2YsOEJBQXdDO0dBQXhDLHdDQUF3QztFQUN6Qzs7QUFDQTtHQUNDLGNBQWM7R0FDZCxXQUFXO0dBQ1gsOEJBQWtDO0dBQWxDLGtDQUFrQztFQUNuQzs7QUFFRDtFQUNDLGNBQWM7RUFDZCxlQUF5QjtFQUF6Qix5QkFBeUI7RUFDekIsMkNBQTJDO0VBQzNDLHlCQUF5QjtFQUN6QixzQkFBc0I7RUFDdEIsbUNBQW1DO0VBQ25DLGtDQUFrQztDQUNuQzs7QUFHRCxvRUFBb0U7QUFFbkU7RUFDQyw0QkFBZ0M7RUFBaEMsZ0NBQWdDO0VBQ2hDLHlCQUE0QjtFQUE1Qiw0QkFBNEI7RUFDNUIsOEJBQWtDO0VBQWxDO0NBU0Q7QUFQQztHQUNDLDRCQUFxQztHQUFyQyxxQ0FBcUM7RUFDdEM7QUFDQTtHQUNDLFdBQVc7R0FDWCw4QkFBeUM7R0FBekMseUNBQXlDO0VBQzFDOztBQUlGLG9FQUFvRTtBQUVuRTtFQUNDLHVCQUF1QjtFQUN2QixTQUFTO0VBQ1QsZ0JBQWdCO0VBQ2hCO0NBY0Q7QUFiQztHQUNDLGdCQUFnQjtFQUNqQjtBQUNBO0dBQ0M7RUFJRDtBQUhDO0lBQ0MsMEJBQTBCO0dBQzNCO0FBRUQ7R0FDQyxXQUFXO0dBQ1gsOEJBQXlDO0dBQXpDLHlDQUF5QztFQUMxQztBQUdEO0VBQ0MsdUJBQTJCO0VBQTNCLDJCQUEyQjtFQUMzQixVQUFVO0VBQ1Ysa0NBQWtDO0VBQ2xDLG9CQUFvQjtFQUNwQixzQkFBc0I7Q0FDdkI7O0FBR0Qsb0VBQW9FOztBQUVwRTtDQUNDLGNBQWM7Q0FDZCwrQkFBa0M7Q0FBbEMsa0NBQWtDO0NBQ2xDO0FBTUQ7O0FBSkM7RUFDQyxXQUFXO0VBQ1gsY0FBYztDQUNmIiwiZmlsZSI6ImJ1dHRvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHQmID4gYnV0dG9uIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0bWFyZ2luLXJpZ2h0OiB2YXIoLS10cy11bml0LXF1YXJ0ZXIpO1xuXHRcdGJvcmRlcjogdmFyKC0tdHMtYm9yZGVyKTtcblx0XHRib3JkZXItcmFkaXVzOiB2YXIoLS10cy11bml0LWRvdWJsZSk7XG5cdFx0cGFkZGluZzogdmFyKC0tdHMtdW5pdC1oYWxmKTtcblx0XHQmOmJlZm9yZSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHRyaWdodDogMDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlcik7XG5cdFx0XHRib3JkZXItcmFkaXVzOiB2YXIoLS10cy11bml0LWRvdWJsZSk7XG5cdFx0fVxuXHRcdCY6aG92ZXIge1xuXHRcdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdFx0YmFja2dyb3VuZDogdmFyKC0tdHMtY29sb3ItZ3JheS1saWdodGVyKTtcblx0XHR9XG5cdFx0Jjpmb2N1czpiZWZvcmUge1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRjb250ZW50OiAnJztcblx0XHRcdGJvcmRlci1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cdFx0fVxuXHR9XG5cdCYgc3BhbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cGFkZGluZzogMCB2YXIoLS10cy11bml0KTtcblx0XHRmb250LXdlaWdodDogdmFyKC0tdHMtZm9udC13ZWlnaHQtc2VtaWJvbGQpO1xuXHRcdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdFx0bGV0dGVyLXNwYWNpbmc6IDAuMDJlbTtcblx0XHQtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcblx0XHQtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuXHR9XG59XG5cbi8qIFByaW1hcnkgdHlwZS4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiAqL1xuOmhvc3QoW3R5cGU9J3ByaW1hcnknXSkge1xuXHQmID4gYnV0dG9uIHtcblx0XHRiYWNrZ3JvdW5kOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcblx0XHRjb2xvcjogdmFyKC0tdHMtY29sb3Itd2hpdGUpO1xuXHRcdGJvcmRlci1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQ6IHZhcigtLXRzLWNvbG9yLWJsdWUtZGFyayk7XG5cdFx0fVxuXHRcdCY6Zm9jdXM6YmVmb3JlIHtcblx0XHRcdGNvbnRlbnQ6ICcnO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlLWRhcmtlcik7XG5cdFx0fVxuXHR9XG59XG5cbi8qIFRleHQgdHlwZS4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiAqL1xuOmhvc3QoW3R5cGU9J3RleHQnXSkge1xuXHQmID4gYnV0dG9uIHtcblx0XHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0XHRib3JkZXI6IDA7XG5cdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdCY6YmVmb3JlIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0fVxuXHRcdCY6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cdFx0XHQmIHNwYW4ge1xuXHRcdFx0XHR0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcblx0XHRcdH1cblx0XHR9XG5cdFx0Jjpmb2N1czpiZWZvcmUge1xuXHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRib3JkZXItY29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUtZGFya2VyKTtcblx0XHR9XG5cdH1cblxuXHQmIHNwYW4ge1xuXHRcdGNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdGZvbnQtd2VpZ2h0OiB2YXIoLS10cy1mb250LXdlaWdodCk7XG5cdFx0dGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cdFx0bGV0dGVyLXNwYWNpbmc6IG5vcm1hbDtcblx0fVxufVxuXG4vKiBJbnNpZGUgYSBCdXR0b25Hcm91cCAuLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uKi9cblxuOmhvc3QoW2dyb3VwZWRdKSB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXJnaW4tYm90dG9tOiB2YXIoLS10cy11bml0LWhhbGYpO1xuXHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cblx0JiA+IGJ1dHRvbiB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdH1cbn1cbiJdfQ== */";
-
-function _templateObject() {
-  const data = _taggedTemplateLiteralLoose(["\n\t\t\t<button>\n\t\t\t\t<span>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t</button>\n\t\t"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-class TSButton extends elements.TSElement {
-  static get styles() {
-    return [elements.TSElement.styles, elements.unsafeCSS(css)];
-  }
-
-  static get properties() {
-    return {
-      type: {
-        type: String,
-        reflect: true
-      },
-      grouped: {
-        type: Boolean,
-        reflect: true
-      }
-    };
-  }
-
-  constructor() {
-    super();
-    this.type = '';
-    this.grouped = false;
-  }
-
-  render() {
-    return elements.html(_templateObject());
-  }
-
-}
-elements.customElementDefineHelper('ts-button', TSButton);
-
-exports.TSButton = TSButton;
-//# sourceMappingURL=button.cjs.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var elements=require("@tradeshift/elements");function _taggedTemplateLiteralLoose(t,e){return e||(e=t.slice(0)),t.raw=e,t}var css=':host>button{position:relative;margin-right:5px;margin-right:var(--ts-unit-quarter);padding:10px;padding:var(--ts-unit-half)}:host>button,:host>button:before{border:1px solid #cbd7dc;border:var(--ts-border);border-radius:40px;border-radius:var(--ts-unit-double)}:host>button:before{position:absolute;top:0;right:0;bottom:0;left:0}:host>button:hover{cursor:pointer;background:#e6ecef;background:var(--ts-color-gray-lighter)}:host>button:focus:before{display:block;content:"";border-color:#00aeff;border-color:var(--ts-color-blue)}:host span{display:block;padding:0 20px;padding:0 var(--ts-unit);font-weight:var(--ts-font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=primary])>button{background:#00aeff;background:var(--ts-color-blue);color:#fff;color:var(--ts-color-white);border-color:#00aeff;border-color:var(--ts-color-blue)}:host([type=primary])>button:hover{background:#0085cc;background:var(--ts-color-blue-dark)}:host([type=primary])>button:focus:before{content:"";border-color:#0065a3;border-color:var(--ts-color-blue-darker)}:host([type=text])>button{background:transparent;border:0;border-radius:0;padding:0}:host([type=text])>button:before{border-radius:0}:host([type=text])>button:hover{background:transparent}:host([type=text])>button:hover span{text-decoration:underline}:host([type=text])>button:focus:before{content:"";border-color:#0065a3;border-color:var(--ts-color-blue-darker)}:host([type=text]) span{color:#00aeff;color:var(--ts-color-blue);padding:0;font-weight:var(--ts-font-weight);text-transform:none;letter-spacing:normal}:host([grouped]){display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);text-align:center}:host([grouped])>button{width:100%;display:block}';function _templateObject(){const t=_taggedTemplateLiteralLoose(["\n\t\t\t<button>\n\t\t\t\t<span>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t</button>\n\t\t"]);return _templateObject=function(){return t},t}class TSButton extends elements.TSElement{static get styles(){return[elements.TSElement.styles,elements.unsafeCSS(css)]}static get properties(){return{type:{type:String,reflect:!0},grouped:{type:Boolean,reflect:!0}}}constructor(){super(),this.type="",this.grouped=!1}render(){return elements.html(_templateObject())}}elements.customElementDefineHelper("ts-button",TSButton),exports.TSButton=TSButton;

package.json

 {
   "name": "@tradeshift/elements.button",
-  "version": "0.2.8-alpha.0",
+  "version": "0.2.8",
   "src": "src/button.js",
   "main": "lib/button.cjs.js",
-  "module": "lib/button.umd.js",
   "browser": "lib/button.umd.js",
@@ -12,5 +11,5 @@ "files": [
   "dependencies": {
-    "@tradeshift/elements": "^0.2.8-alpha.0"
+    "@tradeshift/elements": "^0.2.8"
   },
-  "gitHead": "685e31b86c299ea046930d20f1dffaf3a80ae13c"
+  "gitHead": "aaa800e79562e0e747635b18cb89517dcf10e254"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

22432

decreased by-25.18%

Number of package files

5

decreased by-16.67%

Lines of code

120

decreased by-34.43%

Number of low quality alerts

3

increased by50%

Dependency changes

• Updated@tradeshift/elements@^0.2.8