@tradeshift/elements.card - npm Package Compare versions

Comparing version 0.9.0 to 0.10.0

lib/card.esm.js

@@ -1,1 +0,1 @@
-import{helpers as t,customElementDefineHelper as a,html as r,TSElement as o,unsafeCSS as e}from"@tradeshift/elements";function d(t,a){for(var r=0;r<a.length;r++){var o=a[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function n(){return(n=Object.assign||function(t){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var i={CARD:"card"},s=(n({},t.classNamesToSelector(i)),{HORIZONTAL:"horizontal",H:"h",VERTICAL:"vertical",V:"v"}),p={FULL:"full",MEDIUM:"medium",SMALL:"small"};function l(){var t,a,r=(t=['\n\t\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="','"\n\t\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\t\tdata-type="','"\n\t\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t\t?data-rtl="','"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t'],a||(a=t.slice(0)),t.raw=a,t);return l=function(){return r},r}a("ts-card",function(t){var a,n,c,h,b;function f(){var a=t.call(this)||this;return a.type="",a.size=p.FULL,a.orientation=s.VERTICAL,a.rtl=!1,a.noPadding=!1,a.noHorizontalPadding=!1,a.noVerticalPadding=!1,a}return n=t,(a=f).prototype=Object.create(n.prototype),a.prototype.constructor=a,a.__proto__=n,f.prototype.render=function(){return r(l(),this.size,i.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},c=f,b=[{key:"styles",get:function(){return[o.styles,e(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(h=null)&&d(c.prototype,h),b&&d(c,b),f}(o));
+import{helpers as t,customElementDefineHelper as a,html as r,TSElement as o,unsafeCSS as e}from"@tradeshift/elements";function d(t,a){for(var r=0;r<a.length;r++){var o=a[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function n(){return(n=Object.assign||function(t){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t}).apply(this,arguments)}var i={CARD:"card"},s=(n({},t.classNamesToSelector(i)),"vertical"),p="full";function l(){var t,a,r=(t=['\n\t\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="','"\n\t\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\t\tdata-type="','"\n\t\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t\t?data-rtl="','"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t'],a||(a=t.slice(0)),t.raw=a,t);return l=function(){return r},r}a("ts-card",function(t){var a,n,c,h,b;function f(){var a=t.call(this)||this;return a.type="",a.size=p,a.orientation=s,a.rtl=!1,a.noPadding=!1,a.noHorizontalPadding=!1,a.noVerticalPadding=!1,a}return n=t,(a=f).prototype=Object.create(n.prototype),a.prototype.constructor=a,a.__proto__=n,f.prototype.render=function(){return r(l(),this.size,i.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},c=f,b=[{key:"styles",get:function(){return[o.styles,e(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(h=null)&&d(c.prototype,h),b&&d(c,b),f}(o));

lib/card.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 a=0;a<e.length;a++){var o=e[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(t[o]=a[o])}return t}).apply(this,arguments)}var o={CARD:"card"},r=(a({},t.helpers.classNamesToSelector(o)),{HORIZONTAL:"horizontal",H:"h",VERTICAL:"vertical",V:"v"}),n={FULL:"full",MEDIUM:"medium",SMALL:"small"};function d(){var t,e,a=(t=['\n\t\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="','"\n\t\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\t\tdata-type="','"\n\t\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t\t?data-rtl="','"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return d=function(){return a},a}t.customElementDefineHelper("ts-card",function(a){var i,s,l,p,c;function h(){var t=a.call(this)||this;return t.type="",t.size=n.FULL,t.orientation=r.VERTICAL,t.rtl=!1,t.noPadding=!1,t.noHorizontalPadding=!1,t.noVerticalPadding=!1,t}return s=a,(i=h).prototype=Object.create(s.prototype),i.prototype.constructor=i,i.__proto__=s,h.prototype.render=function(){return t.html(d(),this.size,o.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},l=h,c=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(p=null)&&e(l.prototype,p),c&&e(l,c),h}(t.TSElement))});
+!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 a=0;a<e.length;a++){var r=e[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function a(){return(a=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r])}return t}).apply(this,arguments)}var r={CARD:"card"},o=(a({},t.helpers.classNamesToSelector(r)),"vertical"),n="full";function d(){var t,e,a=(t=['\n\t\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="','"\n\t\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\t\tdata-type="','"\n\t\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t\t?data-rtl="','"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return d=function(){return a},a}t.customElementDefineHelper("ts-card",function(a){var i,s,p,l,c;function h(){var t=a.call(this)||this;return t.type="",t.size=n,t.orientation=o,t.rtl=!1,t.noPadding=!1,t.noHorizontalPadding=!1,t.noVerticalPadding=!1,t}return s=a,(i=h).prototype=Object.create(s.prototype),i.prototype.constructor=i,i.__proto__=s,h.prototype.render=function(){return t.html(d(),this.size,r.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},p=h,c=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],(l=null)&&e(p.prototype,l),c&&e(p,c),h}(t.TSElement))}));

package.json

 {
   "name": "@tradeshift/elements.card",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "src": "src/card.js",
@@ -12,5 +12,5 @@ "main": "lib/card.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.9.0"
+    "@tradeshift/elements": "^0.10.0"
   },
-  "gitHead": "38dcc12adf17db9db2f4ba90f363fdf685e60125"
+  "gitHead": "66874081004dc1381919ddb2038999687696957f"
 }

No alert changes

Worsened metrics

Total package byte prevSize

25600

decreased by-0.74%

Lines of code

34

decreased by-2.86%

Dependency changes

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

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

• Updated@tradeshift/elements@^0.10.0