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

Comparing version 0.0.17 to 0.0.18

lib/index.d.ts

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

lib/index.js

 import { property, state } from 'lit/decorators.js';
+import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { css, LitElement, html } from 'lit';
-import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 
@@ -16,3 +16,3 @@ var __defProp = Object.defineProperty;
 };
-class UUIAvatarElement extends LitElement {
+let UUIAvatarElement = class extends LitElement {
   constructor() {
@@ -66,3 +66,3 @@ super(...arguments);
   }
-}
+};
 UUIAvatarElement.styles = [
@@ -74,2 +74,3 @@ css`
         justify-content: center;
+        flex-shrink: 0;
         position: relative;
@@ -82,8 +83,5 @@ overflow: hidden;
         height: calc(2em + 4px);
-        -webkit-user-select: none;
-           -moz-user-select: none;
-            -ms-user-select: none;
-                user-select: none;
+        user-select: none;
         /* box-sizing: border-box; */
-
+        aspect-ratio: 1;
         background-color: var(--uui-color-spanish-pink,#f5c1bc);
@@ -98,4 +96,3 @@ color: var(--uui-color-space-cadet,#1b264f);
       img {
-        -o-object-fit: cover;
-           object-fit: cover;
+        object-fit: cover;
         height: 100%;
@@ -123,3 +120,6 @@ width: 100%;
 ], UUIAvatarElement.prototype, "initials", 2);
+UUIAvatarElement = __decorateClass([
+  defineElement("uui-avatar")
+], UUIAvatarElement);
 
-defineElement("uui-avatar", UUIAvatarElement);
+export { UUIAvatarElement };

lib/uui-avatar.element.d.ts

@@ -45,1 +45,6 @@ import { LitElement } from 'lit';
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-avatar': UUIAvatarElement;
+    }
+}

package.json

 {
   "name": "@umbraco-ui/uui-avatar",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "license": "MIT",
@@ -22,7 +22,8 @@ "description": "An avatar web component for displaying user avatars.",
   },
-  "main": "./dist/uui-avatar.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"
   },
@@ -45,3 +46,3 @@ "scripts": {
   "homepage": "https://uui.umbraco.com/?path=/story/uui-avatar",
-  "gitHead": "2a640ce4460de94e9c92a97310e27b84bbd6edda"
+  "gitHead": "6fbddfc1295e2ea00a532d4f9eb798165b2d39ac"
 }

README.md

@@ -16,3 +16,3 @@ # uui-avatar
 ```javascript
-import '@umbraco-ui/uui-avatar/lib';
+import '@umbraco-ui/uui-avatar';
 ```
@@ -23,17 +23,5 @@
 ```javascript
-import { UUIAvatarElement } from '@umbraco-ui/uui-avatar/lib/uui-avatar.element';
+import { UUIAvatarElement } from '@umbraco-ui/uui-avatar';
 ```
 
-### 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-avatar@latest/dist/uui-avatar.min.js"></script>
-
-<!-- Specific version -->
-<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-avatar@X.X.X/dist/uui-avatar.min.js"></script>
-```
-
 ## Usage
@@ -40,0 +28,0 @@

Fixed alerts

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

9844

decreased by-89.37%

Number of package files

7

decreased by-30%

Lines of code

241

decreased by-45.72%

Number of lines in readme file

31

decreased by-27.91%

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