@vaadin/vaadin-lumo-styles 25.0.0-alpha6 → 25.0.0-alpha7

package/components/select.css

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/field-base.css';
+@import '../src/mixins/field-button.css';
+@import '../src/mixins/field-error-message.css';
+@import '../src/mixins/field-helper.css';
+@import '../src/mixins/field-label.css';
+@import '../src/mixins/field-required.css';
+@import '../src/mixins/menu-overlay-core.css';
+@import '../src/mixins/menu-overlay-ext.css';
+@import '../src/mixins/overlay.css';
+@import '../src/components/item.css';
+@import '../src/components/list-box.css';
+@import '../src/components/select-overlay.css';
+@import '../src/components/select-value-button.css';
+@import '../src/components/select.css';
+@import './input-container.css';
+
+:is(:root, :host)::before {
+  --vaadin-select-lumo-inject: 1;
+  --vaadin-select-lumo-inject-modules:
+    lumo_mixins_field-label,
+    lumo_mixins_field-required,
+    lumo_mixins_field-error-message,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_select;
+
+  --vaadin-select-item-lumo-inject: 1;
+  --vaadin-select-item-lumo-inject-modules: lumo_components_item;
+
+  --vaadin-select-overlay-lumo-inject: 1;
+  --vaadin-select-overlay-lumo-inject-modules:
+    lumo_mixins_overlay,
+    lumo_mixins_menu-overlay-core,
+    lumo_mixins_menu-overlay-ext,
+    lumo_components_select-overlay;
+
+  --vaadin-select-list-box-lumo-inject: 1;
+  --vaadin-select-list-box-lumo-inject-modules: lumo_components_list-box;
+
+  --vaadin-select-value-button-lumo-inject: 1;
+  --vaadin-select-value-button-lumo-inject-modules: lumo_components_select-value-button;
+}

package/components/side-nav-item.css

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/field-button.css';
+@import '../src/components/side-nav-item.css';
+
+:is(:root, :host)::before {
+  --vaadin-side-nav-item-lumo-inject: 1;
+  --vaadin-side-nav-item-lumo-inject-modules:
+    lumo_mixins_field-button,
+    lumo_components_side-nav-item;
+}

package/components/side-nav.css

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/components/side-nav.css';
+@import './side-nav-item.css';
+
+:is(:root, :host)::before {
+  --vaadin-side-nav-lumo-inject: 1;
+  --vaadin-side-nav-lumo-inject-modules: lumo_components_side-nav;
+}

package/components/split-layout.css

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/components/split-layout.css';
+
+:is(:root, :host)::before {
+  --vaadin-split-layout-lumo-inject: 1;
+  --vaadin-split-layout-lumo-inject-modules: lumo_components_split-layout;
+}

package/components/tab.css

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/components/tab.css';
+
+:is(:root, :host)::before {
+  --vaadin-tab-lumo-inject: 1;
+  --vaadin-tab-lumo-inject-modules: lumo_components_tab;
+}

package/components/tabs.css

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/components/tabs.css';
+@import './tab.css';
+
+:is(:root, :host)::before {
+  --vaadin-tabs-lumo-inject: 1;
+  --vaadin-tabs-lumo-inject-modules: lumo_components_tabs;
+}

package/components/tabsheet.css

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/loader.css';
+@import '../src/components/tabsheet.css';
+@import './scroller.css';
+@import './tabs.css';
+
+:is(:root, :host)::before {
+  --vaadin-tabsheet-lumo-inject: 1;
+  --vaadin-tabsheet-lumo-inject-modules:
+    lumo_mixins_loader,
+    lumo_components_tabsheet;
+
+  --vaadin-tabsheet-scroller-lumo-inject: 1;
+  --vaadin-tabsheet-scroller-lumo-inject-modules: lumo_components_scroller;
+}

package/components/text-area.css

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/field-base.css';
+@import '../src/mixins/field-button.css';
+@import '../src/mixins/field-error-message.css';
+@import '../src/mixins/field-helper.css';
+@import '../src/mixins/field-label.css';
+@import '../src/mixins/field-required.css';
+@import '../src/components/text-area.css';
+@import './input-container.css';
+
+:is(:root, :host)::before {
+  --vaadin-text-area-lumo-inject: 1;
+  --vaadin-text-area-lumo-inject-modules:
+    lumo_mixins_field-label,
+    lumo_mixins_field-required,
+    lumo_mixins_field-error-message,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_text-area;
+}

