@assecosolutions/fox-badge - npm Package Compare versions

Comparing version 1.5.3 to 1.5.10

package.json

 {
   "name": "@assecosolutions/fox-badge",
-  "version": "1.5.3",
+  "version": "1.5.10",
   "publishConfig": {
@@ -5,0 +5,0 @@ "registry": "https://registry.npmjs.org"

shared-ui-atoms-fox-badge.esm.js

@@ -1,2 +0,1 @@
-import { __decorate, __metadata } from 'tslib';
 import { css, property, customElement, html, LitElement } from 'lit-element';
@@ -119,2 +118,28 @@ import '@assecosolutions/fox-icon';
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __metadata(metadataKey, metadataValue) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
 var _templateObject;
@@ -121,0 +146,0 @@ var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral([":host{--fox-badge-font-size: var(--fox-font-size-s, 12px);--fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);--fox-badge-border: none;--fox-badge-border-radius: 10rem;--fox-badge-height: 20px;--fox-badge-text-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-primary-color: var(--fox-base-grey-20-color, #f5f7f9);--fox-badge-outlined-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-icon-color: var(--fox-badge-text-color)}:host([primary]){--fox-badge-text-color: var(--fox-white-color, white);--fox-badge-primary-color: transparent\n    linear-gradient(\n      250deg,\n      var(--fox-client-light-color, #76ddff) 0%,\n      var(--fox-client-base-color, #4599ff) 100%\n    )\n    0 0 no-repeat padding-box;--fox-badge-outlined-color: var(--fox-client-base-color, #4599ff)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}.fox-badge{text-align:center;font-size:var(--fox-badge-font-size);font-weight:var(--fox-badge-font-weight);color:var(--fox-badge-text-color);background:var(--fox-badge-background-color, var(--fox-badge-primary-color));border-radius:var(--fox-badge-border-radius);padding:2px 10px;height:var(--fox-badge-height);white-space:nowrap;vertical-align:baseline;border:var(--fox-badge-border);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.fox-badge__outlined{--fox-badge-background-color: none;--fox-badge-border: 2px solid var(--fox-badge-outlined-color);--fox-badge-text-color: var(--fox-badge-outlined-color);--fox-badge-icon-color: var(--fox-badge-outlined-color)}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon,.leading-icon ::slotted(*),.leading-icon .fox-badge__icon{color:var(--fox-badge-icon-color);margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon{margin-left:5px;margin-right:0}\n"])));

