@tradeshift/elements.button - npm Package Compare versions

Comparing version 0.4.4-alpha.0 to 0.4.4-alpha.1

lib/button.umd.js

@@ -38,103 +38,154 @@ (function (global, factory) {
 
-  !function (t, n) {
-    "object" == typeof exports && "undefined" != typeof module ? n(require("@tradeshift/elements")) : "function" == typeof define && define.amd ? define(["@tradeshift/elements"], n) : n((t = t || self).ts.elements);
-  }(undefined, function (t) {
+  (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));
+  })(undefined, function (elements) {
 
-    function n(t, n) {
-      for (var e = 0; e < n.length; e++) {
-        var o = n[e];
-        o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o);
+    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 e() {
-      return (e = Object.assign || function (t) {
-        for (var n = 1; n < arguments.length; n++) {
-          var e = arguments[n];
+    function _createClass(Constructor, protoProps, staticProps) {
+      if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) _defineProperties(Constructor, staticProps);
+      return Constructor;
+    }
 
-          for (var o in e) {
-            Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
+    function _extends() {
+      _extends = Object.assign || function (target) {
+        for (var i = 1; i < arguments.length; i++) {
+          var source = arguments[i];
+
+          for (var key in source) {
+            if (Object.prototype.hasOwnProperty.call(source, key)) {
+              target[key] = source[key];
+            }
           }
         }
 
-        return t;
-      }).apply(this, arguments);
+        return target;
+      };
+
+      return _extends.apply(this, arguments);
     }
 
-    function o(t, n) {
-      return n || (n = t.slice(0)), t.raw = n, t;
+    function _inheritsLoose(subClass, superClass) {
+      subClass.prototype = Object.create(superClass.prototype);
+      subClass.prototype.constructor = subClass;
+      subClass.__proto__ = superClass;
     }
 
-    var r = {
-      remove: '<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<g id="Symbols" stroke="none" stroke-width="1">\n\t\t<g id="card/5.-File-card/standard" transform="translate(-262.000000, -22.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="icon/UI-library/clear" transform="translate(258.000000, 18.000000)">\n\t\t\t\t\t<path fill="currentColor" d="M4,12 C4,7.581722 7.59071231,4 12,4 C16.418278,4 20,7.59071231 20,12 C20,16.418278 16.4092877,20 12,20 C7.581722,20 4,16.4092877 4,12 Z M12,13.1313708 L15.0343146,16.1656854 L16.1656854,15.0343146 L13.1313708,12 L16.1656854,8.96568542 L15.0343146,7.83431458 L12,10.8686292 L8.96568542,7.83431458 L7.83431458,8.96568542 L10.8686292,12 L7.83431458,15.0343146 L8.96568542,16.1656854 L12,13.1313708 Z" id="Icon"></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n',
-      download: '<svg\n\twidth="15px"\n\theight="16px"\n\tviewBox="0 0 15 16"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<g id="Components" stroke="none" stroke-width="1">\n\t\t<g id="New-Specs" transform="translate(-1002.000000, -1137.000000)">\n\t\t\t<g id="Group-5-Copy-6" transform="translate(739.000000, 1085.000000)">\n\t\t\t\t<g id="card/5.-File-card/normal" transform="translate(0.000000, 30.000000)">\n\t\t\t\t\t<g id="5.-File-card">\n\t\t\t\t\t\t<g id="icon/UI-library/download" transform="translate(258.000000, 18.000000)">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td="M12.1590909,17.3636364 C11.9999992,17.3636364 11.8553726,17.2840917 11.7252066,17.125 L7.34297521,11.571281 C7.25619791,11.4555779 7.21280992,11.3615706 7.21280992,11.2892562 C7.21280992,11.1012387 7.35020524,11.0072314 7.625,11.0072314 L10.7272727,11.0072314 L10.7272727,4 L13.5909091,4 L13.5909091,11.0072314 L16.6931818,11.0072314 C16.9679766,11.0072314 17.1053719,11.1012387 17.1053719,11.2892562 C17.1053719,11.3615706 17.0619839,11.4555779 16.9752066,11.571281 L12.5929752,17.125 C12.4772721,17.2840917 12.3326455,17.3636364 12.1590909,17.3636364 Z M18.8409091,17.8409091 C18.971075,17.8409091 19.0831607,17.8879128 19.1771694,17.9819215 C19.2711782,18.0759302 19.3181818,18.1880159 19.3181818,18.3181818 L19.3181818,19.2727273 C19.3181818,19.4028932 19.2711782,19.5149789 19.1771694,19.6089876 C19.0831607,19.7029963 18.971075,19.75 18.8409091,19.75 L5.47727273,19.75 C5.34710679,19.75 5.23502113,19.7029963 5.1410124,19.6089876 C5.04700366,19.5149789 5,19.4028932 5,19.2727273 L5,18.3181818 C5,18.1880159 5.04700366,18.0759302 5.1410124,17.9819215 C5.23502113,17.8879128 5.34710679,17.8409091 5.47727273,17.8409091 L18.8409091,17.8409091 Z"\n\t\t\t\t\t\t\t\tid="Icon"\n\t\t\t\t\t\t\t\tfill="currentColor"\n\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n',
-      info: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 26 26" version="1.1">\n\t<g id="icon/info" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n\t\t<path fill="currentColor" d="M 13 1.1875 C 6.476563 1.1875 1.1875 6.476563 1.1875 13 C 1.1875 19.523438 6.476563 24.8125 13 24.8125 C 19.523438 24.8125 24.8125 19.523438 24.8125 13 C 24.8125 6.476563 19.523438 1.1875 13 1.1875 Z M 15.460938 19.496094 C 14.851563 19.734375 14.367188 19.917969 14.003906 20.042969 C 13.640625 20.167969 13.222656 20.230469 12.742188 20.230469 C 12.007813 20.230469 11.433594 20.050781 11.023438 19.691406 C 10.617188 19.335938 10.414063 18.878906 10.414063 18.324219 C 10.414063 18.109375 10.429688 17.890625 10.460938 17.667969 C 10.488281 17.441406 10.539063 17.191406 10.605469 16.90625 L 11.367188 14.21875 C 11.433594 13.960938 11.492188 13.71875 11.539063 13.488281 C 11.585938 13.257813 11.605469 13.046875 11.605469 12.855469 C 11.605469 12.515625 11.535156 12.273438 11.394531 12.140625 C 11.25 12.003906 10.980469 11.9375 10.582031 11.9375 C 10.386719 11.9375 10.183594 11.96875 9.976563 12.027344 C 9.769531 12.089844 9.59375 12.148438 9.445313 12.203125 L 9.648438 11.375 C 10.144531 11.171875 10.621094 11 11.078125 10.855469 C 11.53125 10.710938 11.964844 10.636719 12.367188 10.636719 C 13.097656 10.636719 13.664063 10.816406 14.058594 11.167969 C 14.453125 11.519531 14.652344 11.980469 14.652344 12.542969 C 14.652344 12.660156 14.640625 12.867188 14.613281 13.160156 C 14.585938 13.453125 14.535156 13.722656 14.460938 13.972656 L 13.703125 16.652344 C 13.640625 16.867188 13.585938 17.113281 13.535156 17.386719 C 13.488281 17.660156 13.464844 17.871094 13.464844 18.011719 C 13.464844 18.367188 13.542969 18.613281 13.703125 18.742188 C 13.859375 18.871094 14.136719 18.933594 14.53125 18.933594 C 14.714844 18.933594 14.921875 18.902344 15.15625 18.839844 C 15.386719 18.773438 15.554688 18.71875 15.660156 18.667969 Z M 15.324219 8.617188 C 14.972656 8.945313 14.546875 9.109375 14.050781 9.109375 C 13.554688 9.109375 13.125 8.945313 12.769531 8.617188 C 12.414063 8.289063 12.238281 7.890625 12.238281 7.425781 C 12.238281 6.960938 12.417969 6.558594 12.769531 6.226563 C 13.125 5.894531 13.554688 5.730469 14.050781 5.730469 C 14.546875 5.730469 14.972656 5.894531 15.324219 6.226563 C 15.679688 6.558594 15.855469 6.960938 15.855469 7.425781 C 15.855469 7.890625 15.679688 8.289063 15.324219 8.617188 Z"/>\n\t</g>\n</svg>\n',
-      ada: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <g id="icon/UI-library/ada" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <path d="M11.777314,5 L16.3099677,9.5326537 L11.777314,14.0653074 L7.24466028,9.5326537 L11.777314,5 Z M6.5326537,10.2446603 L11.0653074,14.777314 L6.5326537,19.3099677 L2,14.777314 L6.5326537,10.2446603 Z M17.0219743,10.2446603 L21.554628,14.777314 L17.0219743,19.3099677 L12.4893206,14.777314 L17.0219743,10.2446603 Z" id="Icon" fill="currentColor"></path>\n    </g>\n</svg>\n',
-      "arrow-up": '<svg\n\twidth="20px"\n\theight="20px"\n\tviewBox="0 0 16 16"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<path\n\t\tstroke="none"\n\t\tfill="currentColor"\n\t\td="M8.01904762,16 C6.55872286,16 5.21587914,15.6412734 3.99047619,14.9238095 C2.76507324,14.2063456 1.79365438,13.2349268 1.07619048,12.0095238 C0.358726571,10.7841209 0,9.44127714 0,7.98095238 C0,6.5333261 0.358726571,5.2000061 1.07619048,3.98095238 C1.79365438,2.76189867 2.76507324,1.79365438 3.99047619,1.07619048 C5.21587914,0.358726571 6.55872286,0 8.01904762,0 C9.4666739,0 10.7999939,0.358726571 12.0190476,1.07619048 C13.2381013,1.79365438 14.2063456,2.76189867 14.9238095,3.98095238 C15.6412734,5.2000061 16,6.5333261 16,7.98095238 C16,9.44127714 15.6412734,10.7841209 14.9238095,12.0095238 C14.2063456,13.2349268 13.2381013,14.2063456 12.0190476,14.9238095 C10.7999939,15.6412734 9.4666739,16 8.01904762,16 Z M8.91428571,13.1428571 L8.91428571,6.7047619 L11.7714286,9.61904762 L11.8857143,9.61904762 L13.1047619,8.36190476 C13.1301589,8.36190476 13.1428571,8.35238105 13.1428571,8.33333333 C13.1428571,8.31428562 13.1301589,8.3047619 13.1047619,8.3047619 L9.23809524,4.45714286 L8.91428571,4.11428571 L8.91428571,4.07619048 C8.91428571,4.063492 8.90793657,4.05714286 8.8952381,4.05714286 L8.83809524,4.05714286 L8.01904762,3.2 L7.92380952,3.2 L7.08571429,4.05714286 L6.7047619,4.45714286 L2.85714286,8.3047619 C2.84444438,8.3047619 2.83809524,8.31428562 2.83809524,8.33333333 C2.83809524,8.35238105 2.84444438,8.36190476 2.85714286,8.36190476 L4.07619048,9.61904762 L4.17142857,9.61904762 L7.08571429,6.66666667 L7.08571429,13.1428571 C7.08571429,13.1682541 7.09206343,13.1809524 7.1047619,13.1809524 L8.8952381,13.1809524 C8.90793657,13.1809524 8.91428571,13.1682541 8.91428571,13.1428571 Z"\n\t\tid="Icon"\n\t></path>\n</svg>\n',
-      "close-clear": '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <g id="icon/close-clear" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <rect id="placeholder" x="0" y="0" width="24" height="24"></rect>\n        <path d="M11.9984707,10.5842571 L16.2898345,6.29289322 C16.6803588,5.90236893 17.3135238,5.90236893 17.7040481,6.29289322 C18.0945724,6.68341751 18.0945724,7.31658249 17.7040481,7.70710678 L13.4126842,11.9984707 L17.7040481,16.2898345 C18.0945724,16.6803588 18.0945724,17.3135238 17.7040481,17.7040481 C17.3135238,18.0945724 16.6803588,18.0945724 16.2898345,17.7040481 L11.9984707,13.4126842 L7.70710678,17.7040481 C7.31658249,18.0945724 6.68341751,18.0945724 6.29289322,17.7040481 C5.90236893,17.3135238 5.90236893,16.6803588 6.29289322,16.2898345 L10.5842571,11.9984707 L6.29289322,7.70710678 C5.90236893,7.31658249 5.90236893,6.68341751 6.29289322,6.29289322 C6.68341751,5.90236893 7.31658249,5.90236893 7.70710678,6.29289322 L11.9984707,10.5842571 Z" id="icon" fill="currentColor"></path>\n    </g>\n</svg>\n'
-    };
-    Object.keys(r).forEach(function (n) {
-      r[n] = t.html([r[n]]);
+    function _taggedTemplateLiteralLoose(strings, raw) {
+      if (!raw) {
+        raw = strings.slice(0);
+      }
+
+      strings.raw = raw;
+      return strings;
+    }
+
+    var css = ":host {\n\tdisplay: inline-block\n}\n\n:host svg {\n\t\tcolor: var(--ts-icon-color);\n\t}\n\n.fill-none {\n\tfill: none;\n}\n\n:host([size='small']) .icon-wrapper {\n\twidth: 12px;\n\twidth: var(--ts-fontsize-mini);\n\theight: 12px;\n\theight: var(--ts-fontsize-mini);\n}\n\n:host([size='medium']) .icon-wrapper {\n\twidth: 16px;\n\twidth: var(--ts-fontsize-medium);\n\theight: 16px;\n\theight: var(--ts-fontsize-medium);\n}\n\n:host([size='large']) .icon-wrapper {\n\twidth: 24px;\n\twidth: var(--ts-fontsize-xbig);\n\theight: 24px;\n\theight: var(--ts-fontsize-xbig);\n}\n\n.icon-wrapper {\n\tposition: relative;\n\tdisplay: block;\n\tpadding-top: 100%;\n\twidth: 100%;\n\theight: 0;\n}\n\nsvg {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}\n\n/* These are fallback for icon colors based on type for IE11 */\n/* The automatically generated style in js file doesn't work in IE11 */\n/* I also tried to add these following generated styles from there as string to here which didn't work */\n/* It's also related to this issue in the polyfill limitation */\n/* https://github.com/Tradeshift/elements/wiki/Polyfill-Limitations */\nsvg,\n:host([type='default']) svg {\n\tcolor: rgb(31, 42, 46);\n\tcolor: var(--ts-color-slate);\n}\n\n:host([type='inverted']) svg {\n\tcolor: rgb(255, 255, 255);\n\tcolor: var(--ts-color-white);\n}\n\n:host([type='primary']) svg {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host([type='danger']) svg {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host([type='error']) svg {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host([type='success']) svg {\n\tcolor: rgb(80, 198, 16);\n\tcolor: var(--ts-color-green);\n}\n\n:host([type='active']) svg {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host([type='info']) svg {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host([type='focus']) svg {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host([type='warning']) svg {\n\tcolor: rgb(31, 42, 46);\n\tcolor: var(--ts-color-slate);\n}\n\n:host([type='disabled']) svg {\n\tcolor: rgb(230, 236, 239);\n\tcolor: var(--ts-color-gray-lighter);\n}\n\n:host([type='disabled-checked']) svg {\n\tcolor: rgb(203, 215, 220);\n\tcolor: var(--ts-color-gray-light);\n}\n\n:host([type='suggested']) svg {\n\tcolor: rgb(144, 18, 155);\n\tcolor: var(--ts-color-purple);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0NBQ0M7QUFLRDs7QUFIQztFQUNDLDJCQUEyQjtDQUM1Qjs7QUFHRDtDQUNDLFVBQVU7QUFDWDs7QUFFQTtDQUNDLFdBQThCO0NBQTlCLDhCQUE4QjtDQUM5QixZQUErQjtDQUEvQiwrQkFBK0I7QUFDaEM7O0FBRUE7Q0FDQyxXQUFnQztDQUFoQyxnQ0FBZ0M7Q0FDaEMsWUFBaUM7Q0FBakMsaUNBQWlDO0FBQ2xDOztBQUVBO0NBQ0MsV0FBOEI7Q0FBOUIsOEJBQThCO0NBQzlCLFlBQStCO0NBQS9CLCtCQUErQjtBQUNoQzs7QUFFQTtDQUNDLGtCQUFrQjtDQUNsQixjQUFjO0NBQ2QsaUJBQWlCO0NBQ2pCLFdBQVc7Q0FDWCxTQUFTO0FBQ1Y7O0FBRUE7Q0FDQyxrQkFBa0I7Q0FDbEIsTUFBTTtDQUNOLE9BQU87Q0FDUCxXQUFXO0NBQ1gsWUFBWTtBQUNiOztBQUVBLDhEQUE4RDtBQUM5RCxzRUFBc0U7QUFDdEUsd0dBQXdHO0FBQ3hHLCtEQUErRDtBQUMvRCxxRUFBcUU7QUFDckU7O0NBRUMsc0JBQTRCO0NBQTVCLDRCQUE0QjtBQUM3Qjs7QUFFQTtDQUNDLHlCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0I7O0FBRUE7Q0FDQyx1QkFBMkI7Q0FBM0IsMkJBQTJCO0FBQzVCOztBQUVBO0NBQ0MscUJBQTBCO0NBQTFCLDBCQUEwQjtBQUMzQjs7QUFFQTtDQUNDLHFCQUEwQjtDQUExQiwwQkFBMEI7QUFDM0I7O0FBRUE7Q0FDQyx1QkFBNEI7Q0FBNUIsNEJBQTRCO0FBQzdCOztBQUVBO0NBQ0MsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTtDQUNDLHVCQUEyQjtDQUEzQiwyQkFBMkI7QUFDNUI7O0FBRUE7Q0FDQyx1QkFBMkI7Q0FBM0IsMkJBQTJCO0FBQzVCOztBQUVBO0NBQ0Msc0JBQTRCO0NBQTVCLDRCQUE0QjtBQUM3Qjs7QUFFQTtDQUNDLHlCQUFtQztDQUFuQyxtQ0FBbUM7QUFDcEM7O0FBRUE7Q0FDQyx5QkFBaUM7Q0FBakMsaUNBQWlDO0FBQ2xDOztBQUVBO0NBQ0Msd0JBQTZCO0NBQTdCLDZCQUE2QjtBQUM5QiIsImZpbGUiOiJpY29uLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpob3N0IHtcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG5cdCYgc3ZnIHtcblx0XHRjb2xvcjogdmFyKC0tdHMtaWNvbi1jb2xvcik7XG5cdH1cbn1cblxuLmZpbGwtbm9uZSB7XG5cdGZpbGw6IG5vbmU7XG59XG5cbjpob3N0KFtzaXplPSdzbWFsbCddKSAuaWNvbi13cmFwcGVyIHtcblx0d2lkdGg6IHZhcigtLXRzLWZvbnRzaXplLW1pbmkpO1xuXHRoZWlnaHQ6IHZhcigtLXRzLWZvbnRzaXplLW1pbmkpO1xufVxuXG46aG9zdChbc2l6ZT0nbWVkaXVtJ10pIC5pY29uLXdyYXBwZXIge1xuXHR3aWR0aDogdmFyKC0tdHMtZm9udHNpemUtbWVkaXVtKTtcblx0aGVpZ2h0OiB2YXIoLS10cy1mb250c2l6ZS1tZWRpdW0pO1xufVxuXG46aG9zdChbc2l6ZT0nbGFyZ2UnXSkgLmljb24td3JhcHBlciB7XG5cdHdpZHRoOiB2YXIoLS10cy1mb250c2l6ZS14YmlnKTtcblx0aGVpZ2h0OiB2YXIoLS10cy1mb250c2l6ZS14YmlnKTtcbn1cblxuLmljb24td3JhcHBlciB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogYmxvY2s7XG5cdHBhZGRpbmctdG9wOiAxMDAlO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAwO1xufVxuXG5zdmcge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcbn1cblxuLyogVGhlc2UgYXJlIGZhbGxiYWNrIGZvciBpY29uIGNvbG9ycyBiYXNlZCBvbiB0eXBlIGZvciBJRTExICovXG4vKiBUaGUgYXV0b21hdGljYWxseSBnZW5lcmF0ZWQgc3R5bGUgaW4ganMgZmlsZSBkb2Vzbid0IHdvcmsgaW4gSUUxMSAqL1xuLyogSSBhbHNvIHRyaWVkIHRvIGFkZCB0aGVzZSBmb2xsb3dpbmcgZ2VuZXJhdGVkIHN0eWxlcyBmcm9tIHRoZXJlIGFzIHN0cmluZyB0byBoZXJlIHdoaWNoIGRpZG4ndCB3b3JrICovXG4vKiBJdCdzIGFsc28gcmVsYXRlZCB0byB0aGlzIGlzc3VlIGluIHRoZSBwb2x5ZmlsbCBsaW1pdGF0aW9uICovXG4vKiBodHRwczovL2dpdGh1Yi5jb20vVHJhZGVzaGlmdC9lbGVtZW50cy93aWtpL1BvbHlmaWxsLUxpbWl0YXRpb25zICovXG5zdmcsXG46aG9zdChbdHlwZT0nZGVmYXVsdCddKSBzdmcge1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3Itc2xhdGUpO1xufVxuXG46aG9zdChbdHlwZT0naW52ZXJ0ZWQnXSkgc3ZnIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcbn1cblxuOmhvc3QoW3R5cGU9J3ByaW1hcnknXSkgc3ZnIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdChbdHlwZT0nZGFuZ2VyJ10pIHN2ZyB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1yZWQpO1xufVxuXG46aG9zdChbdHlwZT0nZXJyb3InXSkgc3ZnIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLXJlZCk7XG59XG5cbjpob3N0KFt0eXBlPSdzdWNjZXNzJ10pIHN2ZyB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1ncmVlbik7XG59XG5cbjpob3N0KFt0eXBlPSdhY3RpdmUnXSkgc3ZnIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdChbdHlwZT0naW5mbyddKSBzdmcge1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG59XG5cbjpob3N0KFt0eXBlPSdmb2N1cyddKSBzdmcge1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG59XG5cbjpob3N0KFt0eXBlPSd3YXJuaW5nJ10pIHN2ZyB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1zbGF0ZSk7XG59XG5cbjpob3N0KFt0eXBlPSdkaXNhYmxlZCddKSBzdmcge1xuXHRjb2xvcjogdmFyKC0tdHMtY29sb3ItZ3JheS1saWdodGVyKTtcbn1cblxuOmhvc3QoW3R5cGU9J2Rpc2FibGVkLWNoZWNrZWQnXSkgc3ZnIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWdyYXktbGlnaHQpO1xufVxuXG46aG9zdChbdHlwZT0nc3VnZ2VzdGVkJ10pIHN2ZyB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1wdXJwbGUpO1xufVxuIl19 */";
+    var remove = "<svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n\t<g id=\"Symbols\" stroke=\"none\" stroke-width=\"1\">\n\t\t<g id=\"card/5.-File-card/standard\" transform=\"translate(-262.000000, -22.000000)\">\n\t\t\t<g id=\"5.-File-card\">\n\t\t\t\t<g id=\"icon/UI-library/clear\" transform=\"translate(258.000000, 18.000000)\">\n\t\t\t\t\t<path fill=\"currentColor\" d=\"M4,12 C4,7.581722 7.59071231,4 12,4 C16.418278,4 20,7.59071231 20,12 C20,16.418278 16.4092877,20 12,20 C7.581722,20 4,16.4092877 4,12 Z M12,13.1313708 L15.0343146,16.1656854 L16.1656854,15.0343146 L13.1313708,12 L16.1656854,8.96568542 L15.0343146,7.83431458 L12,10.8686292 L8.96568542,7.83431458 L7.83431458,8.96568542 L10.8686292,12 L7.83431458,15.0343146 L8.96568542,16.1656854 L12,13.1313708 Z\" id=\"Icon\"></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n";
+    var download = "<svg\n\twidth=\"15px\"\n\theight=\"16px\"\n\tviewBox=\"0 0 15 16\"\n\tversion=\"1.1\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n\t<g id=\"Components\" stroke=\"none\" stroke-width=\"1\">\n\t\t<g id=\"New-Specs\" transform=\"translate(-1002.000000, -1137.000000)\">\n\t\t\t<g id=\"Group-5-Copy-6\" transform=\"translate(739.000000, 1085.000000)\">\n\t\t\t\t<g id=\"card/5.-File-card/normal\" transform=\"translate(0.000000, 30.000000)\">\n\t\t\t\t\t<g id=\"5.-File-card\">\n\t\t\t\t\t\t<g id=\"icon/UI-library/download\" transform=\"translate(258.000000, 18.000000)\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M12.1590909,17.3636364 C11.9999992,17.3636364 11.8553726,17.2840917 11.7252066,17.125 L7.34297521,11.571281 C7.25619791,11.4555779 7.21280992,11.3615706 7.21280992,11.2892562 C7.21280992,11.1012387 7.35020524,11.0072314 7.625,11.0072314 L10.7272727,11.0072314 L10.7272727,4 L13.5909091,4 L13.5909091,11.0072314 L16.6931818,11.0072314 C16.9679766,11.0072314 17.1053719,11.1012387 17.1053719,11.2892562 C17.1053719,11.3615706 17.0619839,11.4555779 16.9752066,11.571281 L12.5929752,17.125 C12.4772721,17.2840917 12.3326455,17.3636364 12.1590909,17.3636364 Z M18.8409091,17.8409091 C18.971075,17.8409091 19.0831607,17.8879128 19.1771694,17.9819215 C19.2711782,18.0759302 19.3181818,18.1880159 19.3181818,18.3181818 L19.3181818,19.2727273 C19.3181818,19.4028932 19.2711782,19.5149789 19.1771694,19.6089876 C19.0831607,19.7029963 18.971075,19.75 18.8409091,19.75 L5.47727273,19.75 C5.34710679,19.75 5.23502113,19.7029963 5.1410124,19.6089876 C5.04700366,19.5149789 5,19.4028932 5,19.2727273 L5,18.3181818 C5,18.1880159 5.04700366,18.0759302 5.1410124,17.9819215 C5.23502113,17.8879128 5.34710679,17.8409091 5.47727273,17.8409091 L18.8409091,17.8409091 Z\"\n\t\t\t\t\t\t\t\tid=\"Icon\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n";
+    var info = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 26 26\" version=\"1.1\">\n\t<g id=\"icon/info\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n\t\t<path fill=\"currentColor\" d=\"M 13 1.1875 C 6.476563 1.1875 1.1875 6.476563 1.1875 13 C 1.1875 19.523438 6.476563 24.8125 13 24.8125 C 19.523438 24.8125 24.8125 19.523438 24.8125 13 C 24.8125 6.476563 19.523438 1.1875 13 1.1875 Z M 15.460938 19.496094 C 14.851563 19.734375 14.367188 19.917969 14.003906 20.042969 C 13.640625 20.167969 13.222656 20.230469 12.742188 20.230469 C 12.007813 20.230469 11.433594 20.050781 11.023438 19.691406 C 10.617188 19.335938 10.414063 18.878906 10.414063 18.324219 C 10.414063 18.109375 10.429688 17.890625 10.460938 17.667969 C 10.488281 17.441406 10.539063 17.191406 10.605469 16.90625 L 11.367188 14.21875 C 11.433594 13.960938 11.492188 13.71875 11.539063 13.488281 C 11.585938 13.257813 11.605469 13.046875 11.605469 12.855469 C 11.605469 12.515625 11.535156 12.273438 11.394531 12.140625 C 11.25 12.003906 10.980469 11.9375 10.582031 11.9375 C 10.386719 11.9375 10.183594 11.96875 9.976563 12.027344 C 9.769531 12.089844 9.59375 12.148438 9.445313 12.203125 L 9.648438 11.375 C 10.144531 11.171875 10.621094 11 11.078125 10.855469 C 11.53125 10.710938 11.964844 10.636719 12.367188 10.636719 C 13.097656 10.636719 13.664063 10.816406 14.058594 11.167969 C 14.453125 11.519531 14.652344 11.980469 14.652344 12.542969 C 14.652344 12.660156 14.640625 12.867188 14.613281 13.160156 C 14.585938 13.453125 14.535156 13.722656 14.460938 13.972656 L 13.703125 16.652344 C 13.640625 16.867188 13.585938 17.113281 13.535156 17.386719 C 13.488281 17.660156 13.464844 17.871094 13.464844 18.011719 C 13.464844 18.367188 13.542969 18.613281 13.703125 18.742188 C 13.859375 18.871094 14.136719 18.933594 14.53125 18.933594 C 14.714844 18.933594 14.921875 18.902344 15.15625 18.839844 C 15.386719 18.773438 15.554688 18.71875 15.660156 18.667969 Z M 15.324219 8.617188 C 14.972656 8.945313 14.546875 9.109375 14.050781 9.109375 C 13.554688 9.109375 13.125 8.945313 12.769531 8.617188 C 12.414063 8.289063 12.238281 7.890625 12.238281 7.425781 C 12.238281 6.960938 12.417969 6.558594 12.769531 6.226563 C 13.125 5.894531 13.554688 5.730469 14.050781 5.730469 C 14.546875 5.730469 14.972656 5.894531 15.324219 6.226563 C 15.679688 6.558594 15.855469 6.960938 15.855469 7.425781 C 15.855469 7.890625 15.679688 8.289063 15.324219 8.617188 Z\"/>\n\t</g>\n</svg>\n";
+    var arrowUp = "<svg\n\twidth=\"20px\"\n\theight=\"20px\"\n\tviewBox=\"0 0 16 16\"\n\tversion=\"1.1\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n\t<path\n\t\tstroke=\"none\"\n\t\tfill=\"currentColor\"\n\t\td=\"M8.01904762,16 C6.55872286,16 5.21587914,15.6412734 3.99047619,14.9238095 C2.76507324,14.2063456 1.79365438,13.2349268 1.07619048,12.0095238 C0.358726571,10.7841209 0,9.44127714 0,7.98095238 C0,6.5333261 0.358726571,5.2000061 1.07619048,3.98095238 C1.79365438,2.76189867 2.76507324,1.79365438 3.99047619,1.07619048 C5.21587914,0.358726571 6.55872286,0 8.01904762,0 C9.4666739,0 10.7999939,0.358726571 12.0190476,1.07619048 C13.2381013,1.79365438 14.2063456,2.76189867 14.9238095,3.98095238 C15.6412734,5.2000061 16,6.5333261 16,7.98095238 C16,9.44127714 15.6412734,10.7841209 14.9238095,12.0095238 C14.2063456,13.2349268 13.2381013,14.2063456 12.0190476,14.9238095 C10.7999939,15.6412734 9.4666739,16 8.01904762,16 Z M8.91428571,13.1428571 L8.91428571,6.7047619 L11.7714286,9.61904762 L11.8857143,9.61904762 L13.1047619,8.36190476 C13.1301589,8.36190476 13.1428571,8.35238105 13.1428571,8.33333333 C13.1428571,8.31428562 13.1301589,8.3047619 13.1047619,8.3047619 L9.23809524,4.45714286 L8.91428571,4.11428571 L8.91428571,4.07619048 C8.91428571,4.063492 8.90793657,4.05714286 8.8952381,4.05714286 L8.83809524,4.05714286 L8.01904762,3.2 L7.92380952,3.2 L7.08571429,4.05714286 L6.7047619,4.45714286 L2.85714286,8.3047619 C2.84444438,8.3047619 2.83809524,8.31428562 2.83809524,8.33333333 C2.83809524,8.35238105 2.84444438,8.36190476 2.85714286,8.36190476 L4.07619048,9.61904762 L4.17142857,9.61904762 L7.08571429,6.66666667 L7.08571429,13.1428571 C7.08571429,13.1682541 7.09206343,13.1809524 7.1047619,13.1809524 L8.8952381,13.1809524 C8.90793657,13.1809524 8.91428571,13.1682541 8.91428571,13.1428571 Z\"\n\t\tid=\"Icon\"\n\t></path>\n</svg>\n";
+    var ada = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <g id=\"icon/UI-library/ada\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <path d=\"M11.777314,5 L16.3099677,9.5326537 L11.777314,14.0653074 L7.24466028,9.5326537 L11.777314,5 Z M6.5326537,10.2446603 L11.0653074,14.777314 L6.5326537,19.3099677 L2,14.777314 L6.5326537,10.2446603 Z M17.0219743,10.2446603 L21.554628,14.777314 L17.0219743,19.3099677 L12.4893206,14.777314 L17.0219743,10.2446603 Z\" id=\"Icon\" fill=\"currentColor\"></path>\n    </g>\n</svg>\n";
+    var closeClear = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <g id=\"icon/close-clear\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <rect id=\"placeholder\" x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect>\n        <path d=\"M11.9984707,10.5842571 L16.2898345,6.29289322 C16.6803588,5.90236893 17.3135238,5.90236893 17.7040481,6.29289322 C18.0945724,6.68341751 18.0945724,7.31658249 17.7040481,7.70710678 L13.4126842,11.9984707 L17.7040481,16.2898345 C18.0945724,16.6803588 18.0945724,17.3135238 17.7040481,17.7040481 C17.3135238,18.0945724 16.6803588,18.0945724 16.2898345,17.7040481 L11.9984707,13.4126842 L7.70710678,17.7040481 C7.31658249,18.0945724 6.68341751,18.0945724 6.29289322,17.7040481 C5.90236893,17.3135238 5.90236893,16.6803588 6.29289322,16.2898345 L10.5842571,11.9984707 L6.29289322,7.70710678 C5.90236893,7.31658249 5.90236893,6.68341751 6.29289322,6.29289322 C6.68341751,5.90236893 7.31658249,5.90236893 7.70710678,6.29289322 L11.9984707,10.5842571 Z\" id=\"icon\" fill=\"currentColor\"></path>\n    </g>\n</svg>\n";
+    var icons = {
+      remove: remove,
+      download: download,
+      info: info,
+      ada: ada,
+      'arrow-up': arrowUp,
+      'close-clear': closeClear
+    }; // convert svg strings to html element
+
+    Object.keys(icons).forEach(function (iconName) {
+      icons[iconName] = elements.html([icons[iconName]]);
     });
-    var i,
-        s = {
-      ICON_WRAPPER: "icon-wrapper"
-    },
-        l = (e({}, t.helpers.classNamesToSelector(s)), t.constants.colors),
-        a = t.constants.colorModifiers,
-        c = {
-      DEFAULT: "default",
-      INVERTED: "inverted",
-      PRIMARY: "primary",
-      DANGER: "danger",
-      ERROR: "error",
-      SUCCESS: "success",
-      ACTIVE: "active",
-      INFO: "info",
-      FOCUS: "focus",
-      WARNING: "warning",
-      DISABLED: "disabled",
-      DISABLED_CHECKED: "disabled-checked",
-      SUGGESTED: "suggested"
-    },
-        g = ((i = {})[c.DEFAULT] = l.SLATE, i[c.INVERTED] = l.WHITE, i[c.DANGER] = l.RED, i[c.ERROR] = l.RED, i[c.SUCCESS] = l.GREEN, i[c.PRIMARY] = l.BLUE, i[c.ACTIVE] = l.BLUE, i[c.INFO] = l.BLUE, i[c.FOCUS] = l.BLUE, i[c.WARNING] = l.ORANGE, i[c.DISABLED] = l.GRAY + a.LIGHTER, i[c.SUGGESTED] = l.PURPLE, i[c.DISABLED_CHECKED] = l.GRAY + a.LIGHT, i),
-        p = {
-      SMALL: "small",
-      MEDIUM: "medium",
-      LARGE: "large"
+    var classNames = {
+      ICON_WRAPPER: 'icon-wrapper'
     };
 
-    function d() {
-      var t = o(['\t:host([type="', '"]) {\n\t\t\t\t\t\t--ts-icon-color: var(--ts-color-', ");\n\t\t\t\t}"]);
-      return d = function d() {
-        return t;
-      }, t;
+    var selectors = _extends({}, elements.helpers.classNamesToSelector(classNames));
+
+    var _typeColors;
+
+    var colors = elements.constants.colors,
+        colorModifiers = elements.constants.colorModifiers;
+    var types = {
+      DEFAULT: 'default',
+      INVERTED: 'inverted',
+      PRIMARY: 'primary',
+      DANGER: 'danger',
+      ERROR: 'error',
+      SUCCESS: 'success',
+      ACTIVE: 'active',
+      INFO: 'info',
+      FOCUS: 'focus',
+      WARNING: 'warning',
+      DISABLED: 'disabled',
+      DISABLED_CHECKED: 'disabled-checked',
+      SUGGESTED: 'suggested'
+    };
+    var typeColors = (_typeColors = {}, _typeColors[types.DEFAULT] = colors.SLATE, _typeColors[types.INVERTED] = colors.WHITE, _typeColors[types.DANGER] = colors.RED, _typeColors[types.ERROR] = colors.RED, _typeColors[types.SUCCESS] = colors.GREEN, _typeColors[types.PRIMARY] = colors.BLUE, _typeColors[types.ACTIVE] = colors.BLUE, _typeColors[types.INFO] = colors.BLUE, _typeColors[types.FOCUS] = colors.BLUE, _typeColors[types.WARNING] = colors.ORANGE, _typeColors[types.DISABLED] = colors.GRAY + colorModifiers.LIGHTER, _typeColors[types.SUGGESTED] = colors.PURPLE, _typeColors[types.DISABLED_CHECKED] = colors.GRAY + colorModifiers.LIGHT, _typeColors);
+    var sizes = {
+      SMALL: 'small',
+      MEDIUM: 'medium',
+      LARGE: 'large'
+    };
+
+    function _templateObject2() {
+      var data = _taggedTemplateLiteralLoose(["\t:host([type=\"", "\"]) {\n\t\t\t\t\t\t--ts-icon-color: var(--ts-color-", ");\n\t\t\t\t}"]);
+
+      _templateObject2 = function _templateObject2() {
+        return data;
+      };
+
+      return data;
     }
 
-    function h() {
-      var t = o(['\n\t\t\t\t<span class="', '">\n\t\t\t\t\t', "\n\t\t\t\t</span>\n\t\t\t"]);
-      return h = function h() {
-        return t;
-      }, t;
+    function _templateObject() {
+      var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<span class=\"", "\">\n\t\t\t\t\t", "\n\t\t\t\t</span>\n\t\t\t"]);
+
+      _templateObject = function _templateObject() {
+        return data;
+      };
+
+      return data;
     }
 
-    t.customElementDefineHelper("ts-icon", function (e) {
-      var o, i, l, a, C;
+    elements.customElementDefineHelper('ts-icon',
+    /*#__PURE__*/
+    function (_TSElement) {
+      _inheritsLoose(_class, _TSElement);
 
-      function v() {
-        var t = e.call(this) || this;
-        return t.size = p.MEDIUM, t;
+      function _class() {
+        var _this;
+
+        _this = _TSElement.call(this) || this;
+        _this.size = sizes.MEDIUM;
+        return _this;
       }
 
-      return i = e, (o = v).prototype = Object.create(i.prototype), o.prototype.constructor = o, o.__proto__ = i, v.prototype.render = function () {
-        return t.html(h(), s.ICON_WRAPPER, r[this.icon]);
-      }, l = v, C = [{
+      var _proto = _class.prototype;
+
+      _proto.render = function render() {
+        return elements.html(_templateObject(), classNames.ICON_WRAPPER, icons[this.icon]);
+      };
+
+      _createClass(_class, null, [{
         key: "styles",
         get: function get() {
-          var n = Object.keys(c).map(function (n) {
-            var e = c[n],
-                o = g[e];
-            return t.css(d(), t.unsafeCSS(e), t.unsafeCSS(o));
+          var colorTypesStyle = Object.keys(types).map(function (typeKey) {
+            var type = types[typeKey];
+            var typeColor = typeColors[type];
+            return elements.css(_templateObject2(), elements.unsafeCSS(type), elements.unsafeCSS(typeColor));
           });
-          return [t.TSElement.styles, t.unsafeCSS(":host{display:inline-block}:host svg{color:var(--ts-icon-color)}.fill-none{fill:none}:host([size=small]) .icon-wrapper{width:12px;width:var(--ts-fontsize-mini);height:12px;height:var(--ts-fontsize-mini)}:host([size=medium]) .icon-wrapper{width:16px;width:var(--ts-fontsize-medium);height:16px;height:var(--ts-fontsize-medium)}:host([size=large]) .icon-wrapper{width:24px;width:var(--ts-fontsize-xbig);height:24px;height:var(--ts-fontsize-xbig)}.icon-wrapper{position:relative;display:block;padding-top:100%;width:100%;height:0}svg{position:absolute;top:0;left:0;width:100%;height:100%}:host([type=default]) svg,svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=inverted]) svg{color:#fff;color:var(--ts-color-white)}:host([type=primary]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=danger]) svg,:host([type=error]) svg{color:#bd0000;color:var(--ts-color-red)}:host([type=success]) svg{color:#50c610;color:var(--ts-color-green)}:host([type=active]) svg,:host([type=focus]) svg,:host([type=info]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=warning]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=disabled]) svg{color:#e6ecef;color:var(--ts-color-gray-lighter)}:host([type=disabled-checked]) svg{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=suggested]) svg{color:#90129b;color:var(--ts-color-purple)}")].concat(n);
+          return [elements.TSElement.styles, elements.unsafeCSS(css)].concat(colorTypesStyle);
         }
@@ -147,16 +198,18 @@ }, {
               type: String,
-              reflect: !0
+              reflect: true
             },
             size: {
               type: String,
-              reflect: !0
+              reflect: true
             },
             type: {
               type: String,
-              reflect: !0
+              reflect: true
             }
           };
         }
-      }], (a = null) && n(l.prototype, a), C && n(l, C), v;
-    }(t.TSElement));
+      }]);
+
+      return _class;
+    }(elements.TSElement));
   });
@@ -163,0 +216,0 @@

package.json

 {
   "name": "@tradeshift/elements.button",
-  "version": "0.4.4-alpha.0",
+  "version": "0.4.4-alpha.1",
   "src": "src/button.js",
@@ -11,5 +11,5 @@ "main": "lib/button.umd.js",
   "dependencies": {
-    "@tradeshift/elements": "^0.4.4-alpha.0"
+    "@tradeshift/elements": "^0.4.4-alpha.1"
   },
-  "gitHead": "de89d8489cdf52d5ef4342bc5483d3839dd98da1"
+  "gitHead": "72a62aba49599232c69955edb0c321829a142e2f"
 }

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

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

Improved metrics

Total package byte prevSize

83460

increased by13.79%

Lines of code

405

increased by16.38%

Dependency changes

• Updated@tradeshift/elements@^0.4.4-alpha.1