@tradeshift/elements.checkbox - npm Package Compare versions

Comparing version 0.12.1 to 0.13.0

lib/checkbox.esm.js

@@ -1,1 +0,1 @@
-import{customElementDefineHelper as t,html as e,TSElement as r,unsafeCSS as o}from"@tradeshift/elements";function n(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 c(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t}function a(){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 a=function(){return r},r}t("ts-checkbox",function(t){var n,i;function s(){var e=t.call(this)||this;return e.name="",e}return i=t,(n=s).prototype=Object.create(i.prototype),n.prototype.constructor=n,n.__proto__=i,c(s,null,[{key:"styles",get:function(){return[r.styles,o('.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}}}}]),s.prototype.render=function(){return e(a(),this.label,this.name,this.value,this.checked,this.disabled)},c(s,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),s}(r));
+import{html as t,customElementDefineHelper as e,TSElement as r,unsafeCSS as o}from"@tradeshift/elements";function n(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 c(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t}function a(){var t,e,r=(t=['\n\t\t\t<label class="checkbox-container">\n\t\t\t\t','\n\t\t\t\t<input\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t.name="','"\n\t\t\t\t\t.value="','"\n\t\t\t\t\t?checked="','"\n\t\t\t\t\t?disabled="','"\n\t\t\t\t/>\n\t\t\t\t<span></span>\n\t\t\t</label>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return a=function(){return r},r}var i=function(e){var n,i;function s(){var t=e.call(this)||this;return t.name="",t}return i=e,(n=s).prototype=Object.create(i.prototype),n.prototype.constructor=n,n.__proto__=i,c(s,null,[{key:"styles",get:function(){return[r.styles,o('.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}}}}]),s.prototype.render=function(){return t(a(),this.label,this.name,this.value,this.checked,this.disabled)},c(s,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),s}(r);e("ts-checkbox",i);export{i as TSCheckbox};

lib/checkbox.umd.js

@@ -1,1 +0,1 @@
-!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))}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],t):t(((e=e||self).ts=e.ts||{},e.ts.elements=e.ts.elements||{},e.ts.elements.checkbox=e.ts.elements.checkbox||{}),e.ts.elements)}(this,(function(e,t){"use strict";function o(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function r(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e}function n(){var e,t,o=(e=['\n\t\t\t<label class="checkbox-container">\n\t\t\t\t','\n\t\t\t\t<input\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t.name="','"\n\t\t\t\t\t.value="','"\n\t\t\t\t\t?checked="','"\n\t\t\t\t\t?disabled="','"\n\t\t\t\t/>\n\t\t\t\t<span></span>\n\t\t\t</label>\n\t\t'],t||(t=e.slice(0)),e.raw=t,e);return n=function(){return o},o}var c=function(e){var o,c;function i(){var t=e.call(this)||this;return t.name="",t}return c=e,(o=i).prototype=Object.create(c.prototype),o.prototype.constructor=o,o.__proto__=c,r(i,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}}}}]),i.prototype.render=function(){return t.html(n(),this.label,this.name,this.value,this.checked,this.disabled)},r(i,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),i}(t.TSElement);t.customElementDefineHelper("ts-checkbox",c),e.TSCheckbox=c,Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
   "name": "@tradeshift/elements.checkbox",
-  "version": "0.12.1",
+  "version": "0.13.0",
   "src": "src/checkbox.js",
@@ -12,3 +12,3 @@ "main": "lib/checkbox.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.12.1"
+    "@tradeshift/elements": "^0.13.0"
   },
@@ -20,3 +20,3 @@ "repository": {
   },
-  "gitHead": "9dc98158ad8be1163c16881d639d101564af8eff"
+  "gitHead": "dfbb660017cc8b90fd7ae74dc0cbe672e59eecf1"
 }

No alert changes

Improved metrics

Total package byte prevSize

22151

increased by0.79%

Lines of code

27

increased by3.85%

Dependency changes

• + Added@tradeshift/elements@0.13.0(transitive)

• - Removed@tradeshift/elements@0.12.1(transitive)

• Updated@tradeshift/elements@^0.13.0