@vaadin/vaadin-lumo-styles 25.0.4 → 25.0.5

package/components/accordion-heading.css

@@ -6,8 +6,8 @@
 @import '../src/components/accordion-heading.css';
 @import '../src/components/details-summary.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-accordion-heading-inject: 1;
   --_lumo-vaadin-accordion-heading-inject-modules:
     lumo_components_details-summary,

package/components/accordion-panel.css

@@ -7,8 +7,8 @@
 @import '../src/components/details.css';
 @import './accordion-heading.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-accordion-panel-inject: 1;
   --_lumo-vaadin-accordion-panel-inject-modules:
     lumo_components_details,

package/components/app-layout.css

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

package/components/avatar-group.css

@@ -11,8 +11,8 @@
 @import '../src/components/item.css';
 @import '../src/components/list-box.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-avatar-group-inject: 1;
   --_lumo-vaadin-avatar-group-inject-modules: lumo_components_avatar-group;
 

package/components/avatar.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/avatar.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-avatar-inject: 1;
   --_lumo-vaadin-avatar-inject-modules: lumo_components_avatar;
 }

package/components/button.css

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

package/components/card.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/card.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-card-inject: 1;
   --_lumo-vaadin-card-inject-modules: lumo_components_card;
 }

package/components/charts.css

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

package/components/checkbox-group.css

@@ -11,8 +11,8 @@
 @import '../src/components/checkbox-group.css';
 @import './checkbox.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-checkbox-group-inject: 1;
   --_lumo-vaadin-checkbox-group-inject-modules:
     lumo_mixins_group-field,

package/components/checkbox.css

@@ -6,8 +6,8 @@
 @import '../src/mixins/checkable-field.css';
 @import '../src/components/checkbox.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-checkbox-inject: 1;
   --_lumo-vaadin-checkbox-inject-modules:
     lumo_mixins_checkable-field,

package/components/combo-box.css

@@ -20,8 +20,8 @@
 @import '../src/components/item.css';
 @import './input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-combo-box-inject: 1;
   --_lumo-vaadin-combo-box-inject-modules:
     lumo_mixins_field-label,

package/components/confirm-dialog.css

@@ -8,8 +8,8 @@
 @import '../src/components/dialog-overlay.css';
 @import './button.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-confirm-dialog-overlay-inject: 1;
   --_lumo-vaadin-confirm-dialog-overlay-inject-modules:
     lumo_mixins_overlay,

package/components/context-menu.css

@@ -12,8 +12,8 @@
 @import '../src/components/item.css';
 @import '../src/components/list-box.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-context-menu-overlay-inject: 1;
   --_lumo-vaadin-context-menu-overlay-inject-modules:
     lumo_mixins_overlay,

package/components/crud.css

@@ -17,8 +17,8 @@
 @import './grid-sorter.css';
 @import './text-field.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-crud-inject: 1;
   --_lumo-vaadin-crud-inject-modules: lumo_components_crud;
 

package/components/custom-field.css

@@ -9,8 +9,8 @@
 @import '../src/mixins/field-required.css';
 @import '../src/components/custom-field.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-custom-field-inject: 1;
   --_lumo-vaadin-custom-field-inject-modules:
     lumo_mixins_field-label,

package/components/dashboard.css

@@ -10,8 +10,8 @@
 @import '../src/components/dashboard-widget.css';
 @import '../src/components/dashboard.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-dashboard-inject: 1;
   --_lumo-vaadin-dashboard-inject-modules:
     lumo_components_dashboard-layout,

package/components/date-picker.css

@@ -20,8 +20,8 @@
 @import './button.css';
 @import './input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-date-picker-inject: 1;
   --_lumo-vaadin-date-picker-inject-modules:
     lumo_mixins_field-label,

package/components/date-time-picker.css

@@ -14,8 +14,8 @@
 @import './date-picker.css';
 @import './time-picker.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-date-time-picker-inject: 1;
   --_lumo-vaadin-date-time-picker-inject-modules:
     lumo_mixins_field-label,

