@vaadin/menu-bar - npm Package Compare versions

package.json

		{
		"name": "@vaadin/menu-bar",
		"version": "22.0.0-alpha9",
		"version": "22.0.0-beta1",
		"publishConfig": {
		@@ -37,16 +37,16 @@ "access": "public"
		"@polymer/polymer": "^3.0.0",
		"@vaadin/button": "22.0.0-alpha9",
		"@vaadin/component-base": "22.0.0-alpha9",
		"@vaadin/vaadin-context-menu": "22.0.0-alpha9",
		"@vaadin/vaadin-lumo-styles": "22.0.0-alpha9",
		"@vaadin/vaadin-material-styles": "22.0.0-alpha9",
		"@vaadin/vaadin-themable-mixin": "22.0.0-alpha9"
		"@vaadin/button": "22.0.0-beta1",
		"@vaadin/component-base": "22.0.0-beta1",
		"@vaadin/vaadin-context-menu": "22.0.0-beta1",
		"@vaadin/vaadin-lumo-styles": "22.0.0-beta1",
		"@vaadin/vaadin-material-styles": "22.0.0-beta1",
		"@vaadin/vaadin-themable-mixin": "22.0.0-beta1"
		},
		"devDependencies": {
		"@esm-bundle/chai": "^4.3.4",
		"@vaadin/icon": "22.0.0-alpha9",
		"@vaadin/icon": "22.0.0-beta1",
		"@vaadin/testing-helpers": "^0.3.0",
		"sinon": "^9.2.1"
		},
		"gitHead": "6e8c899dc65918f97e3c0acb2076122c4b2ef274"
		"gitHead": "4cf8a9d0504994200c610e44b3676114fef49c1e"
		}

src/vaadin-menu-bar-interactions-mixin.js

		@@ -69,2 +69,3 @@ /**
		button.toggleAttribute('expanded', expanded);
		button.toggleAttribute('active', expanded);
		button.setAttribute('aria-expanded', expanded ? 'true' : 'false');
		@@ -71,0 +72,0 @@ }

theme/lumo/vaadin-menu-bar-button-styles.js

		@@ -48,20 +48,2 @@ import { registerStyles, css } from '@vaadin/vaadin-themable-mixin/register-styles.js';

		:host([expanded]) {
		background-color: var(--lumo-primary-color-10pct);
		}

		:host([expanded][theme~='primary']) {
		background-color: var(--lumo-primary-color-50pct);
		}

		:host([disabled][theme~='primary']) {
		color: var(--lumo-disabled-text-color);
		background-color: var(--lumo-contrast-5pct);
		}

		:host([expanded][theme~='tertiary']),
		:host([expanded][theme~='tertiary-inline']) {
		background-color: var(--lumo-primary-color-10pct) !important;
		}

		:host(:first-of-type) {
		@@ -68,0 +50,0 @@ border-radius: var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m);

Worsened metrics