package/components/text-field.css

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/field-base.css';
+@import '../src/mixins/field-button.css';
+@import '../src/mixins/field-error-message.css';
+@import '../src/mixins/field-helper.css';
+@import '../src/mixins/field-label.css';
+@import '../src/mixins/field-required.css';
+@import './input-container.css';
+
+:is(:root, :host)::before {
+  --vaadin-text-field-lumo-inject: 1;
+  --vaadin-text-field-lumo-inject-modules:
+    lumo_mixins_field-label,
+    lumo_mixins_field-required,
+    lumo_mixins_field-error-message,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base;
+}

package/components/time-picker.css

@@ -0,0 +1,43 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/combo-box-overlay.css';
+@import '../src/mixins/field-base.css';
+@import '../src/mixins/field-button.css';
+@import '../src/mixins/field-error-message.css';
+@import '../src/mixins/field-helper.css';
+@import '../src/mixins/field-label.css';
+@import '../src/mixins/field-required.css';
+@import '../src/mixins/menu-overlay-core.css';
+@import '../src/mixins/overlay.css';
+@import '../src/components/combo-box-item.css';
+@import '../src/components/item.css';
+@import '../src/components/time-picker-overlay.css';
+@import '../src/components/time-picker.css';
+@import './input-container.css';
+
+:is(:root, :host)::before {
+  --vaadin-time-picker-lumo-inject: 1;
+  --vaadin-time-picker-lumo-inject-modules:
+    lumo_mixins_field-label,
+    lumo_mixins_field-required,
+    lumo_mixins_field-error-message,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_time-picker;
+
+  --vaadin-time-picker-item-lumo-inject: 1;
+  --vaadin-time-picker-item-lumo-inject-modules:
+    lumo_components_item,
+    lumo_components_combo-box-item;
+
+  --vaadin-time-picker-overlay-lumo-inject: 1;
+  --vaadin-time-picker-overlay-lumo-inject-modules:
+    lumo_mixins_overlay,
+    lumo_mixins_menu-overlay-core,
+    lumo_mixins_combo-box-overlay,
+    lumo_components_time-picker-overlay;
+}

package/components/tooltip.css

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/overlay.css';
+@import '../src/components/tooltip-overlay.css';
+
+:is(:root, :host)::before {
+  --vaadin-tooltip-overlay-lumo-inject: 1;
+  --vaadin-tooltip-overlay-lumo-inject-modules:
+    lumo_mixins_overlay,
+    lumo_components_tooltip-overlay;
+}

package/components/upload.css

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/mixins/field-button.css';
+@import '../src/components/upload-file-list.css';
+@import '../src/components/upload-file.css';
+@import '../src/components/upload-icon.css';
+@import '../src/components/upload.css';
+@import './button.css';
+@import './progress-bar.css';
+
+:is(:root, :host)::before {
+  --vaadin-upload-lumo-inject: 1;
+  --vaadin-upload-lumo-inject-modules: lumo_components_upload;
+
+  --vaadin-upload-icon-lumo-inject: 1;
+  --vaadin-upload-icon-lumo-inject-modules: lumo_components_upload-icon;
+
+  --vaadin-upload-file-lumo-inject: 1;
+  --vaadin-upload-file-lumo-inject-modules:
+    lumo_mixins_field-button,
+    lumo_components_upload-file;
+
+  --vaadin-upload-file-list-lumo-inject: 1;
+  --vaadin-upload-file-list-lumo-inject-modules: lumo_components_upload-file-list;
+}

package/components/vertical-layout.css

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import '../src/components/vertical-layout.css';
+
+:is(:root, :host)::before {
+  --vaadin-vertical-layout-lumo-inject: 1;
+  --vaadin-vertical-layout-lumo-inject-modules: lumo_components_vertical-layout;
+}

package/components.css