package/components/details-summary.css

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

package/components/details.css

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

package/components/dialog.css

@@ -7,8 +7,8 @@
 @import '../src/mixins/resizable-overlay.css';
 @import '../src/components/dialog-overlay.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-dialog-overlay-inject: 1;
   --_lumo-vaadin-dialog-overlay-inject-modules:
     lumo_mixins_overlay,

package/components/drawer-toggle.css

@@ -6,8 +6,8 @@
 @import '../src/components/button.css';
 @import '../src/components/drawer-toggle.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-drawer-toggle-inject: 1;
   --_lumo-vaadin-drawer-toggle-inject-modules:
     lumo_components_button,

package/components/email-field.css

@@ -12,8 +12,8 @@
 @import '../src/components/email-field.css';
 @import './input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-email-field-inject: 1;
   --_lumo-vaadin-email-field-inject-modules:
     lumo_mixins_field-label,

package/components/field-highlighter.css

@@ -8,8 +8,8 @@
 @import '../src/components/user-tag.css';
 @import '../src/components/user-tags-overlay.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-user-tags-overlay-inject: 1;
   --_lumo-vaadin-user-tags-overlay-inject-modules:
     lumo_mixins_overlay,

package/components/form-item.css

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

package/components/grid-filter.css

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

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

@@ -18,8 +18,8 @@
 @import './select.css';
 @import './text-field.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-grid-pro-edit-text-field-inject: 1;
   --_lumo-vaadin-grid-pro-edit-text-field-inject-modules:
     lumo_mixins_field-label,

package/components/grid-pro.css

@@ -6,8 +6,8 @@
 @import '../src/components/grid-pro.css';
 @import '../src/components/grid.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-grid-pro-inject: 1;
   --_lumo-vaadin-grid-pro-inject-modules:
     lumo_components_grid,

package/components/grid-sorter.css

@@ -6,8 +6,8 @@
 @import '../src/components/grid-sorter.css';
 @import '../src/components/grid-sorter-icons.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-grid-sorter-inject: 1;
   --_lumo-vaadin-grid-sorter-inject-modules: lumo_components_grid-sorter;
 }

package/components/grid-tree-toggle.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/grid-tree-toggle.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-grid-tree-toggle-inject: 1;
   --_lumo-vaadin-grid-tree-toggle-inject-modules: lumo_components_grid-tree-toggle;
 }

package/components/grid.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/grid.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-grid-inject: 1;
   --_lumo-vaadin-grid-inject-modules: lumo_components_grid;
 }

package/components/horizontal-layout.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/horizontal-layout.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-horizontal-layout-inject: 1;
   --_lumo-vaadin-horizontal-layout-inject-modules: lumo_components_horizontal-layout;
 }

package/components/icon.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/icon.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-icon-inject: 1;
   --_lumo-vaadin-icon-inject-modules: lumo_components_icon;
 }

package/components/input-container.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-input-container-inject: 1;
   --_lumo-vaadin-input-container-inject-modules: lumo_components_input-container;
 }

package/components/integer-field.css

@@ -12,8 +12,8 @@
 @import '../src/components/number-field.css';
 @import './input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-integer-field-inject: 1;
   --_lumo-vaadin-integer-field-inject-modules:
     lumo_mixins_field-label,

package/components/item.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/item.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-item-inject: 1;
   --_lumo-vaadin-item-inject-modules: lumo_components_item;
 }

package/components/list-box.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/list-box.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-list-box-inject: 1;
   --_lumo-vaadin-list-box-inject-modules: lumo_components_list-box;
 }

package/components/login-form.css

@@ -8,8 +8,8 @@
 @import './password-field.css';
 @import './text-field.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-login-form-wrapper-inject: 1;
   --_lumo-vaadin-login-form-wrapper-inject-modules: lumo_components_login-form-wrapper;
 }

package/components/login.css

@@ -7,8 +7,8 @@
 @import '../src/components/login-overlay-wrapper.css';
 @import './login-form.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-login-overlay-wrapper-inject: 1;
   --_lumo-vaadin-login-overlay-wrapper-inject-modules:
     lumo_mixins_overlay,

