@vaadin/menu-bar 24.8.0-alpha9 → 25.0.0-alpha2

package/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/menu-bar",
-  "version": "24.8.0-alpha9",
+  "version": "25.0.0-alpha2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "vaadin-menu-bar",
-          "description": "`<vaadin-menu-bar>` is a Web Component providing a set of horizontally stacked buttons offering\nthe user quick access to a consistent set of commands. Each button can toggle a submenu with\nsupport for additional levels of nested menus.\n\nTo create the menu bar, first add the component to the page:\n\n```\n<vaadin-menu-bar></vaadin-menu-bar>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-menu-bar#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-menu-bar').items = [{text: 'File'}, {text: 'Edit'}];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name         | Description\n------------------|----------------\n`container`       | The container wrapping menu bar buttons.\n\nThe following state attributes are available for styling:\n\nAttribute           | Description\n--------------------|----------------------------------\n`disabled`          | Set when the menu bar is disabled\n`has-single-button` | Set when there is only one button visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-menu-bar>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-menu-bar-button>` - has the same API as [`<vaadin-button>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-button).\n- `<vaadin-menu-bar-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-item).\n- `<vaadin-menu-bar-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-list-box).\n- `<vaadin-menu-bar-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-overlay).\n\nThe `<vaadin-menu-bar-item>` sub-menu elements have the following additional state attributes\non top of the built-in `<vaadin-item>` state attributes:\n\nAttribute  | Description\n---------- |-------------\n`expanded` | Expanded parent item.\n\nNote: the `theme` attribute value set on `<vaadin-menu-bar>` is\npropagated to the internal components listed above.",
+          "description": "`<vaadin-menu-bar>` is a Web Component providing a set of horizontally stacked buttons offering\nthe user quick access to a consistent set of commands. Each button can toggle a submenu with\nsupport for additional levels of nested menus.\n\nTo create the menu bar, first add the component to the page:\n\n```\n<vaadin-menu-bar></vaadin-menu-bar>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-menu-bar#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-menu-bar').items = [{text: 'File'}, {text: 'Edit'}];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name         | Description\n------------------|----------------\n`container`       | The container wrapping menu bar buttons.\n\nThe following state attributes are available for styling:\n\nAttribute           | Description\n--------------------|----------------------------------\n`disabled`          | Set when the menu bar is disabled\n`has-single-button` | Set when there is only one button visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-menu-bar>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-menu-bar-button>` - has the same API as [`<vaadin-button>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-button).\n- `<vaadin-menu-bar-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-item).\n- `<vaadin-menu-bar-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-list-box).\n- `<vaadin-menu-bar-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-overlay).\n\nThe `<vaadin-menu-bar-item>` sub-menu elements have the following additional state attributes\non top of the built-in `<vaadin-item>` state attributes:\n\nAttribute  | Description\n---------- |-------------\n`expanded` | Expanded parent item.\n\nNote: the `theme` attribute value set on `<vaadin-menu-bar>` is\npropagated to the internal components listed above.",
           "attributes": [
             {
               "name": "disabled",

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/menu-bar",
-  "version": "24.8.0-alpha9",
+  "version": "25.0.0-alpha2",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -16,7 +16,7 @@
       "elements": [
         {
           "name": "vaadin-menu-bar",
-          "description": "`<vaadin-menu-bar>` is a Web Component providing a set of horizontally stacked buttons offering\nthe user quick access to a consistent set of commands. Each button can toggle a submenu with\nsupport for additional levels of nested menus.\n\nTo create the menu bar, first add the component to the page:\n\n```\n<vaadin-menu-bar></vaadin-menu-bar>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-menu-bar#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-menu-bar').items = [{text: 'File'}, {text: 'Edit'}];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name         | Description\n------------------|----------------\n`container`       | The container wrapping menu bar buttons.\n\nThe following state attributes are available for styling:\n\nAttribute           | Description\n--------------------|----------------------------------\n`disabled`          | Set when the menu bar is disabled\n`has-single-button` | Set when there is only one button visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-menu-bar>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-menu-bar-button>` - has the same API as [`<vaadin-button>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-button).\n- `<vaadin-menu-bar-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-item).\n- `<vaadin-menu-bar-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-list-box).\n- `<vaadin-menu-bar-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.8.0-alpha9/#/elements/vaadin-overlay).\n\nThe `<vaadin-menu-bar-item>` sub-menu elements have the following additional state attributes\non top of the built-in `<vaadin-item>` state attributes:\n\nAttribute  | Description\n---------- |-------------\n`expanded` | Expanded parent item.\n\nNote: the `theme` attribute value set on `<vaadin-menu-bar>` is\npropagated to the internal components listed above.",
+          "description": "`<vaadin-menu-bar>` is a Web Component providing a set of horizontally stacked buttons offering\nthe user quick access to a consistent set of commands. Each button can toggle a submenu with\nsupport for additional levels of nested menus.\n\nTo create the menu bar, first add the component to the page:\n\n```\n<vaadin-menu-bar></vaadin-menu-bar>\n```\n\nAnd then use [`items`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-menu-bar#property-items) property to initialize the structure:\n\n```\ndocument.querySelector('vaadin-menu-bar').items = [{text: 'File'}, {text: 'Edit'}];\n```\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name         | Description\n------------------|----------------\n`container`       | The container wrapping menu bar buttons.\n\nThe following state attributes are available for styling:\n\nAttribute           | Description\n--------------------|----------------------------------\n`disabled`          | Set when the menu bar is disabled\n`has-single-button` | Set when there is only one button visible\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\n### Internal components\n\nIn addition to `<vaadin-menu-bar>` itself, the following internal\ncomponents are themable:\n\n- `<vaadin-menu-bar-button>` - has the same API as [`<vaadin-button>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-button).\n- `<vaadin-menu-bar-item>` - has the same API as [`<vaadin-item>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-item).\n- `<vaadin-menu-bar-list-box>` - has the same API as [`<vaadin-list-box>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-list-box).\n- `<vaadin-menu-bar-overlay>` - has the same API as [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha2/#/elements/vaadin-overlay).\n\nThe `<vaadin-menu-bar-item>` sub-menu elements have the following additional state attributes\non top of the built-in `<vaadin-item>` state attributes:\n\nAttribute  | Description\n---------- |-------------\n`expanded` | Expanded parent item.\n\nNote: the `theme` attribute value set on `<vaadin-menu-bar>` is\npropagated to the internal components listed above.",
           "extension": true,
           "attributes": [
             {

package/src/vaadin-lit-menu-bar-button.js

@@ -1,67 +0,0 @@
-/**
- * @license
- * Copyright (c) 2019 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { Button } from '@vaadin/button/src/vaadin-lit-button.js';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-/**
- * An element used internally by `<vaadin-menu-bar>`. Not intended to be used separately.
- *
- * @customElement
- * @extends Button
- * @private
- */
-class MenuBarButton extends Button {
-  static get is() {
-    return 'vaadin-menu-bar-button';
-  }
-
-  static get styles() {
-    return [
-      super.styles,
-      css`
-        :host {
-          flex-shrink: 0;
-        }
-
-        :host([slot='overflow']) {
-          margin-inline-end: 0;
-        }
-      `,
-    ];
-  }
-
-  /**
-   * Override method inherited from `ButtonMixin` to set a flag based on whether the key
-   * is Enter and Space. Unlike mouse click, these keys should also focus the first item.
-   * This flag is used in menu bar to identify the action that triggered the click.
-   *
-   * @param {KeyboardEvent} event
-   * @protected
-   * @override
-   */
-  _onKeyDown(event) {
-    this.__triggeredWithActiveKeys = this._activeKeys.includes(event.key);
-    super._onKeyDown(event);
-    this.__triggeredWithActiveKeys = null;
-  }
-
-  /**
-   * Override method inherited from `ButtonMixin` to allow keyboard navigation with
-   * arrow keys in the menu bar when the button is focusable in the disabled state.
-   *
-   * @override
-   */
-  __shouldSuppressInteractionEvent(event) {
-    if (event.type === 'keydown' && ['ArrowLeft', 'ArrowRight'].includes(event.key)) {
-      return false;
-    }
-
-    return super.__shouldSuppressInteractionEvent(event);
-  }
-}
-
-defineCustomElement(MenuBarButton);

package/src/vaadin-lit-menu-bar-item.js

@@ -1,62 +0,0 @@
-/**
- * @license
- * Copyright (c) 2019 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css, html, LitElement } from 'lit';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { ItemMixin } from '@vaadin/item/src/vaadin-item-mixin.js';
-import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-/**
- * An element used internally by `<vaadin-menu-bar>`. Not intended to be used separately.
- *
- * @customElement
- * @extends HTMLElement
- * @mixes DirMixin
- * @mixes ItemMixin
- * @mixes ThemableMixin
- * @protected
- */
-class MenuBarItem extends ItemMixin(ThemableMixin(DirMixin(PolylitMixin(LitElement)))) {
-  static get is() {
-    return 'vaadin-menu-bar-item';
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: inline-block;
-      }
-
-      :host([hidden]) {
-        display: none !important;
-      }
-    `;
-  }
-
-  /** @protected */
-  render() {
-    return html`
-      <span part="checkmark" aria-hidden="true"></span>
-      <div part="content">
-        <slot></slot>
-      </div>
-    `;
-  }
-
-  /** @protected */
-  connectedCallback() {
-    super.connectedCallback();
-
-    // Set role in `connectedCallback()` instead of `ready()`
-    // because the role is removed when teleporting to button.
-    this.setAttribute('role', 'menuitem');
-  }
-}
-
-defineCustomElement(MenuBarItem);
-
-export { MenuBarItem };

package/src/vaadin-lit-menu-bar-list-box.js

@@ -1,87 +0,0 @@
-/**
- * @license
- * Copyright (c) 2019 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { css, html, LitElement } from 'lit';
-import { ListMixin } from '@vaadin/a11y-base/src/list-mixin.js';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-/**
- * An element used internally by `<vaadin-menu-bar>`. Not intended to be used separately.
- *
- * @customElement
- * @extends HTMLElement
- * @mixes DirMixin
- * @mixes ListMixin
- * @mixes ThemableMixin
- * @protected
- */
-class MenuBarListBox extends ListMixin(ThemableMixin(DirMixin(PolylitMixin(LitElement)))) {
-  static get is() {
-    return 'vaadin-menu-bar-list-box';
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: flex;
-      }
-
-      :host([hidden]) {
-        display: none !important;
-      }
-
-      [part='items'] {
-        height: 100%;
-        width: 100%;
-        overflow-y: auto;
-        -webkit-overflow-scrolling: touch;
-      }
-    `;
-  }
-
-  static get properties() {
-    return {
-      // We don't need to define this property since super default is vertical,
-      // but we don't want it to be modified, or be shown in the API docs.
-      /** @private */
-      orientation: {
-        type: String,
-        readOnly: true,
-      },
-    };
-  }
-
-  /**
-   * @return {!HTMLElement}
-   * @protected
-   * @override
-   */
-  get _scrollerElement() {
-    return this.shadowRoot.querySelector('[part="items"]');
-  }
-
-  /** @protected */
-  render() {
-    return html`
-      <div part="items">
-        <slot></slot>
-      </div>
-    `;
-  }
-
-  /** @protected */
-  ready() {
-    super.ready();
-
-    this.setAttribute('role', 'menu');
-  }
-}
-
-defineCustomElement(MenuBarListBox);
-
-export { MenuBarListBox };

package/src/vaadin-lit-menu-bar-overlay.js

@@ -1,49 +0,0 @@
-/**
- * @license
- * Copyright (c) 2019 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import { html, LitElement } from 'lit';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { MenuOverlayMixin } from '@vaadin/context-menu/src/vaadin-menu-overlay-mixin.js';
-import { styles } from '@vaadin/context-menu/src/vaadin-menu-overlay-styles.js';
-import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
-import { overlayStyles } from '@vaadin/overlay/src/vaadin-overlay-styles.js';
-import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-/**
- * An element used internally by `<vaadin-menu-bar>`. Not intended to be used separately.
- *
- * @customElement
- * @extends HTMLElement
- * @mixes DirMixin
- * @mixes MenuOverlayMixin
- * @mixes OverlayMixin
- * @mixes ThemableMixin
- * @protected
- */
-export class MenuBarOverlay extends MenuOverlayMixin(OverlayMixin(DirMixin(ThemableMixin(PolylitMixin(LitElement))))) {
-  static get is() {
-    return 'vaadin-menu-bar-overlay';
-  }
-
-  static get styles() {
-    return [overlayStyles, styles];
-  }
-
-  /** @protected */
-  render() {
-    return html`
-      <div id="backdrop" part="backdrop" ?hidden="${!this.withBackdrop}"></div>
-      <div part="overlay" id="overlay" tabindex="0">
-        <div part="content" id="content">
-          <slot></slot>
-        </div>
-      </div>
-    `;
-  }
-}
-
-defineCustomElement(MenuBarOverlay);

package/src/vaadin-lit-menu-bar-submenu.js

@@ -1,57 +0,0 @@
-/**
- * @license
- * Copyright (c) 2019 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-lit-menu-bar-item.js';
-import './vaadin-lit-menu-bar-list-box.js';
-import './vaadin-lit-menu-bar-overlay.js';
-import { css, html, LitElement } from 'lit';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
-import { SubMenuMixin } from './vaadin-menu-bar-submenu-mixin.js';
-
-/**
- * An element used internally by `<vaadin-menu-bar>`. Not intended to be used separately.
- *
- * @customElement
- * @extends HTMLElement
- * @mixes SubMenuMixin
- * @mixes ThemePropertyMixin
- * @protected
- */
-class MenuBarSubmenu extends SubMenuMixin(ThemePropertyMixin(PolylitMixin(LitElement))) {
-  static get is() {
-    return 'vaadin-menu-bar-submenu';
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: block;
-      }
-
-      :host([hidden]) {
-        display: none !important;
-      }
-    `;
-  }
-
-  /** @protected */
-  render() {
-    return html`<slot id="slot"></slot>`;
-  }
-
-  /**
-   * @protected
-   * @override
-   */
-  createRenderRoot() {
-    const root = super.createRenderRoot();
-    root.appendChild(this._overlayElement);
-    return root;
-  }
-}
-
-defineCustomElement(MenuBarSubmenu);

package/src/vaadin-lit-menu-bar.js

@@ -1,83 +0,0 @@
-/**
- * @license
- * Copyright (c) 2019 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-import './vaadin-lit-menu-bar-submenu.js';
-import './vaadin-lit-menu-bar-button.js';
-import { css, html, LitElement } from 'lit';
-import { defineCustomElement } from '@vaadin/component-base/src/define.js';
-import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
-import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
-import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
-import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { MenuBarMixin } from './vaadin-menu-bar-mixin.js';
-
-/**
- * LitElement based version of `<vaadin-menu-bar>` web component.
- *
- * ## Disclaimer
- *
- * This component is an experiment and not yet a part of Vaadin platform.
- * There is no ETA regarding specific Vaadin version where it'll land.
- * Feel free to try this code in your apps as per Apache 2.0 license.
- */
-class MenuBar extends MenuBarMixin(ElementMixin(ThemableMixin(PolylitMixin(LitElement)))) {
-  static get is() {
-    return 'vaadin-menu-bar';
-  }
-
-  static get styles() {
-    return css`
-      :host {
-        display: block;
-      }
-
-      :host([hidden]) {
-        display: none !important;
-      }
-
-      [part='container'] {
-        position: relative;
-        display: flex;
-        width: 100%;
-        flex-wrap: nowrap;
-        overflow: hidden;
-      }
-    `;
-  }
-
-  /** @protected */
-  render() {
-    return html`
-      <div part="container">
-        <slot></slot>
-        <slot name="overflow"></slot>
-      </div>
-      <vaadin-menu-bar-submenu is-root .overlayClass="${this.overlayClass}"></vaadin-menu-bar-submenu>
-
-      <slot name="tooltip"></slot>
-    `;
-  }
-
-  /** @protected */
-  ready() {
-    super.ready();
-
-    this._tooltipController = new TooltipController(this);
-    this._tooltipController.setManual(true);
-    this.addController(this._tooltipController);
-  }
-
-  /**
-   * Fired when either a submenu item or menu bar button without nested children is clicked.
-   *
-   * @event item-selected
-   * @param {Object} detail
-   * @param {Object} detail.value the selected menu bar item
-   */
-}
-
-defineCustomElement(MenuBar);
-
-export { MenuBar };

package/theme/lumo/vaadin-lit-menu-bar.d.ts

@@ -1,6 +0,0 @@
-import './vaadin-menu-bar-button-styles.js';
-import './vaadin-menu-bar-item-styles.js';
-import './vaadin-menu-bar-list-box-styles.js';
-import './vaadin-menu-bar-overlay-styles.js';
-import './vaadin-menu-bar-styles.js';
-import '../../src/vaadin-lit-menu-bar.js';

package/theme/lumo/vaadin-lit-menu-bar.js

@@ -1,6 +0,0 @@
-import './vaadin-menu-bar-button-styles.js';
-import './vaadin-menu-bar-item-styles.js';
-import './vaadin-menu-bar-list-box-styles.js';
-import './vaadin-menu-bar-overlay-styles.js';
-import './vaadin-menu-bar-styles.js';
-import '../../src/vaadin-lit-menu-bar.js';

package/theme/material/vaadin-lit-menu-bar.d.ts

@@ -1,6 +0,0 @@
-import './vaadin-menu-bar-button-styles.js';
-import './vaadin-menu-bar-item-styles.js';
-import './vaadin-menu-bar-list-box-styles.js';
-import './vaadin-menu-bar-overlay-styles.js';
-import './vaadin-menu-bar-styles.js';
-import '../../src/vaadin-lit-menu-bar.js';

package/theme/material/vaadin-lit-menu-bar.js

@@ -1,6 +0,0 @@
-import './vaadin-menu-bar-button-styles.js';
-import './vaadin-menu-bar-item-styles.js';
-import './vaadin-menu-bar-list-box-styles.js';
-import './vaadin-menu-bar-overlay-styles.js';
-import './vaadin-menu-bar-styles.js';
-import '../../src/vaadin-lit-menu-bar.js';

package/theme/material/vaadin-menu-bar-button-styles.d.ts

@@ -1 +0,0 @@
-export {};

package/theme/material/vaadin-menu-bar-button-styles.js

@@ -1,111 +0,0 @@
-import { button } from '@vaadin/button/theme/material/vaadin-button-styles';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-const menuBarButton = css`
-  [part='label'] {
-    width: 100%;
-  }
-
-  [part='label'] ::slotted(vaadin-menu-bar-item) {
-    line-height: 20px;
-    background-color: transparent;
-    margin: -8px;
-    padding: 8px;
-    justify-content: center;
-  }
-
-  :host([theme~='outlined']),
-  :host([theme~='contained']) {
-    border-radius: 0;
-  }
-
-  :host([theme~='contained']) ::slotted(vaadin-menu-bar-item),
-  :host([theme~='outlined']) ::slotted(vaadin-menu-bar-item) {
-    margin: -8px -16px;
-    padding: 8px 16px;
-  }
-
-  :host([expanded])::before {
-    opacity: 0.08;
-    transition: opacity 0.4s;
-  }
-
-  :host([expanded])::after {
-    transform: translate(-50%, -50%) scale(0.0000001); /* animation works weirdly with scale(0) */
-    opacity: 0.1;
-    transition: 0s;
-  }
-
-  :host([theme~='contained'][expanded]) {
-    box-shadow: var(--material-shadow-elevation-8dp);
-  }
-
-  :host(:hover:not([expanded]))::after {
-    transform: translate(-50%, -50%) scale(1);
-    opacity: 0;
-  }
-
-  :host([theme~='contained']:not([dir='rtl'])) {
-    margin-right: 1px;
-  }
-
-  :host([first-visible]) {
-    border-radius: 4px 0 0 4px;
-  }
-
-  :host([last-visible]),
-  :host([slot='overflow']) {
-    border-radius: 0 4px 4px 0;
-  }
-
-  :host([slot='overflow']) {
-    padding-right: 8px;
-    padding-left: 8px;
-    min-width: 36px;
-  }
-
-  :host([slot='overflow']) ::slotted(*) {
-    font-size: 24px;
-  }
-
-  :host([theme~='outlined']:not([dir='rtl'])) {
-    margin-right: -1px;
-  }
-
-  :host([theme~='outlined']:not([dir='rtl'])[last-visible]),
-  :host([theme~='outlined']:not([dir='rtl'])[slot='overflow']) {
-    margin-right: 0;
-  }
-
-  :host([theme~='text']),
-  :host(:not([theme])) {
-    border-radius: 4px;
-  }
-
-  /* RTL styles */
-  :host([dir='rtl'][first-visible]) {
-    border-radius: 0 4px 4px 0;
-  }
-
-  :host([dir='rtl'][last-visible]),
-  :host([dir='rtl'][slot='overflow']) {
-    border-radius: 4px 0 0 4px;
-  }
-
-  :host([dir='rtl'][theme~='contained']) {
-    margin-left: 1px;
-  }
-
-  :host([dir='rtl'][theme~='outlined']) {
-    margin-left: -1px;
-  }
-
-  :host([theme~='outlined'][dir='rtl'][last-visible]),
-  :host([theme~='outlined'][dir='rtl'][slot='overflow']) {
-    margin-left: 0;
-  }
-`;
-
-registerStyles('vaadin-menu-bar-button', [button, menuBarButton], {
-  moduleId: 'material-menu-bar-button',
-});

package/theme/material/vaadin-menu-bar-button.d.ts

@@ -1,2 +0,0 @@
-import './vaadin-menu-bar-button-styles.js';
-import '../../src/vaadin-menu-bar-button.js';

package/theme/material/vaadin-menu-bar-button.js

@@ -1,2 +0,0 @@
-import './vaadin-menu-bar-button-styles.js';
-import '../../src/vaadin-menu-bar-button.js';

package/theme/material/vaadin-menu-bar-item-styles.d.ts

@@ -1 +0,0 @@
-import '@vaadin/vaadin-material-styles/typography.js';

package/theme/material/vaadin-menu-bar-item-styles.js

@@ -1,23 +0,0 @@
-import '@vaadin/vaadin-material-styles/typography.js';
-import { contextMenuItem } from '@vaadin/context-menu/theme/material/vaadin-context-menu-item-styles.js';
-import { item } from '@vaadin/item/theme/material/vaadin-item-styles.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-const menuBarItem = css`
-  [part='content'] {
-    display: flex;
-    /* tweak to inherit centering from menu bar button */
-    align-items: inherit;
-    justify-content: inherit;
-    font-size: var(--material-button-font-size);
-  }
-
-  [part='content'] ::slotted(vaadin-icon[icon^='vaadin:']) {
-    display: inline-block;
-    width: 18px;
-    height: 18px;
-    box-sizing: border-box !important;
-  }
-`;
-
-registerStyles('vaadin-menu-bar-item', [item, contextMenuItem, menuBarItem], { moduleId: 'material-menu-bar-item' });

package/theme/material/vaadin-menu-bar-list-box-styles.d.ts

@@ -1 +0,0 @@
-export {};

package/theme/material/vaadin-menu-bar-list-box-styles.js

@@ -1,5 +0,0 @@
-import { contextMenuListBox } from '@vaadin/context-menu/theme/material/vaadin-context-menu-list-box-styles.js';
-import { listBox } from '@vaadin/list-box/theme/material/vaadin-list-box-styles.js';
-import { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-registerStyles('vaadin-menu-bar-list-box', [listBox, contextMenuListBox], { moduleId: 'material-menu-bar-list-box' });

package/theme/material/vaadin-menu-bar-overlay-styles.d.ts

@@ -1 +0,0 @@
-export {};

package/theme/material/vaadin-menu-bar-overlay-styles.js

@@ -1,13 +0,0 @@
-import { contextMenuOverlay } from '@vaadin/context-menu/theme/material/vaadin-context-menu-overlay-styles.js';
-import { menuOverlay } from '@vaadin/vaadin-material-styles/mixins/menu-overlay.js';
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-const menuBarOverlay = css`
-  :host(:first-of-type) {
-    padding-top: 5px;
-  }
-`;
-
-registerStyles('vaadin-menu-bar-overlay', [menuOverlay, contextMenuOverlay, menuBarOverlay], {
-  moduleId: 'material-menu-bar-overlay',
-});