@vaadin/vaadin-lumo-styles 25.0.0-alpha19 → 25.0.0-alpha20

package/components/list-box.css

@@ -6,6 +6,6 @@
 @import '../src/components/list-box.css';
 
 :is(:root, :host)::before {
-  --vaadin-list-box-lumo-inject: 1;
-  --vaadin-list-box-lumo-inject-modules: lumo_components_list-box;
+  --_lumo-vaadin-list-box-inject: 1;
+  --_lumo-vaadin-list-box-inject-modules: lumo_components_list-box;
 }

package/components/login-form.css

@@ -9,6 +9,6 @@
 @import './text-field.css';
 
 :is(:root, :host)::before {
-  --vaadin-login-form-wrapper-lumo-inject: 1;
-  --vaadin-login-form-wrapper-lumo-inject-modules: lumo_components_login-form-wrapper;
+  --_lumo-vaadin-login-form-wrapper-inject: 1;
+  --_lumo-vaadin-login-form-wrapper-inject-modules: lumo_components_login-form-wrapper;
 }

package/components/login.css

@@ -8,8 +8,8 @@
 @import './login-form.css';
 
 :is(:root, :host)::before {
-  --vaadin-login-overlay-wrapper-lumo-inject: 1;
-  --vaadin-login-overlay-wrapper-lumo-inject-modules:
+  --_lumo-vaadin-login-overlay-wrapper-inject: 1;
+  --_lumo-vaadin-login-overlay-wrapper-inject-modules:
     lumo_mixins_overlay,
     lumo_components_login-overlay-wrapper;
 }

package/components/map.css

@@ -6,6 +6,6 @@
 @import '../src/components/map.css';
 
 :is(:root, :host)::before {
-  --vaadin-map-lumo-inject: 1;
-  --vaadin-map-lumo-inject-modules: lumo_components_map;
+  --_lumo-vaadin-map-inject: 1;
+  --_lumo-vaadin-map-inject-modules: lumo_components_map;
 }

package/components/menu-bar.css

@@ -18,30 +18,30 @@
 @import '../src/components/menu-bar.css';
 
 :is(:root, :host)::before {
-  --vaadin-menu-bar-lumo-inject: 1;
-  --vaadin-menu-bar-lumo-inject-modules: lumo_components_menu-bar;
+  --_lumo-vaadin-menu-bar-inject: 1;
+  --_lumo-vaadin-menu-bar-inject-modules: lumo_components_menu-bar;
 
-  --vaadin-menu-bar-overlay-lumo-inject: 1;
-  --vaadin-menu-bar-overlay-lumo-inject-modules:
+  --_lumo-vaadin-menu-bar-overlay-inject: 1;
+  --_lumo-vaadin-menu-bar-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_mixins_menu-overlay-core,
     lumo_mixins_menu-overlay-ext,
     lumo_components_context-menu-overlay,
     lumo_components_menu-bar-overlay;
 
-  --vaadin-menu-bar-list-box-lumo-inject: 1;
-  --vaadin-menu-bar-list-box-lumo-inject-modules:
+  --_lumo-vaadin-menu-bar-list-box-inject: 1;
+  --_lumo-vaadin-menu-bar-list-box-inject-modules:
     lumo_components_list-box,
     lumo_components_context-menu-list-box;
 
-  --vaadin-menu-bar-item-lumo-inject: 1;
-  --vaadin-menu-bar-item-lumo-inject-modules:
+  --_lumo-vaadin-menu-bar-item-inject: 1;
+  --_lumo-vaadin-menu-bar-item-inject-modules:
     lumo_components_item,
     lumo_components_context-menu-item,
     lumo_components_menu-bar-item;
 
-  --vaadin-menu-bar-button-lumo-inject: 1;
-  --vaadin-menu-bar-button-lumo-inject-modules:
+  --_lumo-vaadin-menu-bar-button-inject: 1;
+  --_lumo-vaadin-menu-bar-button-inject-modules:
     lumo_components_button,
     lumo_components_menu-bar-button;
 }