package/components/map.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/map.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-map-inject: 1;
   --_lumo-vaadin-map-inject-modules: lumo_components_map;
 }

package/components/menu-bar.css

@@ -17,8 +17,8 @@
 @import '../src/components/menu-bar-overlay.css';
 @import '../src/components/menu-bar.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-menu-bar-inject: 1;
   --_lumo-vaadin-menu-bar-inject-modules: lumo_components_menu-bar;
 

package/components/message-input-button.css

@@ -5,8 +5,8 @@
  */
 @import './button.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-message-input-button-inject: 1;
   --_lumo-vaadin-message-input-button-inject-modules: lumo_components_button;
 }

package/components/message-input.css

@@ -7,8 +7,8 @@
 @import './message-input-button.css';
 @import './text-area.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-message-input-inject: 1;
   --_lumo-vaadin-message-input-inject-modules: lumo_components_message-input;
 }

package/components/message.css

@@ -6,8 +6,8 @@
 @import '../src/components/message.css';
 @import './avatar.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-message-inject: 1;
   --_lumo-vaadin-message-inject-modules: lumo_components_message;
 }

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

@@ -23,8 +23,8 @@
 @import '../src/components/multi-select-combo-box-overlay.css';
 @import '../src/components/multi-select-combo-box.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-multi-select-combo-box-container-inject: 1;
   --_lumo-vaadin-multi-select-combo-box-container-inject-modules:
     lumo_components_input-container,

package/components/notification.css

@@ -6,8 +6,8 @@
 @import '../src/components/notification-card.css';
 @import '../src/components/notification-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-notification-container-inject: 1;
   --_lumo-vaadin-notification-container-inject-modules: lumo_components_notification-container;
 

package/components/number-field.css

@@ -12,8 +12,8 @@
 @import '../src/components/number-field.css';
 @import './input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-number-field-inject: 1;
   --_lumo-vaadin-number-field-inject-modules:
     lumo_mixins_field-label,

package/components/overlay.css

@@ -5,8 +5,8 @@
  */
 @import '../src/mixins/overlay.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-overlay-inject: 1;
   --_lumo-vaadin-overlay-inject-modules: lumo_mixins_overlay;
 }

package/components/password-field.css

@@ -14,8 +14,8 @@
 @import '../src/components/password-field.css';
 @import './input-container.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-password-field-inject: 1;
   --_lumo-vaadin-password-field-inject-modules:
     lumo_mixins_field-label,

package/components/popover.css

@@ -6,8 +6,8 @@
 @import '../src/mixins/overlay.css';
 @import '../src/components/popover-overlay.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-popover-overlay-inject: 1;
   --_lumo-vaadin-popover-overlay-inject-modules:
     lumo_mixins_overlay,

package/components/progress-bar.css

@@ -5,8 +5,8 @@
  */
 @import '../src/components/progress-bar.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-progress-bar-inject: 1;
   --_lumo-vaadin-progress-bar-inject-modules: lumo_components_progress-bar;
 }

package/components/radio-button.css

@@ -6,8 +6,8 @@
 @import '../src/mixins/checkable-field.css';
 @import '../src/components/radio-button.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-radio-button-inject: 1;
   --_lumo-vaadin-radio-button-inject-modules:
     lumo_mixins_checkable-field,

package/components/radio-group.css

@@ -11,8 +11,8 @@
 @import '../src/components/radio-group.css';
 @import './radio-button.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-radio-group-inject: 1;
   --_lumo-vaadin-radio-group-inject-modules:
     lumo_mixins_group-field,

package/components/rich-text-editor.css

@@ -13,8 +13,8 @@
 @import './text-field.css';
 @import './tooltip.css';
 
-:root::before,
-:host::before {
+:root,
+:host {
   --_lumo-vaadin-rich-text-editor-inject: 1;
   --_lumo-vaadin-rich-text-editor-inject-modules:
     lumo_global_typography,