@tradeshift/elements.checkbox - npm Package Compare versions

Comparing version 0.7.2 to 0.7.3

lib/checkbox.umd.js

@@ -1,113 +0,1 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) :
-  typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) :
-  (global = global || self, factory(global.ts.elements));
-}(this, function (elements) { 'use strict';
-
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-  }
-
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    subClass.__proto__ = superClass;
-  }
-
-  function _taggedTemplateLiteralLoose(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    strings.raw = raw;
-    return strings;
-  }
-
-  var css = "/* General........................................................ */\n\n.checkbox-container {\n\tdisplay: block;\n\tposition: relative;\n\tpadding-left: calc(20px * 1.5);\n\tpadding-left: var(--ts-unit-plus);\n\tmargin: calc(0.5 * 20px);\n\tmargin: var(--ts-unit-half);\n\tcursor: pointer;\n\tfont-size: 14px;\n\tfont-size: var(--ts-fontsize);\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none\n}\n\n.checkbox-container:hover span {\n\t\t\tbackground-color: rgb(230, 236, 239);\n\t\t\tbackground-color: var(--ts-color-gray-lighter);\n\t\t}\n\n.checkbox-container input {\n\t\tposition: absolute;\n\t\topacity: 0;\n\t\tcursor: pointer;\n\t\theight: 0;\n\t\twidth: 0;\n\t}\n\n.checkbox-container span {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\theight: 20px;\n\t\theight: var(--ts-unit);\n\t\twidth: 20px;\n\t\twidth: var(--ts-unit);\n\t\tborder: 1px solid rgb(203, 215, 220);\n\t\tborder: var(--ts-border)\n\t}\n\n.checkbox-container span:after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tdisplay: none;\n\t\t\tleft: calc(0.25 * 20px);\n\t\t\tleft: var(--ts-unit-quarter);\n\t\t\ttop: 1px;\n\t\t\twidth: calc(0.25 * 20px);\n\t\t\twidth: var(--ts-unit-quarter);\n\t\t\theight: calc(0.5 * 20px);\n\t\t\theight: var(--ts-unit-half);\n\t\t\tborder: solid rgb(255, 255, 255);\n\t\t\tborder: solid var(--ts-color-white);\n\t\t\tborder-width: 0 3px 3px 0;\n\t\t\t-webkit-transform: rotate(45deg);\n\t\t\ttransform: rotate(45deg);\n\t\t}\n\n.checkbox-container input:checked ~ span {\n\tbackground-color: rgb(0, 174, 255);\n\tbackground-color: var(--ts-color-blue);\n\tborder-color: rgb(0, 174, 255);\n\tborder-color: var(--ts-color-blue)\n}\n\n.checkbox-container input:checked ~ span:after {\n\t\tdisplay: block;\n\t}\n\n/* Disable status .................................................*/\n:host([disabled]) .checkbox-container {\n\t\tcolor: rgb(230, 236, 239);\n\t\tcolor: var(--ts-disabled-background-color);\n\t\tcursor: not-allowed\n\t}\n:host([disabled]) .checkbox-container:hover span {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n:host([disabled]) .checkbox-container span {\n\t\t\tborder: 1px solid rgb(230, 236, 239);\n\t\t\tborder: var(--ts-disabled-border);\n\t\t}\n:host([disabled]) .checkbox-container input:checked ~ span {\n\t\tbackground-color: rgb(230, 236, 239);\n\t\tbackground-color: var(--ts-disabled-background-color);\n\t\tborder: 1px solid rgb(230, 236, 239);\n\t\tborder: var(--ts-disabled-border);\n\t}\n\n/* rtl ............................................................*/\n:host([dir='rtl']) .checkbox-container {\n\t\tpadding-right: calc(20px * 1.5);\n\t\tpadding-right: var(--ts-unit-plus)\n\t}\n:host([dir='rtl']) .checkbox-container span {\n\t\t\tright: 0;\n\t\t}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvRUFBb0U7O0FBRXBFO0NBQ0MsY0FBYztDQUNkLGtCQUFrQjtDQUNsQiw4QkFBaUM7Q0FBakMsaUNBQWlDO0NBQ2pDLHdCQUEyQjtDQUEzQiwyQkFBMkI7Q0FDM0IsZUFBZTtDQUNmLGVBQTZCO0NBQTdCLDZCQUE2QjtDQUM3Qix5QkFBeUI7Q0FDekIsc0JBQXNCO0NBQ3RCLHFCQUFxQjtDQUNyQjtBQXVDRDs7QUFwQ0U7R0FDQyxvQ0FBOEM7R0FBOUMsOENBQThDO0VBQy9DOztBQUdEO0VBQ0Msa0JBQWtCO0VBQ2xCLFVBQVU7RUFDVixlQUFlO0VBQ2YsU0FBUztFQUNULFFBQVE7Q0FDVDs7QUFFQTtFQUNDLGtCQUFrQjtFQUNsQixNQUFNO0VBQ04sT0FBTztFQUNQLFlBQXNCO0VBQXRCLHNCQUFzQjtFQUN0QixXQUFxQjtFQUFyQixxQkFBcUI7RUFDckIsb0NBQXdCO0VBQXhCO0NBZ0JEOztBQWRDO0dBQ0MsV0FBVztHQUNYLGtCQUFrQjtHQUNsQixhQUFhO0dBQ2IsdUJBQTRCO0dBQTVCLDRCQUE0QjtHQUM1QixRQUFRO0dBQ1Isd0JBQTZCO0dBQTdCLDZCQUE2QjtHQUM3Qix3QkFBMkI7R0FBM0IsMkJBQTJCO0dBQzNCLGdDQUFtQztHQUFuQyxtQ0FBbUM7R0FDbkMseUJBQXlCO0dBQ3pCLGdDQUFnQztHQUVoQyx3QkFBd0I7RUFDekI7O0FBSUY7Q0FDQyxrQ0FBc0M7Q0FBdEMsc0NBQXNDO0NBQ3RDLDhCQUFrQztDQUFsQztBQUtEOztBQUhDO0VBQ0MsY0FBYztDQUNmOztBQUdELG9FQUFvRTtBQUVuRTtFQUNDLHlCQUEwQztFQUExQywwQ0FBMEM7RUFDMUM7Q0FVRDtBQVBFO0lBQ0MsNkJBQTZCO0dBQzlCO0FBRUQ7R0FDQyxvQ0FBaUM7R0FBakMsaUNBQWlDO0VBQ2xDO0FBRUQ7RUFDQyxvQ0FBcUQ7RUFBckQscURBQXFEO0VBQ3JELG9DQUFpQztFQUFqQyxpQ0FBaUM7Q0FDbEM7O0FBR0Qsb0VBQW9FO0FBRW5FO0VBQ0MsK0JBQWtDO0VBQWxDO0NBS0Q7QUFIQztHQUNDLFFBQVE7RUFDVCIsImZpbGUiOiJjaGVja2JveC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuLmNoZWNrYm94LWNvbnRhaW5lciB7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdHBhZGRpbmctbGVmdDogdmFyKC0tdHMtdW5pdC1wbHVzKTtcblx0bWFyZ2luOiB2YXIoLS10cy11bml0LWhhbGYpO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGZvbnQtc2l6ZTogdmFyKC0tdHMtZm9udHNpemUpO1xuXHQtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuXHQtbW96LXVzZXItc2VsZWN0OiBub25lO1xuXHQtbXMtdXNlci1zZWxlY3Q6IG5vbmU7XG5cdHVzZXItc2VsZWN0OiBub25lO1xuXG5cdCY6aG92ZXIge1xuXHRcdCYgc3BhbiB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cy1jb2xvci1ncmF5LWxpZ2h0ZXIpO1xuXHRcdH1cblx0fVxuXG5cdCYgaW5wdXQge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRvcGFjaXR5OiAwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRoZWlnaHQ6IDA7XG5cdFx0d2lkdGg6IDA7XG5cdH1cblxuXHQmIHNwYW4ge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHR0b3A6IDA7XG5cdFx0bGVmdDogMDtcblx0XHRoZWlnaHQ6IHZhcigtLXRzLXVuaXQpO1xuXHRcdHdpZHRoOiB2YXIoLS10cy11bml0KTtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlcik7XG5cblx0XHQmOmFmdGVyIHtcblx0XHRcdGNvbnRlbnQ6ICcnO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0ZGlzcGxheTogbm9uZTtcblx0XHRcdGxlZnQ6IHZhcigtLXRzLXVuaXQtcXVhcnRlcik7XG5cdFx0XHR0b3A6IDFweDtcblx0XHRcdHdpZHRoOiB2YXIoLS10cy11bml0LXF1YXJ0ZXIpO1xuXHRcdFx0aGVpZ2h0OiB2YXIoLS10cy11bml0LWhhbGYpO1xuXHRcdFx0Ym9yZGVyOiBzb2xpZCB2YXIoLS10cy1jb2xvci13aGl0ZSk7XG5cdFx0XHRib3JkZXItd2lkdGg6IDAgM3B4IDNweCAwO1xuXHRcdFx0LXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG5cdFx0XHQtbXMtdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xuXHRcdH1cblx0fVxufVxuXG4uY2hlY2tib3gtY29udGFpbmVyIGlucHV0OmNoZWNrZWQgfiBzcGFuIHtcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cdGJvcmRlci1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cblx0JjphZnRlciB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdH1cbn1cblxuLyogRGlzYWJsZSBzdGF0dXMgLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiovXG46aG9zdChbZGlzYWJsZWRdKSB7XG5cdCYgLmNoZWNrYm94LWNvbnRhaW5lciB7XG5cdFx0Y29sb3I6IHZhcigtLXRzLWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xuXHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdCYgc3BhbiB7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdFx0fVxuXHRcdH1cblx0XHQmIHNwYW4ge1xuXHRcdFx0Ym9yZGVyOiB2YXIoLS10cy1kaXNhYmxlZC1ib3JkZXIpO1xuXHRcdH1cblx0fVxuXHQmIC5jaGVja2JveC1jb250YWluZXIgaW5wdXQ6Y2hlY2tlZCB+IHNwYW4ge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xuXHRcdGJvcmRlcjogdmFyKC0tdHMtZGlzYWJsZWQtYm9yZGVyKTtcblx0fVxufVxuXG4vKiBydGwgLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uKi9cbjpob3N0KFtkaXI9J3J0bCddKSB7XG5cdCYgLmNoZWNrYm94LWNvbnRhaW5lciB7XG5cdFx0cGFkZGluZy1yaWdodDogdmFyKC0tdHMtdW5pdC1wbHVzKTtcblxuXHRcdCYgc3BhbiB7XG5cdFx0XHRyaWdodDogMDtcblx0XHR9XG5cdH1cbn1cbiJdfQ== */";
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<label class=\"checkbox-container\">\n\t\t\t\t\t", "\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t.name=\"", "\"\n\t\t\t\t\t\t.value=\"", "\"\n\t\t\t\t\t\t?checked=\"", "\"\n\t\t\t\t\t\t?disabled=\"", "\"\n\t\t\t\t\t/>\n\t\t\t\t\t<span></span>\n\t\t\t\t</label>\n\t\t\t"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  elements.customElementDefineHelper('ts-checkbox',
-  /*#__PURE__*/
-  function (_TSElement) {
-    _inheritsLoose(_class, _TSElement);
-
-    _createClass(_class, null, [{
-      key: "styles",
-      get: function get() {
-        return [elements.TSElement.styles, elements.unsafeCSS(css)];
-      }
-    }, {
-      key: "properties",
-      get: function get() {
-        return {
-          name: {
-            type: String
-          },
-          value: {
-            type: String
-          },
-          dir: {
-            type: String
-          },
-          label: {
-            type: String,
-            attribute: 'data-label'
-          },
-          checked: {
-            type: Boolean,
-            reflect: true
-          },
-          disabled: {
-            type: Boolean,
-            reflect: true
-          }
-        };
-      }
-    }]);
-
-    function _class() {
-      var _this;
-
-      _this = _TSElement.call(this) || this;
-      _this.name = '';
-      return _this;
-    }
-
-    var _proto = _class.prototype;
-
-    _proto.render = function render() {
-      return elements.html(_templateObject(), this.label, this.name, this.value, this.checked, this.disabled);
-    };
-
-    _createClass(_class, [{
-      key: "direction",
-      get: function get() {
-        return this.dir || this.bodyDir;
-      }
-    }]);
-
-    return _class;
-  }(elements.TSElement));
-
-}));
-//# sourceMappingURL=checkbox.umd.js.map
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],e):e((t=t||self).ts.elements)}(this,function(t){"use strict";function e(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function r(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}function o(){var t,e,r=(t=['\n\t\t\t\t<label class="checkbox-container">\n\t\t\t\t\t','\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t\t.name="','"\n\t\t\t\t\t\t.value="','"\n\t\t\t\t\t\t?checked="','"\n\t\t\t\t\t\t?disabled="','"\n\t\t\t\t\t/>\n\t\t\t\t\t<span></span>\n\t\t\t\t</label>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return o=function(){return r},r}t.customElementDefineHelper("ts-checkbox",function(e){var n,i;function c(){var t=e.call(this)||this;return t.name="",t}return i=e,(n=c).prototype=Object.create(i.prototype),n.prototype.constructor=n,n.__proto__=i,r(c,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS('.checkbox-container{display:block;position:relative;padding-left:30px;padding-left:var(--ts-unit-plus);margin:10px;margin:var(--ts-unit-half);cursor:pointer;font-size:14px;font-size:var(--ts-fontsize);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover span{background-color:#e6ecef;background-color:var(--ts-color-gray-lighter)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container span{position:absolute;top:0;left:0;height:20px;height:var(--ts-unit);width:20px;width:var(--ts-unit);border:1px solid #cbd7dc;border:var(--ts-border)}.checkbox-container span:after{content:"";position:absolute;display:none;left:5px;left:var(--ts-unit-quarter);top:1px;width:5px;width:var(--ts-unit-quarter);height:10px;height:var(--ts-unit-half);border:solid #fff;border:solid var(--ts-color-white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container input:checked~span{background-color:#00aeff;background-color:var(--ts-color-blue);border-color:#00aeff;border-color:var(--ts-color-blue)}.checkbox-container input:checked~span:after{display:block}:host([disabled]) .checkbox-container{color:#e6ecef;color:var(--ts-disabled-background-color);cursor:not-allowed}:host([disabled]) .checkbox-container:hover span{background-color:transparent}:host([disabled]) .checkbox-container input:checked~span,:host([disabled]) .checkbox-container span{border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([disabled]) .checkbox-container input:checked~span{background-color:#e6ecef;background-color:var(--ts-disabled-background-color)}:host([dir=rtl]) .checkbox-container{padding-right:30px;padding-right:var(--ts-unit-plus)}:host([dir=rtl]) .checkbox-container span{right:0}')]}},{key:"properties",get:function(){return{name:{type:String},value:{type:String},dir:{type:String},label:{type:String,attribute:"data-label"},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}}}}]),c.prototype.render=function(){return t.html(o(),this.label,this.name,this.value,this.checked,this.disabled)},r(c,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),c}(t.TSElement))});

package.json

 {
   "name": "@tradeshift/elements.checkbox",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "src": "src/checkbox.js",
@@ -12,5 +12,5 @@ "main": "lib/checkbox.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.7.2"
+    "@tradeshift/elements": "^0.7.3"
   },
-  "gitHead": "93f7b1fb922f4933bfc857e9058a912ef9c424ff"
+  "gitHead": "46421a95e47d9a40f521c3be0411e619dde12ee7"
 }

New alerts

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

Fixed 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

Worsened metrics

Total package byte prevSize

21826

decreased by-23.59%

Lines of code

26

decreased by-80.88%

Number of low quality alerts

3

increased by50%

Dependency changes

• Updated@tradeshift/elements@^0.7.3