@@ -0,0 +1,71 @@
+/**
+ * @license
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import './components/accordion.css';
+@import './components/app-layout.css';
+@import './components/avatar-group.css';
+@import './components/avatar.css';
+@import './components/button.css';
+@import './components/card.css';
+@import './components/charts.css';
+@import './components/checkbox-group.css';
+@import './components/checkbox.css';
+@import './components/combo-box.css';
+@import './components/confirm-dialog.css';
+@import './components/context-menu.css';
+@import './components/crud.css';
+@import './components/custom-field.css';
+@import './components/dashboard.css';
+@import './components/date-picker.css';
+@import './components/date-time-picker.css';
+@import './components/details-summary.css';
+@import './components/details.css';
+@import './components/dialog.css';
+@import './components/drawer-toggle.css';
+@import './components/email-field.css';
+@import './components/field-highlighter.css';
+@import './components/form-item.css';
+@import './components/form-layout.css';
+@import './components/grid-filter-column.css';
+@import './components/grid-pro-edit-column.css';
+@import './components/grid-pro.css';
+@import './components/grid-selection-column.css';
+@import './components/grid-sort-column.css';
+@import './components/grid-tree-column.css';
+@import './components/grid.css';
+@import './components/horizontal-layout.css';
+@import './components/icon.css';
+@import './components/input-container.css';
+@import './components/integer-field.css';
+@import './components/item.css';
+@import './components/list-box.css';
+@import './components/login.css';
+@import './components/map.css';
+@import './components/master-detail-layout.css';
+@import './components/menu-bar.css';
+@import './components/message-input.css';
+@import './components/message-list.css';
+@import './components/multi-select-combo-box.css';
+@import './components/notification.css';
+@import './components/number-field.css';
+@import './components/overlay.css';
+@import './components/password-field.css';
+@import './components/popover.css';
+@import './components/progress-bar.css';
+@import './components/radio-button.css';
+@import './components/radio-group.css';
+@import './components/rich-text-editor.css';
+@import './components/scroller.css';
+@import './components/select.css';
+@import './components/side-nav.css';
+@import './components/split-layout.css';
+@import './components/tabs.css';
+@import './components/tabsheet.css';
+@import './components/text-area.css';
+@import './components/text-field.css';
+@import './components/time-picker.css';
+@import './components/tooltip.css';
+@import './components/upload.css';
+@import './components/vertical-layout.css';

package/global.css

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import './src/global/badge.css';
+@import './src/global/dark.css';
+@import './src/global/typography.css';
+
+:where(:root, :host) {
+  color: var(--lumo-body-text-color);
+  background-color: var(--lumo-base-color);
+  color-scheme: light;
+}

package/lumo.css

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import './props.css';
+@import './global.css';
+@import './components.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "25.0.0-alpha6",
+  "version": "25.0.0-alpha7",
   "publishConfig": {
     "access": "public"
   },
@@ -23,13 +23,15 @@
     "icons": "gulp icons"
   },
   "files": [
+    "*.css",
     "*.d.ts",
     "*.js",
     "!gulpfile.js",
-    "auto-complete.css",
+    "components/*.css",
     "mixins/*.d.ts",
     "mixins/*.js",
     "presets/*.js",
+    "src",
     "utilities/*.js"
   ],
   "keywords": [
@@ -40,9 +42,9 @@
     "web-component"
   ],
   "dependencies": {
-    "@vaadin/component-base": "25.0.0-alpha6",
-    "@vaadin/icon": "25.0.0-alpha6",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha6"
+    "@vaadin/component-base": "25.0.0-alpha7",
+    "@vaadin/icon": "25.0.0-alpha7",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha7"
   },
   "devDependencies": {
     "gulp": "^5.0.1",
@@ -52,5 +54,5 @@
     "imagemin": "^9.0.0",
     "imagemin-svgo": "^10.0.1"
   },
-  "gitHead": "cd1d084198d2b326c58d44bb39fa4845b71ce551"
+  "gitHead": "87f72707ce6866892f8be5782fa0da008e87dcbc"
 }

package/props.css

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@import './src/props/reset.css';
+@import './src/props/icons.css';
+@import './src/props/style.css';
+@import './src/props/color.css';
+@import './src/props/sizing.css';
+@import './src/props/spacing.css';
+@import './src/props/typography.css';

package/src/components/accordion-heading.css

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@media lumo_components_accordion-heading {
+  :host {
+    display: block;
+    outline: none;
+    -webkit-user-select: none;
+    user-select: none;
+    padding: 0;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+    justify-content: inherit;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: initial;
+    color: inherit;
+    border: initial;
+    outline: none;
+    font: inherit;
+    text-align: inherit;
+  }
+
+  [part='content'] {
+    padding: var(--lumo-space-s) 0;
+  }
+
+  :host([theme~='filled']) {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}

package/src/components/accordion-panel.css

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+@media lumo_components_accordion-panel {
+  :host {
+    display: block;
+    margin: 0;
+    border-bottom: solid 1px var(--lumo-contrast-10pct);
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  [part='content'] {
+    display: none;
+    overflow: hidden;
+  }
+
+  :host([opened]) [part='content'] {
+    display: block;
+    overflow: visible;
+  }
+
+  :host(:last-child) {
+    border-bottom: none;
+  }
+
+  :host([theme~='filled']) {
+    border-bottom: none;
+  }
+
+  :host([theme~='filled']:not(:last-child)) {
+    margin-bottom: 2px;
+  }
+}