shared-ui-atoms-fox-badge.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('tslib'), require('lit-element'), require('@assecosolutions/fox-icon'), require('lit-html/directives/class-map')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'tslib', 'lit-element', '@assecosolutions/fox-icon', 'lit-html/directives/class-map'], factory) :
-    (global = global || self, factory(global.SharedUiAtomsFoxBadge = {}, global.tslib, global.litElement, null, global.classMap));
-}(this, (function (exports, tslib, litElement, foxIcon, classMap) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('lit-element'), require('@assecosolutions/fox-icon'), require('lit-html/directives/class-map')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'lit-element', '@assecosolutions/fox-icon', 'lit-html/directives/class-map'], factory) :
+    (global = global || self, factory(global.SharedUiAtomsFoxBadge = {}, global.litElement, null, global.classMap));
+}(this, (function (exports, litElement, foxIcon, classMap) { 'use strict';
 
-    var styles = litElement.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject([":host{--fox-badge-font-size: var(--fox-font-size-s, 12px);--fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);--fox-badge-border: none;--fox-badge-border-radius: 10rem;--fox-badge-height: 20px;--fox-badge-text-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-primary-color: var(--fox-base-grey-20-color, #f5f7f9);--fox-badge-outlined-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-icon-color: var(--fox-badge-text-color)}:host([primary]){--fox-badge-text-color: var(--fox-white-color, white);--fox-badge-primary-color: transparent\n    linear-gradient(\n      250deg,\n      var(--fox-client-light-color, #76ddff) 0%,\n      var(--fox-client-base-color, #4599ff) 100%\n    )\n    0 0 no-repeat padding-box;--fox-badge-outlined-color: var(--fox-client-base-color, #4599ff)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}.fox-badge{text-align:center;font-size:var(--fox-badge-font-size);font-weight:var(--fox-badge-font-weight);color:var(--fox-badge-text-color);background:var(--fox-badge-background-color, var(--fox-badge-primary-color));border-radius:var(--fox-badge-border-radius);padding:2px 10px;height:var(--fox-badge-height);white-space:nowrap;vertical-align:baseline;border:var(--fox-badge-border);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.fox-badge__outlined{--fox-badge-background-color: none;--fox-badge-border: 2px solid var(--fox-badge-outlined-color);--fox-badge-text-color: var(--fox-badge-outlined-color);--fox-badge-icon-color: var(--fox-badge-outlined-color)}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon,.leading-icon ::slotted(*),.leading-icon .fox-badge__icon{color:var(--fox-badge-icon-color);margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon{margin-left:5px;margin-right:0}\n"], [":host{--fox-badge-font-size: var(--fox-font-size-s, 12px);--fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);--fox-badge-border: none;--fox-badge-border-radius: 10rem;--fox-badge-height: 20px;--fox-badge-text-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-primary-color: var(--fox-base-grey-20-color, #f5f7f9);--fox-badge-outlined-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-icon-color: var(--fox-badge-text-color)}:host([primary]){--fox-badge-text-color: var(--fox-white-color, white);--fox-badge-primary-color: transparent\n    linear-gradient(\n      250deg,\n      var(--fox-client-light-color, #76ddff) 0%,\n      var(--fox-client-base-color, #4599ff) 100%\n    )\n    0 0 no-repeat padding-box;--fox-badge-outlined-color: var(--fox-client-base-color, #4599ff)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}.fox-badge{text-align:center;font-size:var(--fox-badge-font-size);font-weight:var(--fox-badge-font-weight);color:var(--fox-badge-text-color);background:var(--fox-badge-background-color, var(--fox-badge-primary-color));border-radius:var(--fox-badge-border-radius);padding:2px 10px;height:var(--fox-badge-height);white-space:nowrap;vertical-align:baseline;border:var(--fox-badge-border);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.fox-badge__outlined{--fox-badge-background-color: none;--fox-badge-border: 2px solid var(--fox-badge-outlined-color);--fox-badge-text-color: var(--fox-badge-outlined-color);--fox-badge-icon-color: var(--fox-badge-outlined-color)}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon,.leading-icon ::slotted(*),.leading-icon .fox-badge__icon{color:var(--fox-badge-icon-color);margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon{margin-left:5px;margin-right:0}\n"])));
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    }
+
+    var styles = litElement.css(templateObject_1 || (templateObject_1 = __makeTemplateObject([":host{--fox-badge-font-size: var(--fox-font-size-s, 12px);--fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);--fox-badge-border: none;--fox-badge-border-radius: 10rem;--fox-badge-height: 20px;--fox-badge-text-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-primary-color: var(--fox-base-grey-20-color, #f5f7f9);--fox-badge-outlined-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-icon-color: var(--fox-badge-text-color)}:host([primary]){--fox-badge-text-color: var(--fox-white-color, white);--fox-badge-primary-color: transparent\n    linear-gradient(\n      250deg,\n      var(--fox-client-light-color, #76ddff) 0%,\n      var(--fox-client-base-color, #4599ff) 100%\n    )\n    0 0 no-repeat padding-box;--fox-badge-outlined-color: var(--fox-client-base-color, #4599ff)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}.fox-badge{text-align:center;font-size:var(--fox-badge-font-size);font-weight:var(--fox-badge-font-weight);color:var(--fox-badge-text-color);background:var(--fox-badge-background-color, var(--fox-badge-primary-color));border-radius:var(--fox-badge-border-radius);padding:2px 10px;height:var(--fox-badge-height);white-space:nowrap;vertical-align:baseline;border:var(--fox-badge-border);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.fox-badge__outlined{--fox-badge-background-color: none;--fox-badge-border: 2px solid var(--fox-badge-outlined-color);--fox-badge-text-color: var(--fox-badge-outlined-color);--fox-badge-icon-color: var(--fox-badge-outlined-color)}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon,.leading-icon ::slotted(*),.leading-icon .fox-badge__icon{color:var(--fox-badge-icon-color);margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon{margin-left:5px;margin-right:0}\n"], [":host{--fox-badge-font-size: var(--fox-font-size-s, 12px);--fox-badge-font-weight: var(--fox-font-weight-semi-bold, 600);--fox-badge-border: none;--fox-badge-border-radius: 10rem;--fox-badge-height: 20px;--fox-badge-text-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-primary-color: var(--fox-base-grey-20-color, #f5f7f9);--fox-badge-outlined-color: var(--fox-base-grey-80-color, #515c67);--fox-badge-icon-color: var(--fox-badge-text-color)}:host([primary]){--fox-badge-text-color: var(--fox-white-color, white);--fox-badge-primary-color: transparent\n    linear-gradient(\n      250deg,\n      var(--fox-client-light-color, #76ddff) 0%,\n      var(--fox-client-base-color, #4599ff) 100%\n    )\n    0 0 no-repeat padding-box;--fox-badge-outlined-color: var(--fox-client-base-color, #4599ff)}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:transparent;vertical-align:top;box-sizing:border-box}.fox-badge{text-align:center;font-size:var(--fox-badge-font-size);font-weight:var(--fox-badge-font-weight);color:var(--fox-badge-text-color);background:var(--fox-badge-background-color, var(--fox-badge-primary-color));border-radius:var(--fox-badge-border-radius);padding:2px 10px;height:var(--fox-badge-height);white-space:nowrap;vertical-align:baseline;border:var(--fox-badge-border);flex:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.fox-badge__outlined{--fox-badge-background-color: none;--fox-badge-border: 2px solid var(--fox-badge-outlined-color);--fox-badge-text-color: var(--fox-badge-outlined-color);--fox-badge-icon-color: var(--fox-badge-outlined-color)}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon,.leading-icon ::slotted(*),.leading-icon .fox-badge__icon{color:var(--fox-badge-icon-color);margin-left:0;margin-right:5px;display:block;width:18px;height:18px;font-size:18px;vertical-align:top}.trailing-icon ::slotted(*),.trailing-icon .fox-badge__icon{margin-left:5px;margin-right:0}\n"])));
     var templateObject_1;
