@vaadin/avatar - npm Package Compare versions

package.json

		{
		"name": "@vaadin/avatar",
		"version": "23.2.0-alpha2",
		"version": "23.2.0-alpha3",
		"publishConfig": {
		@@ -38,9 +38,9 @@ "access": "public"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/component-base": "23.2.0-alpha2",
		"@vaadin/item": "23.2.0-alpha2",
		"@vaadin/list-box": "23.2.0-alpha2",
		"@vaadin/vaadin-lumo-styles": "23.2.0-alpha2",
		"@vaadin/vaadin-material-styles": "23.2.0-alpha2",
		"@vaadin/vaadin-overlay": "23.2.0-alpha2",
		"@vaadin/vaadin-themable-mixin": "23.2.0-alpha2"
		"@vaadin/component-base": "23.2.0-alpha3",
		"@vaadin/item": "23.2.0-alpha3",
		"@vaadin/list-box": "23.2.0-alpha3",
		"@vaadin/vaadin-lumo-styles": "23.2.0-alpha3",
		"@vaadin/vaadin-material-styles": "23.2.0-alpha3",
		"@vaadin/vaadin-overlay": "23.2.0-alpha3",
		"@vaadin/vaadin-themable-mixin": "23.2.0-alpha3"
		},
		@@ -52,3 +52,3 @@ "devDependencies": {
		},
		"gitHead": "c9b8113d0fa9a602f8b9cb915c1826355af2e8df"
		"gitHead": "06e5875be93ca50da2846dafc65a8531010c0576"
		}

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;
		}
		@@ -62,0 +61,0 @@

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);
		@@ -14,0 +17,0 @@ background-color: var(--material-secondary-background-color);

Improved metrics