@vaadin/menu-bar 24.8.4 → 25.0.0-alpha10

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',
-});

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

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

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

@@ -1,21 +0,0 @@
-import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-
-registerStyles(
-  'vaadin-menu-bar',
-  css`
-    [part='container'] {
-      /* To retain the box-shadow */
-      padding-bottom: 5px;
-    }
-
-    :host([has-single-button]) ::slotted(vaadin-menu-bar-button) {
-      border-radius: 4px;
-    }
-
-    :host([theme~='end-aligned']) ::slotted(vaadin-menu-bar-button[first-visible]),
-    :host([theme~='end-aligned'][has-single-button]) ::slotted(vaadin-menu-bar-button) {
-      margin-inline-start: auto;
-    }
-  `,
-  { moduleId: 'material-menu-bar' },
-);

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

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

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

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

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

@@ -1 +0,0 @@
-export * from './src/vaadin-menu-bar.js';

package/vaadin-lit-menu-bar.js

@@ -1,2 +0,0 @@
-import './theme/lumo/vaadin-lit-menu-bar.js';
-export * from './src/vaadin-lit-menu-bar.js';