@tradeshift/elements.card - npm Package Compare versions

Comparing version 0.2.8 to 0.3.0

lib/card.umd.js

@@ -1,122 +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:host {\n\twidth: 100%;\n}\n\n.card {\n\twidth: 100%;\n\tposition: relative;\n\tborder-radius: 3px;\n\tborder-radius: var(--ts-radius);\n\tborder: 1px solid\n\t\trgb(203, 215, 220);\n\tborder: var(--ts-border);\n\tmargin-bottom: calc(0.5 * 20px);\n\tmargin-bottom: var(--ts-unit-half);\n\toverflow: hidden;\n\tpadding: calc(0.25 * 20px) calc(0.5 * 20px);\n\tpadding: var(--ts-unit-quarter) var(--ts-unit-half);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n\ttransition: box-shadow 0.1s,\n\t\tborder-color 0.1s;\n\ttransition: box-shadow var(--ts-transition-now),\n\t\tborder-color var(--ts-transition-now)\n}\n\n.card:hover {\n\t\tborder-color: rgb(0, 174, 255);\n\t\tborder-color: var(--ts-color-blue);\n\t\tbox-shadow: 0 0 0 1px rgb(173, 229, 255);\n\t\tbox-shadow: 0 0 0 1px var(--ts-color-blue-lighter);\n\t}\n\n.card[data-no-horizontal-padding] {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n\n.card[data-no-vertical-padding] {\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t}\n\n.card[data-no-padding] {\n\t\tpadding: 0;\n\t}\n\n.card {\n\n\t/* types */\n}\n\n.card[data-type='error'],\n\t.card[data-type='failed'],\n\t.card[data-type='danger'] {\n\t\tborder: 1px solid\n\t\trgb(189, 0, 0);\n\t\tborder: var(--ts-border-error)\n\t}\n\n.card[data-type='error']:hover, .card[data-type='failed']:hover, .card[data-type='danger']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(234, 174, 174);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-red-lighter);\n\t\t}\n\n.card[data-type='success'] {\n\t\tborder: 1px solid\n\t\trgb(80, 198, 16);\n\t\tborder: var(--ts-border-success)\n\t}\n\n.card[data-type='success']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(198, 236, 177);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-green-lighter);\n\t\t}\n\n.card[data-type='focus'],\n\t.card[data-type='active'],\n\t.card[data-type='primary'] {\n\t\tborder: 1px solid\n\t\trgb(0, 174, 255);\n\t\tborder: var(--ts-border-focus)\n\t}\n\n.card[data-type='focus']:hover, .card[data-type='active']:hover, .card[data-type='primary']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(173, 229, 255);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-blue-lighter);\n\t\t}\n\n.card {\n\n\t/* orientations */\n}\n\n.card[data-orientation='horizontal'],\n\t.card[data-orientation='h'] {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n\n.card[data-orientation='vertical'],\n\t.card[data-orientation='v'] {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t}\n\n.card[data-size='small'] {\n\t\twidth: 280px;\n\t\twidth: var(--ts-box-width-small);\n\t}\n\n.card[data-size='medium'] {\n\t\twidth: 360px;\n\t\twidth: var(--ts-box-width-medium);\n\t}\n\n.card[data-rtl] {\n\t\tdirection: rtl;\n\t}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxXQUFXO0FBQ1o7O0FBRUE7Q0FDQyxXQUFXO0NBQ1gsa0JBQWtCO0NBQ2xCLGtCQUErQjtDQUEvQiwrQkFBK0I7Q0FDL0I7b0JBQXdCO0NBQXhCLHdCQUF3QjtDQUN4QiwrQkFBa0M7Q0FBbEMsa0NBQWtDO0NBQ2xDLGdCQUFnQjtDQUNoQiwyQ0FBbUQ7Q0FBbkQsbURBQW1EO0NBQ25ELG9DQUF1QztDQUF2Qyx1Q0FBdUM7Q0FDdkM7bUJBQ3NDO0NBRHRDOztBQTRFRDs7QUF6RUM7RUFDQyw4QkFBa0M7RUFBbEMsa0NBQWtDO0VBQ2xDLHdDQUFrRDtFQUFsRCxrREFBa0Q7Q0FDbkQ7O0FBRUE7RUFDQyxlQUFlO0VBQ2YsZ0JBQWdCO0NBQ2pCOztBQUVBO0VBQ0MsY0FBYztFQUNkLGlCQUFpQjtDQUNsQjs7QUFFQTtFQUNDLFVBQVU7Q0FDWDs7QUE3QkQ7O0NBK0JDLFVBQVU7QUFzRFg7O0FBckRDOzs7RUFHQztnQkFBOEI7RUFBOUI7Q0FLRDs7QUFIQztHQUNDLHdDQUFpRDtHQUFqRCxpREFBaUQ7RUFDbEQ7O0FBR0Q7RUFDQztrQkFBZ0M7RUFBaEM7Q0FLRDs7QUFIQztHQUNDLHdDQUFtRDtHQUFuRCxtREFBbUQ7RUFDcEQ7O0FBR0Q7OztFQUdDO2tCQUE4QjtFQUE5QjtDQUtEOztBQUhDO0dBQ0Msd0NBQWtEO0dBQWxELGtEQUFrRDtFQUNuRDs7QUF6REY7O0NBNERDLGlCQUFpQjtBQXlCbEI7O0FBeEJDOztFQUVDLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsOEJBQThCO0NBQy9COztBQUVBOztFQUVDLHNCQUFzQjtFQUN0Qix1QkFBdUI7Q0FDeEI7O0FBRUE7RUFDQyxZQUFnQztFQUFoQyxnQ0FBZ0M7Q0FDakM7O0FBRUE7RUFDQyxZQUFpQztFQUFqQyxpQ0FBaUM7Q0FDbEM7O0FBRUE7RUFDQyxjQUFjO0NBQ2YiLCJmaWxlIjoiY2FyZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLmNhcmQge1xuXHR3aWR0aDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRib3JkZXItcmFkaXVzOiB2YXIoLS10cy1yYWRpdXMpO1xuXHRib3JkZXI6IHZhcigtLXRzLWJvcmRlcik7XG5cdG1hcmdpbi1ib3R0b206IHZhcigtLXRzLXVuaXQtaGFsZik7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBhZGRpbmc6IHZhcigtLXRzLXVuaXQtcXVhcnRlcikgdmFyKC0tdHMtdW5pdC1oYWxmKTtcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHMtY29sb3Itd2hpdGUpO1xuXHR0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXRzLXRyYW5zaXRpb24tbm93KSxcblx0XHRib3JkZXItY29sb3IgdmFyKC0tdHMtdHJhbnNpdGlvbi1ub3cpO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXRzLWNvbG9yLWJsdWUtbGlnaHRlcik7XG5cdH1cblxuXHQmW2RhdGEtbm8taG9yaXpvbnRhbC1wYWRkaW5nXSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAwO1xuXHRcdHBhZGRpbmctcmlnaHQ6IDA7XG5cdH1cblxuXHQmW2RhdGEtbm8tdmVydGljYWwtcGFkZGluZ10ge1xuXHRcdHBhZGRpbmctdG9wOiAwO1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHR9XG5cblx0JltkYXRhLW5vLXBhZGRpbmddIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LyogdHlwZXMgKi9cblx0JltkYXRhLXR5cGU9J2Vycm9yJ10sXG5cdCZbZGF0YS10eXBlPSdmYWlsZWQnXSxcblx0JltkYXRhLXR5cGU9J2RhbmdlciddIHtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlci1lcnJvcik7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1yZWQtbGlnaHRlcik7XG5cdFx0fVxuXHR9XG5cblx0JltkYXRhLXR5cGU9J3N1Y2Nlc3MnXSB7XG5cdFx0Ym9yZGVyOiB2YXIoLS10cy1ib3JkZXItc3VjY2Vzcyk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1ncmVlbi1saWdodGVyKTtcblx0XHR9XG5cdH1cblxuXHQmW2RhdGEtdHlwZT0nZm9jdXMnXSxcblx0JltkYXRhLXR5cGU9J2FjdGl2ZSddLFxuXHQmW2RhdGEtdHlwZT0ncHJpbWFyeSddIHtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlci1mb2N1cyk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1ibHVlLWxpZ2h0ZXIpO1xuXHRcdH1cblx0fVxuXG5cdC8qIG9yaWVudGF0aW9ucyAqL1xuXHQmW2RhdGEtb3JpZW50YXRpb249J2hvcml6b250YWwnXSxcblx0JltkYXRhLW9yaWVudGF0aW9uPSdoJ10ge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdH1cblxuXHQmW2RhdGEtb3JpZW50YXRpb249J3ZlcnRpY2FsJ10sXG5cdCZbZGF0YS1vcmllbnRhdGlvbj0ndiddIHtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR9XG5cblx0JltkYXRhLXNpemU9J3NtYWxsJ10ge1xuXHRcdHdpZHRoOiB2YXIoLS10cy1ib3gtd2lkdGgtc21hbGwpO1xuXHR9XG5cblx0JltkYXRhLXNpemU9J21lZGl1bSddIHtcblx0XHR3aWR0aDogdmFyKC0tdHMtYm94LXdpZHRoLW1lZGl1bSk7XG5cdH1cblxuXHQmW2RhdGEtcnRsXSB7XG5cdFx0ZGlyZWN0aW9uOiBydGw7XG5cdH1cbn1cbiJdfQ== */";
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\tclass=\"card ", "\"\n\t\t\t\t\tdata-orientation=\"", "\"\n\t\t\t\t\tdata-type=\"", "\"\n\t\t\t\t\t?data-no-padding=\"", "\"\n\t\t\t\t\t?data-no-horizontal-padding=\"", "\"\n\t\t\t\t\t?data-no-vertical-padding=\"", "\"\n\t\t\t\t\tdata-size=\"", "\"\n\t\t\t\t\t?data-rtl=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  elements.customElementDefineHelper('ts-card',
-  /*#__PURE__*/
-  function (_TSElement) {
-    _inheritsLoose(_class, _TSElement);
-
-    function _class() {
-      var _this;
-
-      _this = _TSElement.call(this) || this;
-      _this.type = '';
-      _this.size = 'full';
-      _this.orientation = 'vertical';
-      _this.rtl = false;
-      _this.noPadding = false;
-      _this.noHorizontalPadding = false;
-      _this.noVerticalPadding = false;
-      return _this;
-    }
-
-    var _proto = _class.prototype;
-
-    _proto.render = function render() {
-      return elements.html(_templateObject(), this.cardClassNames, this.orientation, this.type, this.noPadding, this.noHorizontalPadding, this.noVerticalPadding, this.size, this.rtl);
-    };
-
-    _createClass(_class, null, [{
-      key: "styles",
-      get: function get() {
-        return [elements.TSElement.styles, elements.unsafeCSS(css)];
-      }
-    }, {
-      key: "properties",
-      get: function get() {
-        return {
-          type: {
-            type: String,
-            reflect: true
-          },
-          orientation: {
-            type: String,
-            reflect: true
-          },
-          rtl: {
-            type: Boolean,
-            reflect: true
-          },
-          size: {
-            type: String,
-            reflect: true
-          },
-          noPadding: {
-            type: Boolean,
-            reflect: true,
-            attribute: 'no-padding'
-          },
-          noHorizontalPadding: {
-            type: Boolean,
-            reflect: true,
-            attribute: 'no-horizontal-padding'
-          },
-          noVerticalPadding: {
-            type: Boolean,
-            reflect: true,
-            attribute: 'no-vertical-padding'
-          }
-        };
-      }
-    }]);
-
-    return _class;
-  }(elements.TSElement));
-
-}));
-//# sourceMappingURL=card.umd.js.map
+!function(t,a){"object"==typeof exports&&"undefined"!=typeof module?a(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],a):a((t=t||self).ts.elements)}(this,function(t){"use strict";function a(t,a){for(var e=0;e<a.length;e++){var r=a[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function e(){return(e=Object.assign||function(t){for(var a=1;a<arguments.length;a++){var e=arguments[a];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t}).apply(this,arguments)}var r={CARD:"card"},o=(e({},t.helpers.classNamesToSelector(r)),{HORIZONTAL:"horizontal",H:"h",VERTICAL:"vertical",V:"v"}),n={FULL:"full",MEDIUM:"medium",SMALL:"small"};function d(){var t,a,e=(t=['\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\tdata-size="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t'],a||(a=t.slice(0)),t.raw=a,t);return d=function(){return e},e}t.customElementDefineHelper("ts-card",function(e){var i,s,c,l,p;function h(){var t=e.call(this)||this;return t.type="",t.size=n.FULL,t.orientation=o.VERTICAL,t.rtl=!1,t.noPadding=!1,t.noHorizontalPadding=!1,t.noVerticalPadding=!1,t}return s=e,(i=h).prototype=Object.create(s.prototype),i.prototype.constructor=i,i.__proto__=s,h.prototype.render=function(){return t.html(d(),r.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.size,this.rtl)},c=h,p=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:var(--ts-radius);box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:var(--ts-unit-half);background-color:var(--ts-color-white);transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card[data-no-horizontal-padding]{padding-left:0;padding-right:0}.card[data-no-vertical-padding]{padding-top:0;padding-bottom:0}.card[data-no-padding]{padding:0}.card[data-type=danger],.card[data-type=error],.card[data-type=failed]{box-shadow:var(--ts-boxshadow-border-error)}.card[data-type=danger]:hover,.card[data-type=error]:hover,.card[data-type=failed]:hover{box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}.card[data-type=success]{box-shadow:var(--ts-boxshadow-border-success)}.card[data-type=success]:hover{box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}.card[data-type=active],.card[data-type=focus],.card[data-type=primary]{box-shadow:var(--ts-boxshadow-border-focus)}.card[data-type=active]:hover,.card[data-type=focus]:hover,.card[data-type=primary]:hover{box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card[data-orientation=h],.card[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}.card[data-orientation=v],.card[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card[data-size=small]{width:var(--ts-box-width-small)}.card[data-size=medium]{width:var(--ts-box-width-medium)}.card[data-rtl]{direction:rtl}")]}},{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)&&a(c.prototype,l),p&&a(c,p),h}(t.TSElement))});

package.json

 {
   "name": "@tradeshift/elements.card",
-  "version": "0.2.8",
+  "version": "0.3.0",
   "src": "src/card.js",
-  "main": "lib/card.cjs.js",
+  "main": "lib/card.umd.js",
   "browser": "lib/card.umd.js",
@@ -11,5 +11,5 @@ "files": [
   "dependencies": {
-    "@tradeshift/elements": "^0.2.8"
+    "@tradeshift/elements": "^0.3.0"
   },
-  "gitHead": "aaa800e79562e0e747635b18cb89517dcf10e254"
+  "gitHead": "7ef0cb6cf4c0bea9992d4eeb5eee16d14d851a5c"
 }

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

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

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

Improved metrics

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

132

increased byInfinity%

Number of low supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

20815

decreased by-16.92%

Lines of code

16

decreased by-89.04%

Dependency changes

• + Added@bundled-es-modules/url-polyfill@1.1.4(transitive)

• + Added@open-wc/polyfills-loader@0.3.3(transitive)

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

• + Added@webcomponents/custom-elements@1.6.0(transitive)

• + Added@webcomponents/shadycss@1.11.2(transitive)

• + Added@webcomponents/shadydom@1.11.0(transitive)

• + Added@webcomponents/template@1.5.1(transitive)

• + Added@webcomponents/webcomponents-platform@1.0.1(transitive)

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

• Updated@tradeshift/elements@^0.3.0