@vaadin/vaadin-lumo-styles 25.0.0-alpha9 → 25.0.0-beta1

package/all-imports.d.ts

@@ -2,11 +2,3 @@ export * from './mixins/field-button.js';
 export * from './mixins/menu-overlay.js';
 export * from './mixins/overlay.js';
 export * from './mixins/required-field.js';
-export * from './badge.js';
-export * from './color.js';
-export * from './sizing.js';
-export * from './spacing.js';
-export * from './style.js';
-export * from './typography.js';
-export * from './user-colors.js';
-export * from './utility.js';

package/all-imports.js

@@ -11,22 +11,4 @@ import './mixins/overlay.js';
 export * from './mixins/overlay.js';
 import './mixins/required-field.js';
 export * from './mixins/required-field.js';
-import './badge.js';
-export * from './badge.js';
-import './color.js';
-export * from './color.js';
-import './font-icons.js';
-export * from './font-icons.js';
-import './sizing.js';
-export * from './sizing.js';
-import './spacing.js';
-export * from './spacing.js';
-import './style.js';
-export * from './style.js';
-import './typography.js';
-export * from './typography.js';
-import './user-colors.js';
-export * from './user-colors.js';
-import './utility.js';
-export * from './utility.js';
 import './vaadin-iconset.js';

package/components/accordion-heading.css

@@ -6,9 +6,10 @@
 @import '../src/components/accordion-heading.css';
 @import '../src/components/details-summary.css';
 
-:is(:root, :host)::before {
-  --vaadin-accordion-heading-lumo-inject: 1;
-  --vaadin-accordion-heading-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-accordion-heading-inject: 1;
+  --_lumo-vaadin-accordion-heading-inject-modules:
     lumo_components_details-summary,
     lumo_components_accordion-heading;
 }

package/components/accordion-panel.css

@@ -7,9 +7,10 @@
 @import '../src/components/details.css';
 @import './accordion-heading.css';
 
-:is(:root, :host)::before {
-  --vaadin-accordion-panel-lumo-inject: 1;
-  --vaadin-accordion-panel-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-accordion-panel-inject: 1;
+  --_lumo-vaadin-accordion-panel-inject-modules:
     lumo_components_details,
     lumo_components_accordion-panel;
 }

package/components/app-layout.css

@@ -5,7 +5,8 @@
  */
 @import '../src/components/app-layout.css';
 