package/components/message-input-button.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 './button.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-message-input-button-inject: 1;
+  --_lumo-vaadin-message-input-button-inject-modules: lumo_components_button;
+}

package/components/message-input.css

@@ -4,10 +4,10 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 @import '../src/components/message-input.css';
-@import './button.css';
+@import './message-input-button.css';
 @import './text-area.css';
 
 :is(:root, :host)::before {
-  --vaadin-message-input-lumo-inject: 1;
-  --vaadin-message-input-lumo-inject-modules: lumo_components_message-input;
+  --_lumo-vaadin-message-input-inject: 1;
+  --_lumo-vaadin-message-input-inject-modules: lumo_components_message-input;
 }

package/components/message.css

@@ -7,6 +7,6 @@
 @import './avatar.css';
 
 :is(:root, :host)::before {
-  --vaadin-message-lumo-inject: 1;
-  --vaadin-message-lumo-inject-modules: lumo_components_message;
+  --_lumo-vaadin-message-inject: 1;
+  --_lumo-vaadin-message-inject-modules: lumo_components_message;
 }

package/components/multi-select-combo-box.css

@@ -24,13 +24,13 @@
 @import '../src/components/multi-select-combo-box.css';
 
 :is(:root, :host)::before {
-  --vaadin-multi-select-combo-box-container-lumo-inject: 1;
-  --vaadin-multi-select-combo-box-container-lumo-inject-modules:
+  --_lumo-vaadin-multi-select-combo-box-container-inject: 1;
+  --_lumo-vaadin-multi-select-combo-box-container-inject-modules:
     lumo_components_input-container,
     lumo_components_multi-select-combo-box-container;
 
-  --vaadin-multi-select-combo-box-overlay-lumo-inject: 1;
-  --vaadin-multi-select-combo-box-overlay-lumo-inject-modules:
+  --_lumo-vaadin-multi-select-combo-box-overlay-inject: 1;
+  --_lumo-vaadin-multi-select-combo-box-overlay-inject-modules:
     lumo_mixins_loader,
     lumo_mixins_combo-box-loader,
     lumo_mixins_overlay,
@@ -38,19 +38,19 @@
     lumo_mixins_combo-box-overlay,
     lumo_components_multi-select-combo-box-overlay;
 
-  --vaadin-multi-select-combo-box-chip-lumo-inject: 1;
-  --vaadin-multi-select-combo-box-chip-lumo-inject-modules:
+  --_lumo-vaadin-multi-select-combo-box-chip-inject: 1;
+  --_lumo-vaadin-multi-select-combo-box-chip-inject-modules:
     lumo_mixins_field-button,
     lumo_components_multi-select-combo-box-chip;
 
-  --vaadin-multi-select-combo-box-item-lumo-inject: 1;
-  --vaadin-multi-select-combo-box-item-lumo-inject-modules:
+  --_lumo-vaadin-multi-select-combo-box-item-inject: 1;
+  --_lumo-vaadin-multi-select-combo-box-item-inject-modules:
     lumo_components_item,
     lumo_components_combo-box-item,
     lumo_components_multi-select-combo-box-item;
 
-  --vaadin-multi-select-combo-box-lumo-inject: 1;
-  --vaadin-multi-select-combo-box-lumo-inject-modules:
+  --_lumo-vaadin-multi-select-combo-box-inject: 1;
+  --_lumo-vaadin-multi-select-combo-box-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,

package/components/notification.css

@@ -7,9 +7,9 @@
 @import '../src/components/notification-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-notification-container-lumo-inject: 1;
-  --vaadin-notification-container-lumo-inject-modules: lumo_components_notification-container;
+  --_lumo-vaadin-notification-container-inject: 1;
+  --_lumo-vaadin-notification-container-inject-modules: lumo_components_notification-container;
 
-  --vaadin-notification-card-lumo-inject: 1;
-  --vaadin-notification-card-lumo-inject-modules: lumo_components_notification-card;
+  --_lumo-vaadin-notification-card-inject: 1;
+  --_lumo-vaadin-notification-card-inject-modules: lumo_components_notification-card;
 }

package/components/number-field.css

@@ -13,8 +13,8 @@
 @import './input-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-number-field-lumo-inject: 1;
-  --vaadin-number-field-lumo-inject-modules:
+  --_lumo-vaadin-number-field-inject: 1;
+  --_lumo-vaadin-number-field-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,

package/components/overlay.css

@@ -6,6 +6,6 @@
 @import '../src/mixins/overlay.css';
 
 :is(:root, :host)::before {
-  --vaadin-overlay-lumo-inject: 1;
-  --vaadin-overlay-lumo-inject-modules: lumo_mixins_overlay;
+  --_lumo-vaadin-overlay-inject: 1;
+  --_lumo-vaadin-overlay-inject-modules: lumo_mixins_overlay;
 }

package/components/password-field.css

@@ -15,8 +15,8 @@
 @import './input-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-password-field-lumo-inject: 1;
-  --vaadin-password-field-lumo-inject-modules:
+  --_lumo-vaadin-password-field-inject: 1;
+  --_lumo-vaadin-password-field-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -25,8 +25,8 @@
     lumo_mixins_field-base,
     lumo_components_password-field;
 
-  --vaadin-password-field-button-lumo-inject: 1;
-  --vaadin-password-field-button-lumo-inject-modules:
+  --_lumo-vaadin-password-field-button-inject: 1;
+  --_lumo-vaadin-password-field-button-inject-modules:
     lumo_components_button,
     lumo_components_password-field-button;
 }

package/components/popover.css

@@ -7,8 +7,8 @@
 @import '../src/components/popover-overlay.css';
 
 :is(:root, :host)::before {
-  --vaadin-popover-overlay-lumo-inject: 1;
-  --vaadin-popover-overlay-lumo-inject-modules:
+  --_lumo-vaadin-popover-overlay-inject: 1;
+  --_lumo-vaadin-popover-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_components_popover-overlay;
 }

package/components/progress-bar.css

@@ -6,6 +6,6 @@
 @import '../src/components/progress-bar.css';
 
 :is(:root, :host)::before {
-  --vaadin-progress-bar-lumo-inject: 1;
-  --vaadin-progress-bar-lumo-inject-modules: lumo_components_progress-bar;
+  --_lumo-vaadin-progress-bar-inject: 1;
+  --_lumo-vaadin-progress-bar-inject-modules: lumo_components_progress-bar;
 }

package/components/radio-button.css

@@ -7,8 +7,8 @@
 @import '../src/components/radio-button.css';
 
 :is(:root, :host)::before {
-  --vaadin-radio-button-lumo-inject: 1;
-  --vaadin-radio-button-lumo-inject-modules:
+  --_lumo-vaadin-radio-button-inject: 1;
+  --_lumo-vaadin-radio-button-inject-modules:
     lumo_mixins_checkable-field,
     lumo_components_radio-button;
 }

package/components/radio-group.css

@@ -12,8 +12,8 @@
 @import './radio-button.css';
 
 :is(:root, :host)::before {
-  --vaadin-radio-group-lumo-inject: 1;
-  --vaadin-radio-group-lumo-inject-modules:
+  --_lumo-vaadin-radio-group-inject: 1;
+  --_lumo-vaadin-radio-group-inject-modules:
     lumo_mixins_group-field,
     lumo_mixins_field-label,
     lumo_mixins_field-required,

package/components/rich-text-editor.css

@@ -14,13 +14,13 @@
 @import './tooltip.css';
 
 :is(:root, :host)::before {
-  --vaadin-rich-text-editor-lumo-inject: 1;
-  --vaadin-rich-text-editor-lumo-inject-modules:
+  --_lumo-vaadin-rich-text-editor-inject: 1;
+  --_lumo-vaadin-rich-text-editor-inject-modules:
     lumo_global_typography,
     lumo_components_rich-text-editor;
 
-  --vaadin-rich-text-editor-popup-overlay-lumo-inject: 1;
-  --vaadin-rich-text-editor-popup-overlay-lumo-inject-modules:
+  --_lumo-vaadin-rich-text-editor-popup-overlay-inject: 1;
+  --_lumo-vaadin-rich-text-editor-popup-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_components_rich-text-editor-popup-overlay;
 }

package/components/scroller.css

@@ -6,6 +6,6 @@
 @import '../src/components/scroller.css';
 
 :is(:root, :host)::before {
-  --vaadin-scroller-lumo-inject: 1;
-  --vaadin-scroller-lumo-inject-modules: lumo_components_scroller;
+  --_lumo-vaadin-scroller-inject: 1;
+  --_lumo-vaadin-scroller-inject-modules: lumo_components_scroller;
 }

package/components/select.css

@@ -20,8 +20,8 @@
 @import './input-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-select-lumo-inject: 1;
-  --vaadin-select-lumo-inject-modules:
+  --_lumo-vaadin-select-inject: 1;
+  --_lumo-vaadin-select-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -30,19 +30,19 @@
     lumo_mixins_field-base,
     lumo_components_select;
 
-  --vaadin-select-item-lumo-inject: 1;
-  --vaadin-select-item-lumo-inject-modules: lumo_components_item;
+  --_lumo-vaadin-select-item-inject: 1;
+  --_lumo-vaadin-select-item-inject-modules: lumo_components_item;
 
-  --vaadin-select-overlay-lumo-inject: 1;
-  --vaadin-select-overlay-lumo-inject-modules:
+  --_lumo-vaadin-select-overlay-inject: 1;
+  --_lumo-vaadin-select-overlay-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;
+  --_lumo-vaadin-select-list-box-inject: 1;
+  --_lumo-vaadin-select-list-box-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;
+  --_lumo-vaadin-select-value-button-inject: 1;
+  --_lumo-vaadin-select-value-button-inject-modules: lumo_components_select-value-button;
 }

package/components/side-nav-item.css

@@ -7,8 +7,8 @@
 @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-vaadin-side-nav-item-inject: 1;
+  --_lumo-vaadin-side-nav-item-inject-modules:
     lumo_mixins_field-button,
     lumo_components_side-nav-item;
 }

package/components/side-nav.css

@@ -7,6 +7,6 @@
 @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;
+  --_lumo-vaadin-side-nav-inject: 1;
+  --_lumo-vaadin-side-nav-inject-modules: lumo_components_side-nav;
 }

package/components/split-layout.css

@@ -6,6 +6,6 @@
 @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;
+  --_lumo-vaadin-split-layout-inject: 1;
+  --_lumo-vaadin-split-layout-inject-modules: lumo_components_split-layout;
 }

package/components/tab.css

@@ -6,6 +6,6 @@
 @import '../src/components/tab.css';
 
 :is(:root, :host)::before {
-  --vaadin-tab-lumo-inject: 1;
-  --vaadin-tab-lumo-inject-modules: lumo_components_tab;
+  --_lumo-vaadin-tab-inject: 1;
+  --_lumo-vaadin-tab-inject-modules: lumo_components_tab;
 }

package/components/tabs.css

@@ -7,6 +7,6 @@
 @import './tab.css';
 
 :is(:root, :host)::before {
-  --vaadin-tabs-lumo-inject: 1;
-  --vaadin-tabs-lumo-inject-modules: lumo_components_tabs;
+  --_lumo-vaadin-tabs-inject: 1;
+  --_lumo-vaadin-tabs-inject-modules: lumo_components_tabs;
 }

package/components/tabsheet.css

@@ -9,11 +9,11 @@
 @import './tabs.css';
 
 :is(:root, :host)::before {
-  --vaadin-tabsheet-lumo-inject: 1;
-  --vaadin-tabsheet-lumo-inject-modules:
+  --_lumo-vaadin-tabsheet-inject: 1;
+  --_lumo-vaadin-tabsheet-inject-modules:
     lumo_mixins_loader,
     lumo_components_tabsheet;
 
-  --vaadin-tabsheet-scroller-lumo-inject: 1;
-  --vaadin-tabsheet-scroller-lumo-inject-modules: lumo_components_scroller;
+  --_lumo-vaadin-tabsheet-scroller-inject: 1;
+  --_lumo-vaadin-tabsheet-scroller-inject-modules: lumo_components_scroller;
 }

package/components/text-area.css

@@ -13,8 +13,8 @@
 @import './input-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-text-area-lumo-inject: 1;
-  --vaadin-text-area-lumo-inject-modules:
+  --_lumo-vaadin-text-area-inject: 1;
+  --_lumo-vaadin-text-area-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,

package/components/text-field.css

@@ -12,8 +12,8 @@
 @import './input-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-text-field-lumo-inject: 1;
-  --vaadin-text-field-lumo-inject-modules:
+  --_lumo-vaadin-text-field-inject: 1;
+  --_lumo-vaadin-text-field-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,

package/components/time-picker.css

@@ -19,8 +19,8 @@
 @import './input-container.css';
 
 :is(:root, :host)::before {
-  --vaadin-time-picker-lumo-inject: 1;
-  --vaadin-time-picker-lumo-inject-modules:
+  --_lumo-vaadin-time-picker-inject: 1;
+  --_lumo-vaadin-time-picker-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -29,13 +29,13 @@
     lumo_mixins_field-base,
     lumo_components_time-picker;
 
-  --vaadin-time-picker-item-lumo-inject: 1;
-  --vaadin-time-picker-item-lumo-inject-modules:
+  --_lumo-vaadin-time-picker-item-inject: 1;
+  --_lumo-vaadin-time-picker-item-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-vaadin-time-picker-overlay-inject: 1;
+  --_lumo-vaadin-time-picker-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_mixins_menu-overlay-core,
     lumo_mixins_combo-box-overlay,

package/components/tooltip.css

@@ -7,8 +7,8 @@
 @import '../src/components/tooltip-overlay.css';
 
 :is(:root, :host)::before {
-  --vaadin-tooltip-overlay-lumo-inject: 1;
-  --vaadin-tooltip-overlay-lumo-inject-modules:
+  --_lumo-vaadin-tooltip-overlay-inject: 1;
+  --_lumo-vaadin-tooltip-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_components_tooltip-overlay;
 }

package/components/upload.css

@@ -11,14 +11,14 @@
 @import './progress-bar.css';
 
 :is(:root, :host)::before {
-  --vaadin-upload-lumo-inject: 1;
-  --vaadin-upload-lumo-inject-modules: lumo_components_upload;
+  --_lumo-vaadin-upload-inject: 1;
+  --_lumo-vaadin-upload-inject-modules: lumo_components_upload;
 
-  --vaadin-upload-icon-lumo-inject: 1;
-  --vaadin-upload-icon-lumo-inject-modules: lumo_components_upload-icon;
+  --_lumo-vaadin-upload-icon-inject: 1;
+  --_lumo-vaadin-upload-icon-inject-modules: lumo_components_upload-icon;
 
-  --vaadin-upload-file-lumo-inject: 1;
-  --vaadin-upload-file-lumo-inject-modules:
+  --_lumo-vaadin-upload-file-inject: 1;
+  --_lumo-vaadin-upload-file-inject-modules:
     lumo_mixins_field-button,
     lumo_components_upload-file;
 }

package/components/vertical-layout.css

@@ -6,6 +6,6 @@
 @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;
+  --_lumo-vaadin-vertical-layout-inject: 1;
+  --_lumo-vaadin-vertical-layout-inject-modules: lumo_components_vertical-layout;
 }