@umbraco-ui/uui-badge - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

lib/index.d.ts

@@ -1,1 +0,1 @@
-export {};
+export * from './uui-badge.element';

lib/index.js

 import { css, LitElement, html } from 'lit';
+import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { property } from 'lit/decorators.js';
-import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 
@@ -16,3 +16,3 @@ var __defProp = Object.defineProperty;
 };
-class UUIBadgeElement extends LitElement {
+let UUIBadgeElement = class extends LitElement {
   constructor() {
@@ -26,3 +26,3 @@ super(...arguments);
   }
-}
+};
 UUIBadgeElement.styles = [
@@ -75,23 +75,2 @@ css`
 
-      @-webkit-keyframes --uui-badge-bounce {
-        0% {
-          transform: translateY(0);
-        }
-        20% {
-          transform: translateY(-6px);
-        }
-        40% {
-          transform: translateY(0);
-        }
-        55% {
-          transform: translateY(-3px);
-        }
-        70% {
-          transform: translateY(0);
-        }
-        100% {
-          transform: translateY(0);
-        }
-      }
-
       @keyframes --uui-badge-bounce {
@@ -118,15 +97,10 @@ 0% {
       :host([attention]) {
-        -webkit-animation-duration: 1.4s;
-                animation-duration: 1.4s;
-        -webkit-animation-iteration-count: infinite;
-                animation-iteration-count: infinite;
-        -webkit-animation-name: --uui-badge-bounce;
-                animation-name: --uui-badge-bounce;
-        -webkit-animation-timing-function: ease;
-                animation-timing-function: ease;
+        animation-duration: 1.4s;
+        animation-iteration-count: infinite;
+        animation-name: --uui-badge-bounce;
+        animation-timing-function: ease;
       }
       @media (prefers-reduced-motion) {
         :host([attention]) {
-          -webkit-animation: none;
-                  animation: none;
+          animation: none;
         }
@@ -212,3 +186,6 @@ }
 ], UUIBadgeElement.prototype, "attention", 2);
+UUIBadgeElement = __decorateClass([
+  defineElement("uui-badge")
+], UUIBadgeElement);
 
-defineElement("uui-badge", UUIBadgeElement);
+export { UUIBadgeElement };

lib/uui-badge.element.d.ts

@@ -26,1 +26,6 @@ import { LitElement } from 'lit';
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-badge': UUIBadgeElement;
+    }
+}

package.json

 {
   "name": "@umbraco-ui/uui-badge",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "license": "MIT",
@@ -22,7 +22,8 @@ "description": "A badge to notify that there is something that requires attention of the user.",
   },
-  "main": "./dist/uui-badge.min.js",
+  "main": "./lib/index.js",
   "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
-    "dist",
     "lib/**/*.d.ts",
@@ -33,3 +34,3 @@ "lib/**/*.js",
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.0.15"
+    "@umbraco-ui/uui-base": "0.0.16"
   },
@@ -44,3 +45,3 @@ "scripts": {
   },
-  "gitHead": "2a640ce4460de94e9c92a97310e27b84bbd6edda"
+  "gitHead": "6fbddfc1295e2ea00a532d4f9eb798165b2d39ac"
 }

README.md

@@ -16,3 +16,3 @@ # uui-badge
 ```javascript
-import '@umbraco-ui/uui-badge/lib';
+import '@umbraco-ui/uui-badge';
 ```
@@ -23,17 +23,5 @@
 ```javascript
-import { UUIBadgeElement } from '@umbraco-ui/uui-badge/lib/uui-badge.element';
+import { UUIBadgeElement } from '@umbraco-ui/uui-badge';
 ```
 
-### CDN
-
-The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.
-
-```html
-<!-- Latest Version -->
-<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-badge@latest/dist/uui-badge.min.js"></script>
-
-<!-- Specific version -->
-<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-badge@X.X.X/dist/uui-badge.min.js"></script>
-```
-
 ## Usage
@@ -40,0 +28,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

Is type module

Yes

Worsened metrics

Total package byte prevSize

11700

decreased by-88.5%

Number of package files

7

decreased by-30%

Lines of code

250

decreased by-55.12%

Number of lines in readme file

30

decreased by-28.57%

Dependency changes

• + Added@umbraco-ui/uui-base@0.0.16(transitive)

• - Removed@umbraco-ui/uui-base@0.0.15(transitive)

• Updated@umbraco-ui/uui-base@0.0.16