-:is(:root, :host)::before {
-  --vaadin-app-layout-lumo-inject: 1;
-  --vaadin-app-layout-lumo-inject-modules: lumo_components_app-layout;
+:root::before,
+:host::before {
+  --_lumo-vaadin-app-layout-inject: 1;
+  --_lumo-vaadin-app-layout-inject-modules: lumo_components_app-layout;
 }

package/components/avatar-group.css

@@ -11,21 +11,22 @@
 @import '../src/components/item.css';
 @import '../src/components/list-box.css';
 
-:is(:root, :host)::before {
-  --vaadin-avatar-group-lumo-inject: 1;
-  --vaadin-avatar-group-lumo-inject-modules: lumo_components_avatar-group;
+:root::before,
+:host::before {
+  --_lumo-vaadin-avatar-group-inject: 1;
+  --_lumo-vaadin-avatar-group-inject-modules: lumo_components_avatar-group;
 
-  --vaadin-avatar-group-overlay-lumo-inject: 1;
-  --vaadin-avatar-group-overlay-lumo-inject-modules:
+  --_lumo-vaadin-avatar-group-overlay-inject: 1;
+  --_lumo-vaadin-avatar-group-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_mixins_menu-overlay-core,
     lumo_components_avatar-group-overlay;
 
-  --vaadin-avatar-group-menu-lumo-inject: 1;
-  --vaadin-avatar-group-menu-lumo-inject-modules: lumo_components_list-box;
+  --_lumo-vaadin-avatar-group-menu-inject: 1;
+  --_lumo-vaadin-avatar-group-menu-inject-modules: lumo_components_list-box;
 
-  --vaadin-avatar-group-menu-item-lumo-inject: 1;
-  --vaadin-avatar-group-menu-item-lumo-inject-modules:
+  --_lumo-vaadin-avatar-group-menu-item-inject: 1;
+  --_lumo-vaadin-avatar-group-menu-item-inject-modules:
     lumo_components_item,
     lumo_components_avatar-group-menu-item;
 }

package/components/avatar.css

@@ -5,12 +5,14 @@
  */
 @import '../src/components/avatar.css';
 
-:is(:root, :host)::before {
-  --vaadin-avatar-lumo-inject: 1;
-  --vaadin-avatar-lumo-inject-modules: lumo_components_avatar;
+:root::before,
+:host::before {
+  --_lumo-vaadin-avatar-inject: 1;
+  --_lumo-vaadin-avatar-inject-modules: lumo_components_avatar;
 }
 
-:where(:root, :host) {
+:where(:root),
+:where(:host) {
   --vaadin-avatar-size: var(
     --lumo-size-m
   );

package/components/button.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/button.css';
 
-:is(:root, :host)::before {
-  --vaadin-button-lumo-inject: 1;
-  --vaadin-button-lumo-inject-modules:
-    lumo_components_button;
+:root::before,
+:host::before {
+  --_lumo-vaadin-button-inject: 1;
+  --_lumo-vaadin-button-inject-modules: lumo_components_button;
 }

package/components/card.css

@@ -5,12 +5,14 @@
  */
 @import '../src/components/card.css';
 
-:is(:root, :host)::before {
-  --vaadin-card-lumo-inject: 1;
-  --vaadin-card-lumo-inject-modules: lumo_components_card;
+:root::before,
+:host::before {
+  --_lumo-vaadin-card-inject: 1;
+  --_lumo-vaadin-card-inject-modules: lumo_components_card;
 }
 
-:where(:root, :host) {
+:where(:root),
+:where(:host) {
   --vaadin-card-background: var(
     --lumo-contrast-5pct
   );

package/components/charts.css

@@ -5,7 +5,8 @@
  */
 @import '../src/components/chart.css';
 
-:is(:root, :host)::before {
-  --vaadin-chart-lumo-inject: 1;
-  --vaadin-chart-lumo-inject-modules: lumo_components_chart;
+:root::before,
+:host::before {
+  --_lumo-vaadin-chart-inject: 1;
+  --_lumo-vaadin-chart-inject-modules: lumo_components_chart;
 }

package/components/checkbox-group.css

@@ -11,9 +11,10 @@
 @import '../src/components/checkbox-group.css';
 @import './checkbox.css';
 
-:is(:root, :host)::before {
-  --vaadin-checkbox-group-lumo-inject: 1;
-  --vaadin-checkbox-group-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-checkbox-group-inject: 1;
+  --_lumo-vaadin-checkbox-group-inject-modules:
     lumo_mixins_group-field,
     lumo_mixins_field-label,
     lumo_mixins_field-required,

package/components/checkbox.css

@@ -6,9 +6,10 @@
 @import '../src/mixins/checkable-field.css';
 @import '../src/components/checkbox.css';
 
-:is(:root, :host)::before {
-  --vaadin-checkbox-lumo-inject: 1;
-  --vaadin-checkbox-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-checkbox-inject: 1;
+  --_lumo-vaadin-checkbox-inject-modules:
     lumo_mixins_checkable-field,
     lumo_components_checkbox;
 }

package/components/combo-box.css

@@ -20,9 +20,10 @@
 @import '../src/components/item.css';
 @import './input-container.css';
 
-:is(:root, :host)::before {
-  --vaadin-combo-box-lumo-inject: 1;
-  --vaadin-combo-box-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-combo-box-inject: 1;
+  --_lumo-vaadin-combo-box-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -31,13 +32,13 @@
     lumo_mixins_field-base,
     lumo_components_combo-box;
 
-  --vaadin-combo-box-item-lumo-inject: 1;
-  --vaadin-combo-box-item-lumo-inject-modules:
+  --_lumo-vaadin-combo-box-item-inject: 1;
+  --_lumo-vaadin-combo-box-item-inject-modules:
     lumo_components_item,
     lumo_components_combo-box-item;
 
-  --vaadin-combo-box-overlay-lumo-inject: 1;
-  --vaadin-combo-box-overlay-lumo-inject-modules:
+  --_lumo-vaadin-combo-box-overlay-inject: 1;
+  --_lumo-vaadin-combo-box-overlay-inject-modules:
     lumo_mixins_loader,
     lumo_mixins_combo-box-loader,
     lumo_mixins_overlay,

package/components/confirm-dialog.css

@@ -8,9 +8,10 @@
 @import '../src/components/dialog-overlay.css';
 @import './button.css';
 
-:is(:root, :host)::before {
-  --vaadin-confirm-dialog-overlay-lumo-inject: 1;
-  --vaadin-confirm-dialog-overlay-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-confirm-dialog-overlay-inject: 1;
+  --_lumo-vaadin-confirm-dialog-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_components_dialog-overlay,
     lumo_components_confirm-dialog-overlay;

package/components/context-menu.css

@@ -12,21 +12,22 @@
 @import '../src/components/item.css';
 @import '../src/components/list-box.css';
 
-:is(:root, :host)::before {
-  --vaadin-context-menu-overlay-lumo-inject: 1;
-  --vaadin-context-menu-overlay-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-context-menu-overlay-inject: 1;
+  --_lumo-vaadin-context-menu-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_mixins_menu-overlay-core,
     lumo_mixins_menu-overlay-ext,
     lumo_components_context-menu-overlay;
 
-  --vaadin-context-menu-list-box-lumo-inject: 1;
-  --vaadin-context-menu-list-box-lumo-inject-modules:
+  --_lumo-vaadin-context-menu-list-box-inject: 1;
+  --_lumo-vaadin-context-menu-list-box-inject-modules:
     lumo_components_list-box,
     lumo_components_context-menu-list-box;
 
-  --vaadin-context-menu-item-lumo-inject: 1;
-  --vaadin-context-menu-item-lumo-inject-modules:
+  --_lumo-vaadin-context-menu-item-inject: 1;
+  --_lumo-vaadin-context-menu-item-inject-modules:
     lumo_components_item,
     lumo_components_context-menu-item;
 }

package/components/crud.css

@@ -9,31 +9,32 @@
 @import '../src/components/crud-edit.css';
 @import '../src/components/crud.css';
 @import '../src/components/dialog-overlay.css';
-@import '../src/components/form-layout.css';
 @import '../src/components/grid.css';
 @import './button.css';
 @import './confirm-dialog.css';
+@import './form-layout.css';
 @import './grid-filter.css';
 @import './grid-sorter.css';
 @import './text-field.css';
 
-:is(:root, :host)::before {
-  --vaadin-crud-lumo-inject: 1;
-  --vaadin-crud-lumo-inject-modules: lumo_components_crud;
+:root::before,
+:host::before {
+  --_lumo-vaadin-crud-inject: 1;
+  --_lumo-vaadin-crud-inject-modules: lumo_components_crud;
 
-  --vaadin-crud-edit-lumo-inject: 1;
-  --vaadin-crud-edit-lumo-inject-modules:
+  --_lumo-vaadin-crud-edit-inject: 1;
+  --_lumo-vaadin-crud-edit-inject-modules:
     lumo_components_button,
     lumo_components_crud-edit;
 
-  --vaadin-crud-grid-lumo-inject: 1;
-  --vaadin-crud-grid-lumo-inject-modules: lumo_components_grid;
+  --_lumo-vaadin-crud-grid-inject: 1;
+  --_lumo-vaadin-crud-grid-inject-modules: lumo_components_grid;
 
-  --vaadin-crud-form-lumo-inject: 1;
-  --vaadin-crud-form-lumo-inject-modules: lumo_components_form-layout;
+  --_lumo-vaadin-crud-form-inject: 1;
+  --_lumo-vaadin-crud-form-inject-modules: lumo_components_form-layout;
 
-  --vaadin-crud-dialog-overlay-lumo-inject: 1;
-  --vaadin-crud-dialog-overlay-lumo-inject-modules:
+  --_lumo-vaadin-crud-dialog-overlay-inject: 1;
+  --_lumo-vaadin-crud-dialog-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_components_dialog-overlay,
     lumo_components_crud-dialog-overlay;

package/components/custom-field.css

@@ -9,9 +9,10 @@
 @import '../src/mixins/field-required.css';
 @import '../src/components/custom-field.css';
 
-:is(:root, :host)::before {
-  --vaadin-custom-field-lumo-inject: 1;
-  --vaadin-custom-field-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-custom-field-inject: 1;
+  --_lumo-vaadin-custom-field-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,

package/components/dashboard.css

@@ -10,25 +10,26 @@
 @import '../src/components/dashboard-widget.css';
 @import '../src/components/dashboard.css';
 
-:is(:root, :host)::before {
-  --vaadin-dashboard-lumo-inject: 1;
-  --vaadin-dashboard-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-dashboard-inject: 1;
+  --_lumo-vaadin-dashboard-inject-modules:
     lumo_components_dashboard-layout,
     lumo_components_dashboard;
 
-  --vaadin-dashboard-widget-lumo-inject: 1;
-  --vaadin-dashboard-widget-lumo-inject-modules:
+  --_lumo-vaadin-dashboard-widget-inject: 1;
+  --_lumo-vaadin-dashboard-widget-inject-modules:
     lumo_mixins_dashboard-item,
     lumo_components_dashboard-widget;
 
-  --vaadin-dashboard-section-lumo-inject: 1;
-  --vaadin-dashboard-section-lumo-inject-modules:
+  --_lumo-vaadin-dashboard-section-inject: 1;
+  --_lumo-vaadin-dashboard-section-inject-modules:
     lumo_mixins_dashboard-item,
     lumo_components_dashboard-section;
 
-  --vaadin-dashboard-layout-lumo-inject: 1;
-  --vaadin-dashboard-layout-lumo-inject-modules: lumo_components_dashboard-layout;
+  --_lumo-vaadin-dashboard-layout-inject: 1;
+  --_lumo-vaadin-dashboard-layout-inject-modules: lumo_components_dashboard-layout;
 
-  --vaadin-dashboard-button-lumo-inject: 1;
-  --vaadin-dashboard-button-lumo-inject-modules: lumo_components_button;
+  --_lumo-vaadin-dashboard-button-inject: 1;
+  --_lumo-vaadin-dashboard-button-inject-modules: lumo_components_button;
 }

package/components/date-picker.css

@@ -20,9 +20,10 @@
 @import './button.css';
 @import './input-container.css';
 
-:is(:root, :host)::before {
-  --vaadin-date-picker-lumo-inject: 1;
-  --vaadin-date-picker-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-date-picker-inject: 1;
+  --_lumo-vaadin-date-picker-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -31,19 +32,19 @@
     lumo_mixins_field-base,
     lumo_components_date-picker;
 
-  --vaadin-date-picker-year-lumo-inject: 1;
-  --vaadin-date-picker-year-lumo-inject-modules: lumo_components_date-picker-year;
+  --_lumo-vaadin-date-picker-year-inject: 1;
+  --_lumo-vaadin-date-picker-year-inject-modules: lumo_components_date-picker-year;
 
-  --vaadin-date-picker-overlay-lumo-inject: 1;
-  --vaadin-date-picker-overlay-lumo-inject-modules:
+  --_lumo-vaadin-date-picker-overlay-inject: 1;
+  --_lumo-vaadin-date-picker-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_mixins_menu-overlay-core,
     lumo_mixins_menu-overlay-ext,
     lumo_components_date-picker-overlay;
 
-  --vaadin-date-picker-overlay-content-lumo-inject: 1;
-  --vaadin-date-picker-overlay-content-lumo-inject-modules: lumo_components_date-picker-overlay-content;
+  --_lumo-vaadin-date-picker-overlay-content-inject: 1;
+  --_lumo-vaadin-date-picker-overlay-content-inject-modules: lumo_components_date-picker-overlay-content;
 
-  --vaadin-month-calendar-lumo-inject: 1;
-  --vaadin-month-calendar-lumo-inject-modules: lumo_components_date-picker-month-calendar;
+  --_lumo-vaadin-month-calendar-inject: 1;
+  --_lumo-vaadin-month-calendar-inject-modules: lumo_components_date-picker-month-calendar;
 }

package/components/date-time-picker.css

@@ -14,9 +14,10 @@
 @import './date-picker.css';
 @import './time-picker.css';
 
-:is(:root, :host)::before {
-  --vaadin-date-time-picker-lumo-inject: 1;
-  --vaadin-date-time-picker-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-date-time-picker-inject: 1;
+  --_lumo-vaadin-date-time-picker-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,

package/components/details-summary.css

@@ -5,7 +5,8 @@
  */
 @import '../src/components/details-summary.css';
 
-:is(:root, :host)::before {
-  --vaadin-details-summary-lumo-inject: 1;
-  --vaadin-details-summary-lumo-inject-modules: lumo_components_details-summary;
+:root::before,
+:host::before {
+  --_lumo-vaadin-details-summary-inject: 1;
+  --_lumo-vaadin-details-summary-inject-modules: lumo_components_details-summary;
 }

package/components/details.css

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

package/components/dialog.css

@@ -7,9 +7,10 @@
 @import '../src/mixins/resizable-overlay.css';
 @import '../src/components/dialog-overlay.css';
 
-:is(:root, :host)::before {
-  --vaadin-dialog-overlay-lumo-inject: 1;
-  --vaadin-dialog-overlay-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-dialog-overlay-inject: 1;
+  --_lumo-vaadin-dialog-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_mixins_resizable-overlay,
     lumo_components_dialog-overlay;

package/components/drawer-toggle.css

@@ -6,9 +6,10 @@
 @import '../src/components/button.css';
 @import '../src/components/drawer-toggle.css';
 
-:is(:root, :host)::before {
-  --vaadin-drawer-toggle-lumo-inject: 1;
-  --vaadin-drawer-toggle-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-drawer-toggle-inject: 1;
+  --_lumo-vaadin-drawer-toggle-inject-modules:
     lumo_components_button,
     lumo_components_drawer-toggle;
 }

package/components/email-field.css

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

package/components/field-highlighter.css

@@ -8,15 +8,16 @@
 @import '../src/components/user-tag.css';
 @import '../src/components/user-tags-overlay.css';
 
-:is(:root, :host)::before {
-  --vaadin-user-tags-overlay-lumo-inject: 1;
-  --vaadin-user-tags-overlay-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-user-tags-overlay-inject: 1;
+  --_lumo-vaadin-user-tags-overlay-inject-modules:
     lumo_mixins_overlay,
     lumo_components_user-tags-overlay;
 
-  --vaadin-user-tag-lumo-inject: 1;
-  --vaadin-user-tag-lumo-inject-modules: lumo_components_user-tag;
+  --_lumo-vaadin-user-tag-inject: 1;
+  --_lumo-vaadin-user-tag-inject-modules: lumo_components_user-tag;
 
-  --vaadin-field-outline-lumo-inject: 1;
-  --vaadin-field-outline-lumo-inject-modules: lumo_components_field-outline;
+  --_lumo-vaadin-field-outline-inject: 1;
+  --_lumo-vaadin-field-outline-inject-modules: lumo_components_field-outline;
 }

package/components/form-item.css

@@ -5,7 +5,8 @@
  */
 @import '../src/components/form-item.css';
 
-:is(:root, :host)::before {
-  --vaadin-form-item-lumo-inject: 1;
-  --vaadin-form-item-lumo-inject-modules: lumo_components_form-item;
+:root::before,
+:host::before {
+  --_lumo-vaadin-form-item-inject: 1;
+  --_lumo-vaadin-form-item-inject-modules: lumo_components_form-item;
 }

package/components/form-layout.css

@@ -3,9 +3,12 @@
  * 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/form-layout.css';
-
-:is(:root, :host)::before {
-  --vaadin-form-layout-lumo-inject: 1;
-  --vaadin-form-layout-lumo-inject-modules: lumo_components_form-layout;
+:where(:root),
+:where(:host) {
+  --vaadin-form-layout-label-spacing: 1em;
+  --vaadin-form-layout-label-width: 8em;
+  --vaadin-form-layout-column-spacing: var(
+    --lumo-space-l
+  );
+  --vaadin-form-layout-row-spacing: 0;
 }

package/components/grid-filter.css

@@ -6,7 +6,8 @@
 @import '../src/components/grid-filter.css';
 @import './text-field.css';
 
-:is(:root, :host)::before {
-  --vaadin-grid-filter-lumo-inject: 1;
-  --vaadin-grid-filter-lumo-inject-modules: lumo_components_grid-filter;
+:root::before,
+:host::before {
+  --_lumo-vaadin-grid-filter-inject: 1;
+  --_lumo-vaadin-grid-filter-inject-modules: lumo_components_grid-filter;
 }

package/components/grid-pro-edit-column.css

@@ -18,9 +18,10 @@
 @import './select.css';
 @import './text-field.css';
 
-:is(:root, :host)::before {
-  --vaadin-grid-pro-edit-text-field-lumo-inject: 1;
-  --vaadin-grid-pro-edit-text-field-lumo-inject-modules:
+:root::before,
+:host::before {
+  --_lumo-vaadin-grid-pro-edit-text-field-inject: 1;
+  --_lumo-vaadin-grid-pro-edit-text-field-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -29,8 +30,8 @@
     lumo_mixins_field-base,
     lumo_mixins_grid-pro-editor;
 
-  --vaadin-grid-pro-edit-select-lumo-inject: 1;
-  --vaadin-grid-pro-edit-select-lumo-inject-modules:
+  --_lumo-vaadin-grid-pro-edit-select-inject: 1;
+  --_lumo-vaadin-grid-pro-edit-select-inject-modules:
     lumo_mixins_field-label,
     lumo_mixins_field-required,
     lumo_mixins_field-error-message,
@@ -41,8 +42,8 @@
     lumo_components_select,
     lumo_components_grid-pro-edit-select;
 
-  --vaadin-grid-pro-edit-checkbox-lumo-inject: 1;
-  --vaadin-grid-pro-edit-checkbox-lumo-inject-modules:
+  --_lumo-vaadin-grid-pro-edit-checkbox-inject: 1;
+  --_lumo-vaadin-grid-pro-edit-checkbox-inject-modules:
     lumo_mixins_checkable-field,
     lumo_components_checkbox;
 }

package/components/grid-pro.css

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