@@ -35,3 +82,3 @@
     function (_super) {
-      tslib.__extends(FoxBadge, _super);
+      __extends(FoxBadge, _super);
 
@@ -55,7 +102,7 @@ function FoxBadge() {
         };
-        return litElement.html(templateObject_1$1 || (templateObject_1$1 = tslib.__makeTemplateObject(["\n      <div class=\"fox-badge ", "\">\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-badge__label\" aria-label=\"", "\">\n          ", "<slot></slot>\n        </span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n      </div>\n    "], ["\n      <div class=\"fox-badge ", "\">\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-badge__label\" aria-label=\"", "\">\n          ", "<slot></slot>\n        </span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n      </div>\n    "])), classMap.classMap(classes), this.icon && !this.trailingIcon ? this.renderIcon() : '', this.label || this.icon, this.label, this.icon && this.trailingIcon ? this.renderIcon() : '');
+        return litElement.html(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n      <div class=\"fox-badge ", "\">\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-badge__label\" aria-label=\"", "\">\n          ", "<slot></slot>\n        </span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n      </div>\n    "], ["\n      <div class=\"fox-badge ", "\">\n        <span class=\"leading-icon\">\n          <slot name=\"icon\">\n            ", "\n          </slot>\n        </span>\n        <span class=\"fox-badge__label\" aria-label=\"", "\">\n          ", "<slot></slot>\n        </span>\n\n        <span class=\"trailing-icon\">\n          <slot name=\"trailingIcon\">\n            ", "\n          </slot>\n        </span>\n      </div>\n    "])), classMap.classMap(classes), this.icon && !this.trailingIcon ? this.renderIcon() : '', this.label || this.icon, this.label, this.icon && this.trailingIcon ? this.renderIcon() : '');
       };
 
       FoxBadge.prototype.renderIcon = function () {
-        return litElement.html(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n      <fox-icon class=\"fox-badge__icon\">\n        ", "\n      </fox-icon>\n    "], ["\n      <fox-icon class=\"fox-badge__icon\">\n        ", "\n      </fox-icon>\n    "])), this.icon);
+        return litElement.html(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      <fox-icon class=\"fox-badge__icon\">\n        ", "\n      </fox-icon>\n    "], ["\n      <fox-icon class=\"fox-badge__icon\">\n        ", "\n      </fox-icon>\n    "])), this.icon);
       };
@@ -65,21 +112,21 @@
 
-      tslib.__decorate([litElement.property({
+      __decorate([litElement.property({
         type: Boolean,
         reflect: true
-      }), tslib.__metadata("design:type", Object)], FoxBadge.prototype, "outlined", void 0);
+      }), __metadata("design:type", Object)], FoxBadge.prototype, "outlined", void 0);
 
-      tslib.__decorate([litElement.property({
+      __decorate([litElement.property({
         type: Boolean,
         attribute: 'trailingicon'
-      }), tslib.__metadata("design:type", Object)], FoxBadge.prototype, "trailingIcon", void 0);
+      }), __metadata("design:type", Object)], FoxBadge.prototype, "trailingIcon", void 0);
 
-      tslib.__decorate([litElement.property({
+      __decorate([litElement.property({
         type: String
-      }), tslib.__metadata("design:type", Object)], FoxBadge.prototype, "icon", void 0);
+      }), __metadata("design:type", Object)], FoxBadge.prototype, "icon", void 0);
 
-      tslib.__decorate([litElement.property({
+      __decorate([litElement.property({
         type: String
-      }), tslib.__metadata("design:type", Object)], FoxBadge.prototype, "label", void 0);
+      }), __metadata("design:type", Object)], FoxBadge.prototype, "label", void 0);
 
-      FoxBadge = tslib.__decorate([litElement.customElement('fox-badge')], FoxBadge);
+      FoxBadge = __decorate([litElement.customElement('fox-badge')], FoxBadge);
       return FoxBadge;
@@ -86,0 +133,0 @@ }(litElement.LitElement);

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26938

increased by17.3%

Lines of code

393

increased by17.66%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes