@vaadin/vaadin-lumo-styles 25.0.0-alpha5 → 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/font-icons.js

@@ -10,7 +10,7 @@ import { addLumoGlobalStyles } from './global.js';
 const fontIcons = css`
   @font-face {
     font-family: 'lumo-icons';
-    src: url(data:application/font-woff;charset=utf-8;base64,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)
+    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABJ4AAsAAAAAJLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGBAJEuSY21hcAAAAYgAAAEJAAAD5hM28lxnbHlmAAAClAAADIAAABl4kgpjO2hlYWQAAA8UAAAAMAAAADZa/6SoaGhlYQAAD0QAAAAdAAAAJAbpA4JobXR4AAAPZAAAABAAAAC8s7AAAGxvY2EAAA90AAAAYAAAAGCQmpgkbWF4cAAAD9QAAAAfAAAAIAFOAXBuYW1lAAAP9AAAATEAAAIuUUJZCHBvc3QAABEoAAABTgAAAhZggPx+eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGG+zDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+0mMO+p/FEMUcxDANKMyIoogJAIKODDh4nO3T123DMABF0Stb7r333pu+PVwGylcG4xIOn17GiIDDCxFqECWgBBSjZ5RC8kOCtu84m+TzRer5fMpXfkyq+ZB9PnFMNMb9NB8L8dg0XrFMhSq1eF6DJi3adOjSo8+AISPGTJgyY86CJSvWbNiyY8+BIyfOXLhy484j3v9FFi9e5n9raii8//YyvX/LV6RgqEXTyobUtEahZFr1UDbUiqFWDbVmqHXT1xAahto0PV1oGWrbUDuG2jXUnqH2DXVgqENDHRnq2FAnhjo11Jmhzg11YahLQ10Z6tpQN4a6NdSdoe4N9WCoR0M9GerZUC+GejXUm6HeDfVhqE/THxxehpoZ2S8twG6BAAAAeJy1WAtsW+UVvueP7evr+7BvfO/1I7EdP2InTuNQP5ukdZo4tOkjaauG0gJrU+jYeKmMjiE2ZZratWOsdIiJSROIhya12+hU1moTUHUMUd4wbUwCOnUTYuoQUCEenTZVxOz8/7127JC+hEisc8/5H+ee//znP9/5L2fj8K9lhDzASVyAS3I5jvPmi7lo1tAc8Wgs6WsU1EYh1SgcMDxkwmMYnpnDHmO9KsFTkqpK1WWUzvLrG0eROxVNa9O0wzJ7VPeZ4muK19vu9VKzLmSbfk7bCue0zSPBUWbO5ZKnkb8Uy74Kn+1XqTFoEhqjNvL7L81nwGwLwEnOg0JSASMCRnYIypABN0Cb0hkgyhk5Jp9VSKBTOQmvSKQ9Ib8tiqfkRDuRXqnpIDeRn1AdnYYCyT5I5qmOMOogmyTS1im9LUmnpM42nLFXSZg6JdTpR511O8gxUwcky8wOzQ0K2jEE8NM5OsiQ0umvKwkkmBJrLcTO7HBkoDgExWwErVCgb561vNmgtJ3IL8/a8QZZyvlQR6kYBocbHLE+NKMMEcDdyRo6CU6LEZ1IR8WQ66hE9Ig4bXQYr97qIr6IuN/l2i9GfMR1K0y4DcNd0/m+qRN8cx1kbjDcsV1snC5uh3G6jbBo7ru+r3cYc3RidNBISTX7rUS+VT3CdIzP0Q2LjA79+6ZeV0g09dbXfgPTqSqAB0Plm/2YIkHA90/PmQsf1d40xwlUpYPty83kIOfmIlwfN8St4bbgGchljRBojh58zxLIF30xB4rGIGSLKCbjtF9Xzf6Cyvp9qoP1o5iM+77Yj+Js/6Gb9VBIp6TICwKf5l0u/nhDmwvANU8rbcPhsDmkv0ebkVQE/gDtOMALcG9In3mZtpOiHhpx8VWJ9sAZ3rUtrFVvpT1wrxauYM8R1jPOUye0MB/40QchLs0VMLbiar4MuXiBRlQI4tkw6Cq2JXE5Dr2lKT/k9JqXYPuq3tUZCMQCkFndu6qQnEwWHka3f0adX7V5jH9Pe+Wy7D0EBPvTqt+vpnvHe6tVIMliMVk9gREZMYxSh+RtlTvQJJ3ZVUK74piXKtx67jpuB7eL+xn3S+4I9yz3N+5f3KfQAl6IQw4qsB6uw9jIodXoZ7Tb2kNqJt3DQbB6dH7O7prDzy1/1eNLc6PtAvLc+fZLfN+l2jNXhjvOSkK3IK2kezjzKqUrWcN9aUGSnZTsnof75Ev0znLzkdneqnaRas6vkOzUBEkStIBqxqkaYPJRtspzkukv1X123pHzTrqApovXbuGSRnpMbIs5NIqxJSjmkzEeoCxGDPEuEZNoRTQ6xOoJ+LpoRLBFhBHaVX2rjksfwmFOZriE+S1qKSL667ziqi52KfzrctfxF/hWWW7lX5CtOWNkE52DuGPmxRjimQZX1YfBEjodjpvTZzHwAbKRzeMdZnrNUmAh+y4470PEX/N9ZlrIU/BothH+N2skncJxn7+L9dFOzkk95NV9Od5XyhWiPPC5kq909jvbwldWPp5ZXoD4N6aHTxfITuftyzY+NF2o/uOjX5wucPX8OsIwJsEttN6PuJ1MsQyrt8RSyVQyXyqWilmfgZ28g3eksmXIZyCmgBYGEryC+n2LBAjmyavHVy/o7V2wevwPNebqsTvHxu68lxK44Qq6M1tE9TiF+JlPmwYyZtQaisRao2VfisujdWhMKcVjHRBHO1K8D6sMHc3CdSOA59BKXymFsGuPZQBhAsFBU6BleJ1HXjA41h3zTnqz+thQn+yZnPTIfYOru2NubAqMDS7w29dVj/St6+tbt5kSuKs1G1gxuDBgv2KNKvcMXa5njclANjDCRq5TpQWDI92xwG5rOJLaPj5H+rg2Zinbe3QbrSssr9KgyJfg2D7R1yHdc4/U4RP3NfCw+QtNJl/3wzGsMXpR+zkqLK+JirPAQqXo/HXXSYpo7pnHGbQRG6yYtw7zzHxGt+qaOimadQnG+S0YdyoXRARcQJEZ30rLKbTCZBCYay3ehq4MNIzJGvByIt/ZmU800r/OkZGSTJAJ7wexoRMS7JlIwJ56M9S7E4naXnwAb81fny+RqD/+jHXY69Qf0pPwkgt8Ha5jgvAMq/Qeq5+NCvktJ3JeLkvPBg3+DBQWFkveklmFpvi4WT9h3YH1V0nFgEPn4yBWp5BHy68py4mjRVc+zouxIIi5+yrvsGpnQg+tivXHqoeR4I/0L3rP7QccutwNrYMS8cXlgStXhfTqYTr8ycnqp+ZAmEDSeG87yGlcFM/uMGa4C55WVh3yVvWH9ySzmjQs/EwW4cx5T3AuLYii0x6zO0VJijklkJ2Mquc9yXBCcp6wO532E06pelx2RmmKjzrl2hrux1zr54pYR6221kCjpLYKPMQOuo5Ogy4pW2IdpWSK/cd41scbTUc+laUg4dAMOFMZX7a0PD5eXrpsfM8sW72lI7NkuLKzMrwk0+FyOFzNIlzVVUmlKmsp6Qql0wPp9LY2f3fXhqUburr9bQ3su4loj8/v9/VEEy5BcDVJP7Y0IFlFVQykObu13l9x7Vw/N8Kt4q6kuGTkmpdVqq05Hqu7Ipf18cl4fb3UF5he8CRhwKHLCjTcsj4BaMLhgR4v2LvYMIYbliiJ2cEVbP2VhafrXGnQ1zxKOvkw4Lr5uxnlq0+RtUKwVZh5HOmOxS0Ni3XyudTkEHPEVI1xN49wdj/M8+jNHzIK1SlU1hpEZS5vsHbG6P7rWN9n8IzF9RzuIa8ppAeQZaFrx7VhiRw3Q5hxeE2LFqLkgenpzEQfBC8rx6anR28bHb1t5nhmImPxo7Q38xuYqB4mG9dk1mRiQ5cF11R23LWjchYlk8OnbbIRCzdZ3xvO8xWkSTjgV8kYKzefoHR+nmRa/f643/+0GsBbSOBplUlWjSPCHswxHNCIpXkEqxSwe3w+D/yT0d2+Dh/+6nfC+8nvOZ7r4Ea5ddxm7ia0tBDnC6Wczlu5FVExp8cLmKPoMcBrkreQM4+EHi8DG8LrVoJO5TSDvfIil3s36entvTG5OOH1h1buLmmy7FO6M7oky36lGxKLO71Kq961NAk97oDbLR/DnbQpmqbMfEbp/Dyx/6g9GXn8B8FoyK+E9DYSD+db1VZJEaH6ZkTyipIYjLQZboO0EEP1hyNBlyRrIvzH/EBzuulh1VSff0A+IYe5boaW7LAYDnrBj1AsCAOWV6yJpzBKPyz00ezXlZZjYgsZcDrdvCzatdDSbldI4t0x54AguG22fGZzLPu9vF9pIzs7RSK32La5o4KNb1NGNo32uuy83Sm4r8PhhKgeXyK/8+BE39fQntq5P4hIEucWcZdzE7hrUXZ7bUIMe3QWTmjZCSWK7ozoKZ5+kOHjRS9Oqac73sx02eJfyJiJEDNPsCe5ceYJLRzWyBjSmWcPCAFxxUEhJG3Z/muhTVy9/dqWd8KFciESQRIuR3rC4Z4IeSw6EKtOxQai+IRH8EkRaIoB1iN6qKocEFocPS+JNmflmokXRBvfs12EpRFTCZKIHqGKGmohWtPaa7Wwz4618O+qb7jaNa3dBWkvjByyi074rlO0H5I6at+iRHI7q6HidGGDGKYGxVYWwT14U6ZhDK+9SI/Gi3gs6gw7J83Ns9/qvHASPc91lgkiHgI5uhi9WigVkxgAGaC5BQOBwgvExIHJy7pXhjbaBcczktcOgmwf6f7mwMjt61SwBTsVx+ne5V3hto02WbBDq/wnXgBbJdlTurbs1EKqs/5OjfydVWsF6xpACzZEWTONYWozS2yW0GeBG84Ikm23IOy2ScLA1v7+rd/e2o/lGhaUw5UHK8PJri5kyA1TvGDbK7QJe20Cv3OADurfOkA/Z0zgmFR9cD2vKSRRy2tQAwi8SyHAmmax+0aT0GIThOoWmvnhUSEoCMIpyp9ibJqySEgbijgIMzoOeg6FU5Q/JRxHNk3ZtDBbxyfxrkJrFa4TX0Rj2RGvh7Gu8U23ip/vkvwxedfwWpbJacbObcjlNly/IZvd8N9dUtwP8q4MJnCW59febPVcvyFn+b7N2u8MwSji2a0KobSQStJjT6EyTDMB9Tt5/svvdy0v77VqYnpbwXrMaxa5mG2/wFxktr0vkkiUE4lI0+PBi8qpcnxRHH9nmx6kNG/KJNYdtHa/UDXHfF8x579fwPN4g5iWIhoR8YphftqUpqzrhYddL+yk0vBN1R9x7XcJB1wRPxGrf5x7vyDWNz+KwxpFxYbCrhYscIaluFFKqk+t2fPQnjWw2ZKRVE/2Ty1aNNX/f6qi+ll4nGNgZGBgAOL5N/rD4/ltvjJwM78AijDUqG5oRND/nzNPZboF5HIwMIFEAVRVC/14nGNgZGBgDvqfBSRfMAAB81QGRgZUoA8AVvoDcwAAAHicY2BgYGB+MTQxAFk5KjsAAAAAAE4AmgDoAQoBLAFOAXABmgHEAe4CGgKcAugEmgS8BNYE8gUOBSoFTAWcBfIGIAZmBrgG2gcqB4wIBAiMCNIJDAkkCbgKAAp4CpQKvgr4Cz4LgAu2C/AMUAyWDLx4nGNgZGBg0GdMYRBlAAEmIOYCQgaG/2A+AwAZAAHAAHicbZE9TsMwGIbf9A/RSggEYmHxAgtq+jN2ZGj3Dt3T1GlTOXHkuBW9AyfgEByCgTNwCA7BW/NJlVBtyd/jx+8XKwmAa3whwnFE6Ib1OBq44O6Pm6Qb4Rb5QbiNHh6FO/RD4S6eMRHu4RaaT4halzR3eBVu4Apvwk36d+EW+UO4jXt8Cnfov4W7WOBHuIen6MXsCtvPU1vWc73emcSdxIkW2tW5LdUoHp7kTJfaJV6v1PKg6v167H2mMmcLNbWl18ZYVTm71amPN95Xk8EgEx+ntoDBDgUs+siRspaoMef7rukNEriziXNuwS7Hmoe9wggxv+e55IzJMqQTeNYV00scuNbY8+YxrUfGfcaMZb/CNPQe04bT0lThbEuT0sfYhK6K/23Amf3Lx+H24hcj4GScAAAAeJxtjutO3DAQhXN2nTSbzS6F0gst0NLSe1P6Sl57SKJ47Wgcg+jTkxuIH4w0o+9ojs5MtIimyqLn6woLLCEQI8ELpFghwxo5NtjiAC9xiCO8wjFe4w3e4h1O8B4fcIoznOMjPuECn/EFl/iKb/iOH/iJX/iNPyjwF1f4F+XS1KUtFNmOOJuEoetuPSHXZdVl0paGCu1u7YyTY8TRkU4c2kwyu9vZOuJkHXG2jhza1U5yoSrJndiRMamShqyWvFIVqWYvucl7umFnx7hHMQRuHsT034MKbawMSdtPp5qlcmWs2HmfDgHGSb3WLMuiklYbSjW7dlgI0nUXU/8WL+mO8r4LXXu5M6SFqW0j9mRDvK9t8LljTUy6MLXv4rZylobZOdEaedeP4EW/dgnTcG/D5Ov/NF9MPElWlQhWu22wT6OS0A5+ETxxFN0Dx12W6gAA)
       format('woff');
     font-weight: normal;
     font-style: normal;
@@ -36,31 +36,33 @@ const fontIcons = css`
     --lumo-icons-chevron-left: '\\ea11';
     --lumo-icons-chevron-right: '\\ea12';
     --lumo-icons-chevron-up: '\\ea13';
-    --lumo-icons-clock: '\\ea14';
-    --lumo-icons-cog: '\\ea15';
-    --lumo-icons-cross: '\\ea16';
-    --lumo-icons-download: '\\ea17';
-    --lumo-icons-drag-handle: '\\ea18';
-    --lumo-icons-dropdown: '\\ea19';
-    --lumo-icons-edit: '\\ea1a';
-    --lumo-icons-error: '\\ea1b';
-    --lumo-icons-eye: '\\ea1c';
-    --lumo-icons-eye-disabled: '\\ea1d';
-    --lumo-icons-menu: '\\ea1e';
-    --lumo-icons-minus: '\\ea1f';
-    --lumo-icons-ordered-list: '\\ea20';
-    --lumo-icons-phone: '\\ea21';
-    --lumo-icons-photo: '\\ea22';
-    --lumo-icons-play: '\\ea23';
-    --lumo-icons-plus: '\\ea24';
-    --lumo-icons-redo: '\\ea25';
-    --lumo-icons-reload: '\\ea26';
-    --lumo-icons-resize-handle: '\\ea27';
-    --lumo-icons-search: '\\ea28';
-    --lumo-icons-undo: '\\ea29';
-    --lumo-icons-unordered-list: '\\ea2a';
-    --lumo-icons-upload: '\\ea2b';
-    --lumo-icons-user: '\\ea2c';
+    --lumo-icons-clean: '\\ea14';
+    --lumo-icons-clock: '\\ea15';
+    --lumo-icons-cog: '\\ea16';
+    --lumo-icons-cross: '\\ea17';
+    --lumo-icons-download: '\\ea18';
+    --lumo-icons-drag-handle: '\\ea19';
+    --lumo-icons-dropdown: '\\ea1a';
+    --lumo-icons-edit: '\\ea1b';
+    --lumo-icons-error: '\\ea1c';
+    --lumo-icons-eye: '\\ea1d';
+    --lumo-icons-eye-disabled: '\\ea1e';
+    --lumo-icons-link: '\\ea1f';
+    --lumo-icons-menu: '\\ea20';
+    --lumo-icons-minus: '\\ea21';
+    --lumo-icons-ordered-list: '\\ea22';
+    --lumo-icons-phone: '\\ea23';
+    --lumo-icons-photo: '\\ea24';
+    --lumo-icons-play: '\\ea25';
+    --lumo-icons-plus: '\\ea26';
+    --lumo-icons-redo: '\\ea27';
+    --lumo-icons-reload: '\\ea28';
+    --lumo-icons-resize-handle: '\\ea29';
+    --lumo-icons-search: '\\ea2a';
+    --lumo-icons-undo: '\\ea2b';
+    --lumo-icons-unordered-list: '\\ea2c';
+    --lumo-icons-upload: '\\ea2d';
+    --lumo-icons-user: '\\ea2e';
   }
 `;
 

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/mixins/input-field-shared.js

@@ -38,7 +38,6 @@ const inputField = css`
   }
 
   :host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
-    -webkit-mask-image: none;
     mask-image: none;
   }
 
@@ -73,7 +72,7 @@ const inputField = css`
      the ring is only visible / has a width when the respective CSS property is
      "enabled" using a value of 1 */
   :host([focused]) [part='input-field'] {
-    /* Borders are implemented using box-shadows as well. To avoid overriding 
+    /* Borders are implemented using box-shadows as well. To avoid overriding
        the border on focus, even if the pointer focus-ring is disabled, we need to:
        - Duplicate the border box shadow for this rule
        - Remove the border (by using width of 0) when the focus-ring is visible,

package/mixins/menu-overlay.js

@@ -67,9 +67,7 @@ const menuOverlayExt = css`
       padding: 30px var(--lumo-space-m);
       max-height: inherit;
       box-sizing: border-box;
-      -webkit-overflow-scrolling: touch;
       overflow: auto;
-      -webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
       mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "25.0.0-alpha5",
+  "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-alpha5",
-    "@vaadin/icon": "25.0.0-alpha5",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha5"
+    "@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": "7dc87bb2a3cae81ed53259fa10b58f990d50c6fd"
+  "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;
+  }
+}