@vaadin/avatar - npm Package Compare versions

Comparing version 23.2.0-dev.8a7678b70 to 23.2.0-rc1

package.json

 {
   "name": "@vaadin/avatar",
-  "version": "23.2.0-dev.8a7678b70",
+  "version": "23.2.0-rc1",
   "publishConfig": {
@@ -26,3 +26,5 @@ "access": "public"
     "vaadin-*.d.ts",
-    "vaadin-*.js"
+    "vaadin-*.js",
+    "web-types.json",
+    "web-types.lit.json"
   ],
@@ -39,9 +41,9 @@ "keywords": [
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.2.0-dev.8a7678b70",
-    "@vaadin/item": "23.2.0-dev.8a7678b70",
-    "@vaadin/list-box": "23.2.0-dev.8a7678b70",
-    "@vaadin/vaadin-lumo-styles": "23.2.0-dev.8a7678b70",
-    "@vaadin/vaadin-material-styles": "23.2.0-dev.8a7678b70",
-    "@vaadin/vaadin-overlay": "23.2.0-dev.8a7678b70",
-    "@vaadin/vaadin-themable-mixin": "23.2.0-dev.8a7678b70"
+    "@vaadin/component-base": "23.2.0-rc1",
+    "@vaadin/item": "23.2.0-rc1",
+    "@vaadin/list-box": "23.2.0-rc1",
+    "@vaadin/vaadin-lumo-styles": "23.2.0-rc1",
+    "@vaadin/vaadin-material-styles": "23.2.0-rc1",
+    "@vaadin/vaadin-overlay": "23.2.0-rc1",
+    "@vaadin/vaadin-themable-mixin": "23.2.0-rc1"
   },
@@ -53,3 +55,7 @@ "devDependencies": {
   },
-  "gitHead": "85b403f96d8282f262322b56c0ff4289f843d02a"
+  "web-types": [
+    "web-types.json",
+    "web-types.lit.json"
+  ],
+  "gitHead": "e78a1f2fe6f42d78cefa3f48085b09a3033c9588"
 }

src/vaadin-avatar-icons.js

@@ -6,5 +6,5 @@ /**
  */
-const $_documentContainer = document.createElement('template');
+const template = document.createElement('template');
 
-$_documentContainer.innerHTML = `
+template.innerHTML = `
   <style>
@@ -20,2 +20,2 @@ @font-face {
 
-document.head.appendChild($_documentContainer.content);
+document.head.appendChild(template.content);

src/vaadin-avatar.d.ts

@@ -69,6 +69,9 @@ /**
    * The object has the following JSON structure and default values:
-   *           {
-   *             // Translation of the anonymous user avatar title.
-   *             anonymous: 'anonymous'
-   *           }
+   *
+   * ```
+   * {
+   *   // Translation of the anonymous user avatar title.
+   *   anonymous: 'anonymous'
+   * }
+   * ```
    */
@@ -75,0 +78,0 @@ i18n: AvatarI18n;

src/vaadin-avatar.js

@@ -52,4 +52,4 @@ /**
           overflow: hidden;
-          height: var(--vaadin-avatar-size);
-          width: var(--vaadin-avatar-size);
+          height: var(--vaadin-avatar-size, 64px);
+          width: var(--vaadin-avatar-size, 64px);
           border: var(--vaadin-avatar-outline-width) solid transparent;
@@ -59,3 +59,2 @@ margin: calc(var(--vaadin-avatar-outline-width) * -1);
           --vaadin-avatar-outline-width: 2px;
-          --vaadin-avatar-size: 64px;
         }
@@ -176,9 +175,13 @@
        * The object has the following JSON structure and default values:
-          {
-            // Translation of the anonymous user avatar title.
-            anonymous: 'anonymous'
-          }
-      * @type {!AvatarI18n}
-      * @default {English/US}
-      */
+       *
+       * ```
+       * {
+       *   // Translation of the anonymous user avatar title.
+       *   anonymous: 'anonymous'
+       * }
+       * ```
+       *
+       * @type {!AvatarI18n}
+       * @default {English/US}
+       */
       i18n: {
@@ -185,0 +188,0 @@ type: Object,

theme/lumo/vaadin-avatar-styles.js

@@ -9,2 +9,6 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 
+const globalStyle = document.createElement('style');
+globalStyle.textContent = 'html { --vaadin-avatar-size: var(--lumo-size-m); }';
+document.head.appendChild(globalStyle);
+
 registerStyles(
@@ -14,3 +18,2 @@ 'vaadin-avatar',
     :host {
-      --vaadin-avatar-size: var(--lumo-size-m);
       color: var(--lumo-secondary-text-color);
@@ -17,0 +20,0 @@ background-color: var(--lumo-contrast-10pct);

theme/material/vaadin-avatar-styles.js

@@ -6,2 +6,6 @@ import '@vaadin/vaadin-material-styles/color.js';
 
+const globalStyle = document.createElement('style');
+globalStyle.textContent = 'html { --vaadin-avatar-size: 2.25rem; }';
+document.head.appendChild(globalStyle);
+
 registerStyles(
@@ -11,3 +15,2 @@ 'vaadin-avatar',
     :host {
-      --vaadin-avatar-size: 2.25rem;
       color: var(--material-secondary-text-color);
@@ -42,4 +45,20 @@ background-color: var(--material-secondary-background-color);
     }
+
+    :host([theme~='xlarge']) {
+      --vaadin-avatar-size: 3.5rem;
+    }
+
+    :host([theme~='large']) {
+      --vaadin-avatar-size: 2.75rem;
+    }
+
+    :host([theme~='small']) {
+      --vaadin-avatar-size: 1.875rem;
+    }
+
+    :host([theme~='xsmall']) {
+      --vaadin-avatar-size: 1.625rem;
+    }
   `,
   { moduleId: 'material-avatar' },
 );

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

Improved metrics

Total package byte prevSize

37626

increased by26.89%

Number of package files

14

increased by16.67%

Lines of code

693

increased by46.2%

Dependency changes

• + Added@vaadin/component-base@23.2.0-rc1(transitive)

• + Added@vaadin/icon@23.2.0-rc1(transitive)

• + Added@vaadin/item@23.2.0-rc1(transitive)

• + Added@vaadin/list-box@23.2.0-rc1(transitive)

• + Added@vaadin/vaadin-list-mixin@23.2.0-rc1(transitive)

• + Added@vaadin/vaadin-lumo-styles@23.2.0-rc1(transitive)

• + Added@vaadin/vaadin-material-styles@23.2.0-rc1(transitive)

• + Added@vaadin/vaadin-overlay@23.2.0-rc1(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.2.0-rc1(transitive)

• - Removed@vaadin/component-base@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/icon@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/item@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/list-box@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/vaadin-list-mixin@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/vaadin-lumo-styles@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/vaadin-material-styles@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/vaadin-overlay@23.2.0-dev.8a7678b70(transitive)

• - Removed@vaadin/vaadin-themable-mixin@23.2.0-dev.8a7678b70(transitive)

• Updated@vaadin/component-base@23.2.0-rc1

• Updated@vaadin/item@23.2.0-rc1

• Updated@vaadin/list-box@23.2.0-rc1

• Updated@vaadin/vaadin-lumo-styles@23.2.0-rc1

• Updated@vaadin/vaadin-material-styles@23.2.0-rc1

• Updated@vaadin/vaadin-overlay@23.2.0-rc1

• Updated@vaadin/vaadin-themable-mixin@23.2.0-rc1