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

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

@@ -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/components/accordion-heading.css';
+@import '../src/components/details-summary.css';
+
+:is(:root, :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

@@ -0,0 +1,15 @@
+/**
+ * @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/accordion-panel.css';
+@import '../src/components/details.css';
+@import './accordion-heading.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-accordion-panel-inject: 1;
+  --_lumo-vaadin-accordion-panel-inject-modules:
+    lumo_components_details,
+    lumo_components_accordion-panel;
+}

package/{user-colors.d.ts → components/accordion.css}

@@ -3,6 +3,5 @@
  * Copyright (c) 2017 - 2025 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import type { CSSResult } from 'lit';
-
-export const userColors: CSSResult;
+@import './accordion-heading.css';
+@import './accordion-panel.css';

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

package/components/avatar-group.css

@@ -0,0 +1,31 @@
+/**
+ * @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/menu-overlay-core.css';
+@import '../src/mixins/overlay.css';
+@import '../src/components/avatar-group-menu-item.css';
+@import '../src/components/avatar-group-overlay.css';
+@import '../src/components/avatar-group.css';
+@import '../src/components/item.css';
+@import '../src/components/list-box.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-avatar-group-inject: 1;
+  --_lumo-vaadin-avatar-group-inject-modules: lumo_components_avatar-group;
+
+  --_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;
+
+  --_lumo-vaadin-avatar-group-menu-inject: 1;
+  --_lumo-vaadin-avatar-group-menu-inject-modules: lumo_components_list-box;
+
+  --_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

@@ -0,0 +1,17 @@
+/**
+ * @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/avatar.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-avatar-inject: 1;
+  --_lumo-vaadin-avatar-inject-modules: lumo_components_avatar;
+}
+
+:where(:root, :host) {
+  --vaadin-avatar-size: var(
+    --lumo-size-m
+  );
+}

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

package/components/card.css

@@ -0,0 +1,50 @@
+/**
+ * @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/card.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-card-inject: 1;
+  --_lumo-vaadin-card-inject-modules: lumo_components_card;
+}
+
+:where(:root, :host) {
+  --vaadin-card-background: var(
+    --lumo-contrast-5pct
+  );
+  --vaadin-card-border-radius: var(
+    --lumo-border-radius-l
+  );
+  --vaadin-card-border-width: 0;
+  --vaadin-card-border-color: var(
+    --lumo-contrast-20pct
+  );
+  --vaadin-card-padding: var(
+    --lumo-space-m
+  );
+  --vaadin-card-gap: var(
+    --lumo-space-m
+  );
+  --vaadin-card-shadow: none;
+  --vaadin-card-title-font-color: var(
+    --lumo-header-text-color
+  );
+  --vaadin-card-title-font-size: var(
+    --lumo-font-size-l
+  );
+  --vaadin-card-title-font-weight: 600;
+  --vaadin-card-title-line-height: var(
+    --lumo-line-height-xs
+  );
+  --vaadin-card-subtitle-font-color: var(
+    --lumo-secondary-text-color
+  );
+  --vaadin-card-subtitle-font-size: var(
+    --lumo-font-size-m
+  );
+  --vaadin-card-subtitle-line-height: var(
+    --lumo-line-height-xs
+  );
+}

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

package/components/checkbox-group.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-error-message.css';
+@import '../src/mixins/field-helper.css';
+@import '../src/mixins/field-label.css';
+@import '../src/mixins/field-required.css';
+@import '../src/mixins/group-field.css';
+@import '../src/components/checkbox-group.css';
+@import './checkbox.css';
+
+:is(:root, :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,
+    lumo_mixins_field-error-message,
+    lumo_mixins_field-helper,
+    lumo_components_checkbox-group;
+}

package/components/checkbox.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/checkable-field.css';
+@import '../src/components/checkbox.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-checkbox-inject: 1;
+  --_lumo-vaadin-checkbox-inject-modules:
+    lumo_mixins_checkable-field,
+    lumo_components_checkbox;
+}

package/components/combo-box.css

@@ -0,0 +1,47 @@
+/**
+ * @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-loader.css';
+@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/loader.css';
+@import '../src/mixins/menu-overlay-core.css';
+@import '../src/mixins/overlay.css';
+@import '../src/components/combo-box-item.css';
+@import '../src/components/combo-box-overlay.css';
+@import '../src/components/combo-box.css';
+@import '../src/components/item.css';
+@import './input-container.css';
+
+:is(:root, :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,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_combo-box;
+
+  --_lumo-vaadin-combo-box-item-inject: 1;
+  --_lumo-vaadin-combo-box-item-inject-modules:
+    lumo_components_item,
+    lumo_components_combo-box-item;
+
+  --_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,
+    lumo_mixins_menu-overlay-core,
+    lumo_mixins_combo-box-overlay,
+    lumo_components_combo-box-overlay;
+}

package/components/confirm-dialog.css

@@ -0,0 +1,17 @@
+/**
+ * @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/confirm-dialog-overlay.css';
+@import '../src/components/dialog-overlay.css';
+@import './button.css';
+
+:is(:root, :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

@@ -0,0 +1,32 @@
+/**
+ * @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/menu-overlay-core.css';
+@import '../src/mixins/menu-overlay-ext.css';
+@import '../src/mixins/overlay.css';
+@import '../src/components/context-menu-item.css';
+@import '../src/components/context-menu-list-box.css';
+@import '../src/components/context-menu-overlay.css';
+@import '../src/components/item.css';
+@import '../src/components/list-box.css';
+
+:is(:root, :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;
+
+  --_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;
+
+  --_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

@@ -0,0 +1,40 @@
+/**
+ * @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/overlay.css';
+@import '../src/components/button.css';
+@import '../src/components/crud-dialog-overlay.css';
+@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 './grid-filter.css';
+@import './grid-sorter.css';
+@import './text-field.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-crud-inject: 1;
+  --_lumo-vaadin-crud-inject-modules: lumo_components_crud;
+
+  --_lumo-vaadin-crud-edit-inject: 1;
+  --_lumo-vaadin-crud-edit-inject-modules:
+    lumo_components_button,
+    lumo_components_crud-edit;
+
+  --_lumo-vaadin-crud-grid-inject: 1;
+  --_lumo-vaadin-crud-grid-inject-modules: lumo_components_grid;
+
+  --_lumo-vaadin-crud-form-inject: 1;
+  --_lumo-vaadin-crud-form-inject-modules: lumo_components_form-layout;
+
+  --_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

@@ -0,0 +1,20 @@
+/**
+ * @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-error-message.css';
+@import '../src/mixins/field-helper.css';
+@import '../src/mixins/field-label.css';
+@import '../src/mixins/field-required.css';
+@import '../src/components/custom-field.css';
+
+:is(:root, :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,
+    lumo_mixins_field-helper,
+    lumo_components_custom-field;
+}

package/components/dashboard.css

@@ -0,0 +1,34 @@
+/**
+ * @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/dashboard-item.css';
+@import '../src/components/button.css';
+@import '../src/components/dashboard-layout.css';
+@import '../src/components/dashboard-section.css';
+@import '../src/components/dashboard-widget.css';
+@import '../src/components/dashboard.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-dashboard-inject: 1;
+  --_lumo-vaadin-dashboard-inject-modules:
+    lumo_components_dashboard-layout,
+    lumo_components_dashboard;
+
+  --_lumo-vaadin-dashboard-widget-inject: 1;
+  --_lumo-vaadin-dashboard-widget-inject-modules:
+    lumo_mixins_dashboard-item,
+    lumo_components_dashboard-widget;
+
+  --_lumo-vaadin-dashboard-section-inject: 1;
+  --_lumo-vaadin-dashboard-section-inject-modules:
+    lumo_mixins_dashboard-item,
+    lumo_components_dashboard-section;
+
+  --_lumo-vaadin-dashboard-layout-inject: 1;
+  --_lumo-vaadin-dashboard-layout-inject-modules: lumo_components_dashboard-layout;
+
+  --_lumo-vaadin-dashboard-button-inject: 1;
+  --_lumo-vaadin-dashboard-button-inject-modules: lumo_components_button;
+}

package/components/date-picker.css

@@ -0,0 +1,49 @@
+/**
+ * @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/mixins/menu-overlay-core.css';
+@import '../src/mixins/menu-overlay-ext.css';
+@import '../src/mixins/overlay.css';
+@import '../src/components/date-picker-month-calendar.css';
+@import '../src/components/date-picker-overlay-content.css';
+@import '../src/components/date-picker-overlay.css';
+@import '../src/components/date-picker-year.css';
+@import '../src/components/date-picker.css';
+@import './button.css';
+@import './input-container.css';
+
+:is(:root, :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,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_date-picker;
+
+  --_lumo-vaadin-date-picker-year-inject: 1;
+  --_lumo-vaadin-date-picker-year-inject-modules: lumo_components_date-picker-year;
+
+  --_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;
+
+  --_lumo-vaadin-date-picker-overlay-content-inject: 1;
+  --_lumo-vaadin-date-picker-overlay-content-inject-modules: lumo_components_date-picker-overlay-content;
+
+  --_lumo-vaadin-month-calendar-inject: 1;
+  --_lumo-vaadin-month-calendar-inject-modules: lumo_components_date-picker-month-calendar;
+}

package/components/date-time-picker.css

@@ -0,0 +1,28 @@
+/**
+ * @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/custom-field.css';
+@import '../src/components/date-time-picker.css';
+@import './date-picker.css';
+@import './time-picker.css';
+
+:is(:root, :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,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_custom-field,
+    lumo_components_date-time-picker;
+}

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

package/components/details.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/components/details.css';
+@import './details-summary.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-details-inject: 1;
+  --_lumo-vaadin-details-inject-modules: lumo_components_details;
+}

package/components/dialog.css

@@ -0,0 +1,16 @@
+/**
+ * @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/mixins/resizable-overlay.css';
+@import '../src/components/dialog-overlay.css';
+
+:is(:root, :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

@@ -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/components/button.css';
+@import '../src/components/drawer-toggle.css';
+
+:is(:root, :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

@@ -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/email-field.css';
+@import './input-container.css';
+
+:is(:root, :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,
+    lumo_mixins_field-button,
+    lumo_mixins_field-helper,
+    lumo_mixins_field-base,
+    lumo_components_email-field;
+}

package/components/field-highlighter.css

@@ -0,0 +1,22 @@
+/**
+ * @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/overlay.css';
+@import '../src/components/field-outline.css';
+@import '../src/components/user-tag.css';
+@import '../src/components/user-tags-overlay.css';
+
+:is(:root, :host)::before {
+  --_lumo-vaadin-user-tags-overlay-inject: 1;
+  --_lumo-vaadin-user-tags-overlay-inject-modules:
+    lumo_mixins_overlay,
+    lumo_components_user-tags-overlay;
+
+  --_lumo-vaadin-user-tag-inject: 1;
+  --_lumo-vaadin-user-tag-inject-modules: lumo_components_user-tag;
+
+  --_lumo-vaadin-field-outline-inject: 1;
+  --_lumo-vaadin-field-outline-inject-modules: lumo_components_field-outline;
+}

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