@vaadin/vaadin-lumo-styles 25.0.0-alpha6 → 25.0.0-alpha8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/auto-complete.css +0 -71
  2. package/components/accordion-heading.css +14 -0
  3. package/components/accordion-panel.css +15 -0
  4. package/components/accordion.css +7 -0
  5. package/components/app-layout.css +11 -0
  6. package/components/avatar-group.css +31 -0
  7. package/components/avatar.css +17 -0
  8. package/components/button.css +12 -0
  9. package/components/card.css +50 -0
  10. package/components/charts.css +11 -0
  11. package/components/checkbox-group.css +23 -0
  12. package/components/checkbox.css +14 -0
  13. package/components/combo-box.css +47 -0
  14. package/components/confirm-dialog.css +17 -0
  15. package/components/context-menu.css +32 -0
  16. package/components/crud.css +40 -0
  17. package/components/custom-field.css +20 -0
  18. package/components/dashboard.css +34 -0
  19. package/components/date-picker.css +49 -0
  20. package/components/date-time-picker.css +28 -0
  21. package/components/details-summary.css +11 -0
  22. package/components/details.css +12 -0
  23. package/components/dialog.css +16 -0
  24. package/components/drawer-toggle.css +14 -0
  25. package/components/email-field.css +25 -0
  26. package/components/field-highlighter.css +22 -0
  27. package/components/form-item.css +11 -0
  28. package/components/form-layout.css +11 -0
  29. package/components/grid-filter-column.css +6 -0
  30. package/components/grid-filter.css +12 -0
  31. package/components/grid-pro-edit-column.css +48 -0
  32. package/components/grid-pro.css +14 -0
  33. package/components/grid-selection-column.css +6 -0
  34. package/components/grid-sort-column.css +6 -0
  35. package/components/grid-sorter.css +19 -0
  36. package/components/grid-tree-column.css +6 -0
  37. package/components/grid-tree-toggle.css +11 -0
  38. package/components/grid.css +11 -0
  39. package/components/horizontal-layout.css +11 -0
  40. package/components/icon.css +11 -0
  41. package/components/input-container.css +11 -0
  42. package/components/integer-field.css +25 -0
  43. package/components/item.css +11 -0
  44. package/components/list-box.css +11 -0
  45. package/components/login-form.css +14 -0
  46. package/components/login.css +15 -0
  47. package/components/map.css +11 -0
  48. package/components/master-detail-layout.css +11 -0
  49. package/components/menu-bar.css +47 -0
  50. package/components/message-input.css +13 -0
  51. package/components/message-list.css +6 -0
  52. package/components/message.css +12 -0
  53. package/components/multi-select-combo-box.css +61 -0
  54. package/components/notification.css +15 -0
  55. package/components/number-field.css +25 -0
  56. package/components/overlay.css +11 -0
  57. package/components/password-field.css +32 -0
  58. package/components/popover.css +14 -0
  59. package/components/progress-bar.css +11 -0
  60. package/components/radio-button.css +14 -0
  61. package/components/radio-group.css +23 -0
  62. package/components/rich-text-editor.css +26 -0
  63. package/components/scroller.css +11 -0
  64. package/components/select.css +48 -0
  65. package/components/side-nav-item.css +14 -0
  66. package/components/side-nav.css +12 -0
  67. package/components/split-layout.css +11 -0
  68. package/components/tab.css +11 -0
  69. package/components/tabs.css +12 -0
  70. package/components/tabsheet.css +19 -0
  71. package/components/text-area.css +25 -0
  72. package/components/text-field.css +23 -0
  73. package/components/time-picker.css +43 -0
  74. package/components/tooltip.css +14 -0
  75. package/components/upload.css +28 -0
  76. package/components/vertical-layout.css +11 -0
  77. package/components.css +71 -0
  78. package/global.css +8 -0
  79. package/lumo.css +8 -0
  80. package/package.json +8 -6
  81. package/props.css +12 -0
  82. package/src/components/accordion-heading.css +42 -0
  83. package/src/components/accordion-panel.css +38 -0
  84. package/src/components/app-layout.css +193 -0
  85. package/src/components/avatar-group-menu-item.css +22 -0
  86. package/src/components/avatar-group-overlay.css +15 -0
  87. package/src/components/avatar-group.css +67 -0
  88. package/src/components/avatar.css +86 -0
  89. package/src/components/button.css +334 -0
  90. package/src/components/card.css +38 -0
  91. package/src/components/chart.css +88 -0
  92. package/src/components/checkbox-group.css +18 -0
  93. package/src/components/checkbox.css +341 -0
  94. package/src/components/combo-box-item.css +18 -0
  95. package/src/components/combo-box-overlay.css +15 -0
  96. package/src/components/combo-box.css +14 -0
  97. package/src/components/confirm-dialog-overlay.css +59 -0
  98. package/src/components/context-menu-item.css +39 -0
  99. package/src/components/context-menu-list-box.css +40 -0
  100. package/src/components/context-menu-overlay.css +41 -0
  101. package/src/components/crud-dialog-overlay.css +57 -0
  102. package/src/components/crud-edit.css +30 -0
  103. package/src/components/crud.css +157 -0
  104. package/src/components/custom-field.css +102 -0
  105. package/src/components/dashboard-layout.css +94 -0
  106. package/src/components/dashboard-section.css +113 -0
  107. package/src/components/dashboard-widget.css +224 -0
  108. package/src/components/dashboard.css +23 -0
  109. package/src/components/date-picker-month-calendar.css +192 -0
  110. package/src/components/date-picker-overlay-content.css +161 -0
  111. package/src/components/date-picker-overlay.css +60 -0
  112. package/src/components/date-picker-year.css +35 -0
  113. package/src/components/date-picker.css +41 -0
  114. package/src/components/date-time-picker.css +36 -0
  115. package/src/components/details-summary.css +131 -0
  116. package/src/components/details.css +37 -0
  117. package/src/components/dialog-overlay.css +173 -0
  118. package/src/components/drawer-toggle.css +51 -0
  119. package/src/components/email-field.css +26 -0
  120. package/src/components/field-outline.css +51 -0
  121. package/src/components/form-item.css +36 -0
  122. package/src/components/form-layout.css +11 -0
  123. package/src/components/grid-filter.css +16 -0
  124. package/src/components/grid-pro-edit-select.css +19 -0
  125. package/src/components/grid-pro.css +84 -0
  126. package/src/components/grid-sorter.css +70 -0
  127. package/src/components/grid-tree-toggle.css +104 -0
  128. package/src/components/grid.css +755 -0
  129. package/src/components/horizontal-layout.css +38 -0
  130. package/src/components/icon.css +11 -0
  131. package/src/components/input-container.css +230 -0
  132. package/src/components/item.css +94 -0
  133. package/src/components/list-box.css +31 -0
  134. package/src/components/login-form-wrapper.css +134 -0
  135. package/src/components/login-overlay-wrapper.css +179 -0
  136. package/src/components/map.css +182 -0
  137. package/src/components/master-detail-layout.css +21 -0
  138. package/src/components/menu-bar-button.css +128 -0
  139. package/src/components/menu-bar-item.css +23 -0
  140. package/src/components/menu-bar-overlay.css +10 -0
  141. package/src/components/menu-bar.css +31 -0
  142. package/src/components/message-input.css +30 -0
  143. package/src/components/message.css +82 -0
  144. package/src/components/multi-select-combo-box-chip.css +113 -0
  145. package/src/components/multi-select-combo-box-container.css +20 -0
  146. package/src/components/multi-select-combo-box-item.css +13 -0
  147. package/src/components/multi-select-combo-box-overlay.css +18 -0
  148. package/src/components/multi-select-combo-box.css +98 -0
  149. package/src/components/notification-card.css +228 -0
  150. package/src/components/notification-container.css +53 -0
  151. package/src/components/number-field.css +53 -0
  152. package/src/components/password-field-button.css +19 -0
  153. package/src/components/password-field.css +24 -0
  154. package/src/components/popover-overlay.css +156 -0
  155. package/src/components/progress-bar.css +295 -0
  156. package/src/components/radio-button.css +156 -0
  157. package/src/components/radio-group.css +18 -0
  158. package/src/components/rich-text-editor-popup-overlay.css +27 -0
  159. package/src/components/rich-text-editor.css +485 -0
  160. package/src/components/scroller.css +40 -0
  161. package/src/components/select-overlay.css +54 -0
  162. package/src/components/select-value-button.css +57 -0
  163. package/src/components/select.css +60 -0
  164. package/src/components/side-nav-item.css +170 -0
  165. package/src/components/side-nav.css +102 -0
  166. package/src/components/split-layout.css +131 -0
  167. package/src/components/tab.css +246 -0
  168. package/src/components/tabs.css +285 -0
  169. package/src/components/tabsheet.css +59 -0
  170. package/src/components/text-area.css +116 -0
  171. package/src/components/time-picker-overlay.css +15 -0
  172. package/src/components/time-picker.css +36 -0
  173. package/src/components/tooltip-overlay.css +50 -0
  174. package/src/components/upload-file-list.css +24 -0
  175. package/src/components/upload-file.css +133 -0
  176. package/src/components/upload-icon.css +14 -0
  177. package/src/components/upload.css +56 -0
  178. package/src/components/user-tag.css +48 -0
  179. package/src/components/user-tags-overlay.css +67 -0
  180. package/src/components/vertical-layout.css +38 -0
  181. package/src/global/badge.css +167 -0
  182. package/src/global/color-scheme.css +99 -0
  183. package/src/global/typography.css +113 -0
  184. package/src/mixins/checkable-field.css +67 -0
  185. package/src/mixins/combo-box-loader.css +14 -0
  186. package/src/mixins/combo-box-overlay.css +30 -0
  187. package/src/mixins/dashboard-item.css +253 -0
  188. package/src/mixins/field-base.css +187 -0
  189. package/src/mixins/field-button.css +46 -0
  190. package/src/mixins/field-error-message.css +36 -0
  191. package/src/mixins/field-helper.css +62 -0
  192. package/src/mixins/field-label.css +62 -0
  193. package/src/mixins/field-required.css +26 -0
  194. package/src/mixins/grid-pro-editor.css +35 -0
  195. package/src/mixins/group-field.css +58 -0
  196. package/src/mixins/loader.css +48 -0
  197. package/src/mixins/menu-overlay-core.css +36 -0
  198. package/src/mixins/menu-overlay-ext.css +63 -0
  199. package/src/mixins/overlay.css +121 -0
  200. package/src/mixins/resizable-overlay.css +99 -0
  201. package/src/props/color.css +98 -0
  202. package/src/props/icons.css +61 -0
  203. package/src/props/reset.css +11 -0
  204. package/src/props/sizing.css +19 -0
  205. package/src/props/spacing.css +27 -0
  206. package/src/props/style.css +21 -0
  207. package/src/props/typography.css +24 -0
  208. package/src/utilities/accessibility.css +17 -0
  209. package/src/utilities/background.css +189 -0
  210. package/src/utilities/border.css +173 -0
  211. package/src/utilities/filter.css +37 -0
  212. package/src/utilities/flexbox-grid.css +781 -0
  213. package/src/utilities/layout.css +629 -0
  214. package/src/utilities/shadows.css +29 -0
  215. package/src/utilities/sizing.css +142 -0
  216. package/src/utilities/spacing.css +682 -0
  217. package/src/utilities/transition.css +46 -0
  218. package/src/utilities/typography.css +424 -0
  219. package/style.d.ts +0 -2
  220. package/style.js +1 -89
  221. package/utility.css +17 -0
package/auto-complete.css CHANGED
@@ -99,77 +99,6 @@
99
99
  --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
100
100
  --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
101
101
  --lumo-clickable-cursor: default;
102
- --vaadin-button-background: var(--lumo-contrast-5pct);
103
- --vaadin-button-border: none;
104
- --vaadin-button-border-radius: var(--lumo-border-radius-m);
105
- --vaadin-button-font-size: var(--lumo-font-size-m);
106
- --vaadin-button-font-weight: 500;
107
- --vaadin-button-height: var(--lumo-size-m);
108
- --vaadin-button-margin: var(--lumo-space-xs) 0;
109
- --vaadin-button-min-width: calc(var(--vaadin-button-height) * 2);
110
- --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2);
111
- --vaadin-button-text-color: var(--lumo-primary-text-color);
112
- --vaadin-button-primary-background: var(--lumo-primary-color);
113
- --vaadin-button-primary-border: none;
114
- --vaadin-button-primary-font-weight: 600;
115
- --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
116
- --vaadin-button-tertiary-background: transparent !important;
117
- --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color);
118
- --vaadin-button-tertiary-font-weight: 500;
119
- --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6);
120
- --vaadin-checkbox-background: var(--lumo-contrast-20pct);
121
- --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct);
122
- --vaadin-checkbox-border-radius: var(--lumo-border-radius-s);
123
- --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark);
124
- --vaadin-checkbox-checkmark-char-indeterminate: '';
125
- --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color);
126
- --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px);
127
- --vaadin-checkbox-label-color: var(--lumo-body-text-color);
128
- --vaadin-checkbox-label-font-size: var(--lumo-font-size-m);
129
- --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs);
130
- --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
131
- --vaadin-checkbox-disabled-checkmark-color: var(--lumo-contrast-30pct);
132
- --vaadin-checkbox-disabled-background: var(--lumo-contrast-10pct);
133
- --vaadin-radio-button-background: var(--lumo-contrast-20pct);
134
- --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct);
135
- --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color);
136
- --vaadin-radio-button-dot-size: 3px;
137
- --vaadin-radio-button-label-color: var(--lumo-body-text-color);
138
- --vaadin-radio-button-label-font-size: var(--lumo-font-size-m);
139
- --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
140
- --vaadin-radio-button-disabled-background: var(--lumo-contrast-10pct);
141
- --vaadin-radio-button-disabled-dot-color: var(--lumo-contrast-30pct);
142
- --vaadin-selection-color: var(--lumo-primary-color);
143
- --vaadin-selection-color-text: var(--lumo-primary-text-color);
144
- --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
145
- --vaadin-focus-ring-color: var(--lumo-primary-color-50pct);
146
- --vaadin-focus-ring-width: 2px;
147
- --vaadin-input-field-label-color: var(--lumo-secondary-text-color);
148
- --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color);
149
- --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color);
150
- --vaadin-input-field-label-font-size: var(--lumo-font-size-s);
151
- --vaadin-input-field-label-font-weight: 500;
152
- --vaadin-input-field-helper-color: var(--lumo-secondary-text-color);
153
- --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs);
154
- --vaadin-input-field-helper-font-weight: 400;
155
- --vaadin-input-field-helper-spacing: 0.4em;
156
- --vaadin-input-field-error-color: var(--lumo-error-text-color);
157
- --vaadin-input-field-error-font-size: var(--lumo-font-size-xs);
158
- --vaadin-input-field-error-font-weight: 400;
159
- --vaadin-input-field-background: var(--lumo-contrast-10pct);
160
- --vaadin-input-field-icon-color: var(--lumo-contrast-60pct);
161
- --vaadin-input-field-icon-size: var(--lumo-icon-size-m);
162
- --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct);
163
- --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct);
164
- --vaadin-input-field-disabled-background: var(--lumo-contrast-5pct);
165
- --vaadin-input-field-disabled-value-color: var(--lumo-disabled-text-color);
166
- --vaadin-input-field-height: var(--lumo-size-m);
167
- --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);
168
- --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color);
169
- --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);
170
- --vaadin-input-field-value-color: var(--lumo-body-text-color);
171
- --vaadin-input-field-value-font-size: var(--lumo-font-size-m);
172
- --vaadin-input-field-value-font-weight: 500;
173
102
  --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
174
103
  --lumo-font-size-xxs: 0.75rem;
175
104
  --lumo-font-size-xs: 0.8125rem;
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/accordion-heading.css';
7
+ @import '../src/components/details-summary.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-accordion-heading-lumo-inject: 1;
11
+ --vaadin-accordion-heading-lumo-inject-modules:
12
+ lumo_components_details-summary,
13
+ lumo_components_accordion-heading;
14
+ }
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/accordion-panel.css';
7
+ @import '../src/components/details.css';
8
+ @import './accordion-heading.css';
9
+
10
+ :is(:root, :host)::before {
11
+ --vaadin-accordion-panel-lumo-inject: 1;
12
+ --vaadin-accordion-panel-lumo-inject-modules:
13
+ lumo_components_details,
14
+ lumo_components_accordion-panel;
15
+ }
@@ -0,0 +1,7 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import './accordion-heading.css';
7
+ @import './accordion-panel.css';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/app-layout.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-app-layout-lumo-inject: 1;
10
+ --vaadin-app-layout-lumo-inject-modules: lumo_components_app-layout;
11
+ }
@@ -0,0 +1,31 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/menu-overlay-core.css';
7
+ @import '../src/mixins/overlay.css';
8
+ @import '../src/components/avatar-group-menu-item.css';
9
+ @import '../src/components/avatar-group-overlay.css';
10
+ @import '../src/components/avatar-group.css';
11
+ @import '../src/components/item.css';
12
+ @import '../src/components/list-box.css';
13
+
14
+ :is(:root, :host)::before {
15
+ --vaadin-avatar-group-lumo-inject: 1;
16
+ --vaadin-avatar-group-lumo-inject-modules: lumo_components_avatar-group;
17
+
18
+ --vaadin-avatar-group-overlay-lumo-inject: 1;
19
+ --vaadin-avatar-group-overlay-lumo-inject-modules:
20
+ lumo_mixins_overlay,
21
+ lumo_mixins_menu-overlay-core,
22
+ lumo_components_avatar-group-overlay;
23
+
24
+ --vaadin-avatar-group-menu-lumo-inject: 1;
25
+ --vaadin-avatar-group-menu-lumo-inject-modules: lumo_components_list-box;
26
+
27
+ --vaadin-avatar-group-menu-item-lumo-inject: 1;
28
+ --vaadin-avatar-group-menu-item-lumo-inject-modules:
29
+ lumo_components_item,
30
+ lumo_components_avatar-group-menu-item;
31
+ }
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/avatar.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-avatar-lumo-inject: 1;
10
+ --vaadin-avatar-lumo-inject-modules: lumo_components_avatar;
11
+ }
12
+
13
+ :where(:root, :host) {
14
+ --vaadin-avatar-size: var(
15
+ --lumo-size-m
16
+ );
17
+ }
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/button.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-button-lumo-inject: 1;
10
+ --vaadin-button-lumo-inject-modules:
11
+ lumo_components_button;
12
+ }
@@ -0,0 +1,50 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/card.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-card-lumo-inject: 1;
10
+ --vaadin-card-lumo-inject-modules: lumo_components_card;
11
+ }
12
+
13
+ :where(:root, :host) {
14
+ --vaadin-card-background: var(
15
+ --lumo-contrast-5pct
16
+ );
17
+ --vaadin-card-border-radius: var(
18
+ --lumo-border-radius-l
19
+ );
20
+ --vaadin-card-border-width: 0;
21
+ --vaadin-card-border-color: var(
22
+ --lumo-contrast-20pct
23
+ );
24
+ --vaadin-card-padding: var(
25
+ --lumo-space-m
26
+ );
27
+ --vaadin-card-gap: var(
28
+ --lumo-space-m
29
+ );
30
+ --vaadin-card-shadow: none;
31
+ --vaadin-card-title-font-color: var(
32
+ --lumo-header-text-color
33
+ );
34
+ --vaadin-card-title-font-size: var(
35
+ --lumo-font-size-l
36
+ );
37
+ --vaadin-card-title-font-weight: 600;
38
+ --vaadin-card-title-line-height: var(
39
+ --lumo-line-height-xs
40
+ );
41
+ --vaadin-card-subtitle-font-color: var(
42
+ --lumo-secondary-text-color
43
+ );
44
+ --vaadin-card-subtitle-font-size: var(
45
+ --lumo-font-size-m
46
+ );
47
+ --vaadin-card-subtitle-line-height: var(
48
+ --lumo-line-height-xs
49
+ );
50
+ }
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/chart.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-chart-lumo-inject: 1;
10
+ --vaadin-chart-lumo-inject-modules: lumo_components_chart;
11
+ }
@@ -0,0 +1,23 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/field-error-message.css';
7
+ @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-label.css';
9
+ @import '../src/mixins/field-required.css';
10
+ @import '../src/mixins/group-field.css';
11
+ @import '../src/components/checkbox-group.css';
12
+ @import './checkbox.css';
13
+
14
+ :is(:root, :host)::before {
15
+ --vaadin-checkbox-group-lumo-inject: 1;
16
+ --vaadin-checkbox-group-lumo-inject-modules:
17
+ lumo_mixins_group-field,
18
+ lumo_mixins_field-label,
19
+ lumo_mixins_field-required,
20
+ lumo_mixins_field-error-message,
21
+ lumo_mixins_field-helper,
22
+ lumo_components_checkbox-group;
23
+ }
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/checkable-field.css';
7
+ @import '../src/components/checkbox.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-checkbox-lumo-inject: 1;
11
+ --vaadin-checkbox-lumo-inject-modules:
12
+ lumo_mixins_checkable-field,
13
+ lumo_components_checkbox;
14
+ }
@@ -0,0 +1,47 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/combo-box-loader.css';
7
+ @import '../src/mixins/combo-box-overlay.css';
8
+ @import '../src/mixins/field-base.css';
9
+ @import '../src/mixins/field-button.css';
10
+ @import '../src/mixins/field-error-message.css';
11
+ @import '../src/mixins/field-helper.css';
12
+ @import '../src/mixins/field-label.css';
13
+ @import '../src/mixins/field-required.css';
14
+ @import '../src/mixins/loader.css';
15
+ @import '../src/mixins/menu-overlay-core.css';
16
+ @import '../src/mixins/overlay.css';
17
+ @import '../src/components/combo-box-item.css';
18
+ @import '../src/components/combo-box-overlay.css';
19
+ @import '../src/components/combo-box.css';
20
+ @import '../src/components/item.css';
21
+ @import './input-container.css';
22
+
23
+ :is(:root, :host)::before {
24
+ --vaadin-combo-box-lumo-inject: 1;
25
+ --vaadin-combo-box-lumo-inject-modules:
26
+ lumo_mixins_field-label,
27
+ lumo_mixins_field-required,
28
+ lumo_mixins_field-error-message,
29
+ lumo_mixins_field-button,
30
+ lumo_mixins_field-helper,
31
+ lumo_mixins_field-base,
32
+ lumo_components_combo-box;
33
+
34
+ --vaadin-combo-box-item-lumo-inject: 1;
35
+ --vaadin-combo-box-item-lumo-inject-modules:
36
+ lumo_components_item,
37
+ lumo_components_combo-box-item;
38
+
39
+ --vaadin-combo-box-overlay-lumo-inject: 1;
40
+ --vaadin-combo-box-overlay-lumo-inject-modules:
41
+ lumo_mixins_loader,
42
+ lumo_mixins_combo-box-loader,
43
+ lumo_mixins_overlay,
44
+ lumo_mixins_menu-overlay-core,
45
+ lumo_mixins_combo-box-overlay,
46
+ lumo_components_combo-box-overlay;
47
+ }
@@ -0,0 +1,17 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/overlay.css';
7
+ @import '../src/components/confirm-dialog-overlay.css';
8
+ @import '../src/components/dialog-overlay.css';
9
+ @import './button.css';
10
+
11
+ :is(:root, :host)::before {
12
+ --vaadin-confirm-dialog-overlay-lumo-inject: 1;
13
+ --vaadin-confirm-dialog-overlay-lumo-inject-modules:
14
+ lumo_mixins_overlay,
15
+ lumo_components_dialog-overlay,
16
+ lumo_components_confirm-dialog-overlay;
17
+ }
@@ -0,0 +1,32 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/menu-overlay-core.css';
7
+ @import '../src/mixins/menu-overlay-ext.css';
8
+ @import '../src/mixins/overlay.css';
9
+ @import '../src/components/context-menu-item.css';
10
+ @import '../src/components/context-menu-list-box.css';
11
+ @import '../src/components/context-menu-overlay.css';
12
+ @import '../src/components/item.css';
13
+ @import '../src/components/list-box.css';
14
+
15
+ :is(:root, :host)::before {
16
+ --vaadin-context-menu-overlay-lumo-inject: 1;
17
+ --vaadin-context-menu-overlay-lumo-inject-modules:
18
+ lumo_mixins_overlay,
19
+ lumo_mixins_menu-overlay-core,
20
+ lumo_mixins_menu-overlay-ext,
21
+ lumo_components_context-menu-overlay;
22
+
23
+ --vaadin-context-menu-list-box-lumo-inject: 1;
24
+ --vaadin-context-menu-list-box-lumo-inject-modules:
25
+ lumo_components_list-box,
26
+ lumo_components_context-menu-list-box;
27
+
28
+ --vaadin-context-menu-item-lumo-inject: 1;
29
+ --vaadin-context-menu-item-lumo-inject-modules:
30
+ lumo_components_item,
31
+ lumo_components_context-menu-item;
32
+ }
@@ -0,0 +1,40 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/overlay.css';
7
+ @import '../src/components/button.css';
8
+ @import '../src/components/crud-dialog-overlay.css';
9
+ @import '../src/components/crud-edit.css';
10
+ @import '../src/components/crud.css';
11
+ @import '../src/components/dialog-overlay.css';
12
+ @import '../src/components/form-layout.css';
13
+ @import '../src/components/grid.css';
14
+ @import './button.css';
15
+ @import './confirm-dialog.css';
16
+ @import './grid-filter.css';
17
+ @import './grid-sorter.css';
18
+ @import './text-field.css';
19
+
20
+ :is(:root, :host)::before {
21
+ --vaadin-crud-lumo-inject: 1;
22
+ --vaadin-crud-lumo-inject-modules: lumo_components_crud;
23
+
24
+ --vaadin-crud-edit-lumo-inject: 1;
25
+ --vaadin-crud-edit-lumo-inject-modules:
26
+ lumo_components_button,
27
+ lumo_components_crud-edit;
28
+
29
+ --vaadin-crud-grid-lumo-inject: 1;
30
+ --vaadin-crud-grid-lumo-inject-modules: lumo_components_grid;
31
+
32
+ --vaadin-crud-form-lumo-inject: 1;
33
+ --vaadin-crud-form-lumo-inject-modules: lumo_components_form-layout;
34
+
35
+ --vaadin-crud-dialog-overlay-lumo-inject: 1;
36
+ --vaadin-crud-dialog-overlay-lumo-inject-modules:
37
+ lumo_mixins_overlay,
38
+ lumo_components_dialog-overlay,
39
+ lumo_components_crud-dialog-overlay;
40
+ }
@@ -0,0 +1,20 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/field-error-message.css';
7
+ @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-label.css';
9
+ @import '../src/mixins/field-required.css';
10
+ @import '../src/components/custom-field.css';
11
+
12
+ :is(:root, :host)::before {
13
+ --vaadin-custom-field-lumo-inject: 1;
14
+ --vaadin-custom-field-lumo-inject-modules:
15
+ lumo_mixins_field-label,
16
+ lumo_mixins_field-required,
17
+ lumo_mixins_field-error-message,
18
+ lumo_mixins_field-helper,
19
+ lumo_components_custom-field;
20
+ }
@@ -0,0 +1,34 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/dashboard-item.css';
7
+ @import '../src/components/button.css';
8
+ @import '../src/components/dashboard-layout.css';
9
+ @import '../src/components/dashboard-section.css';
10
+ @import '../src/components/dashboard-widget.css';
11
+ @import '../src/components/dashboard.css';
12
+
13
+ :is(:root, :host)::before {
14
+ --vaadin-dashboard-lumo-inject: 1;
15
+ --vaadin-dashboard-lumo-inject-modules:
16
+ lumo_components_dashboard-layout,
17
+ lumo_components_dashboard;
18
+
19
+ --vaadin-dashboard-widget-lumo-inject: 1;
20
+ --vaadin-dashboard-widget-lumo-inject-modules:
21
+ lumo_mixins_dashboard-item,
22
+ lumo_components_dashboard-widget;
23
+
24
+ --vaadin-dashboard-section-lumo-inject: 1;
25
+ --vaadin-dashboard-section-lumo-inject-modules:
26
+ lumo_mixins_dashboard-item,
27
+ lumo_components_dashboard-section;
28
+
29
+ --vaadin-dashboard-layout-lumo-inject: 1;
30
+ --vaadin-dashboard-layout-lumo-inject-modules: lumo_components_dashboard-layout;
31
+
32
+ --vaadin-dashboard-button-lumo-inject: 1;
33
+ --vaadin-dashboard-button-lumo-inject-modules: lumo_components_button;
34
+ }
@@ -0,0 +1,49 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/field-base.css';
7
+ @import '../src/mixins/field-button.css';
8
+ @import '../src/mixins/field-error-message.css';
9
+ @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-label.css';
11
+ @import '../src/mixins/field-required.css';
12
+ @import '../src/mixins/menu-overlay-core.css';
13
+ @import '../src/mixins/menu-overlay-ext.css';
14
+ @import '../src/mixins/overlay.css';
15
+ @import '../src/components/date-picker-month-calendar.css';
16
+ @import '../src/components/date-picker-overlay-content.css';
17
+ @import '../src/components/date-picker-overlay.css';
18
+ @import '../src/components/date-picker-year.css';
19
+ @import '../src/components/date-picker.css';
20
+ @import './button.css';
21
+ @import './input-container.css';
22
+
23
+ :is(:root, :host)::before {
24
+ --vaadin-date-picker-lumo-inject: 1;
25
+ --vaadin-date-picker-lumo-inject-modules:
26
+ lumo_mixins_field-label,
27
+ lumo_mixins_field-required,
28
+ lumo_mixins_field-error-message,
29
+ lumo_mixins_field-button,
30
+ lumo_mixins_field-helper,
31
+ lumo_mixins_field-base,
32
+ lumo_components_date-picker;
33
+
34
+ --vaadin-date-picker-year-lumo-inject: 1;
35
+ --vaadin-date-picker-year-lumo-inject-modules: lumo_components_date-picker-year;
36
+
37
+ --vaadin-date-picker-overlay-lumo-inject: 1;
38
+ --vaadin-date-picker-overlay-lumo-inject-modules:
39
+ lumo_mixins_overlay,
40
+ lumo_mixins_menu-overlay-core,
41
+ lumo_mixins_menu-overlay-ext,
42
+ lumo_components_date-picker-overlay;
43
+
44
+ --vaadin-date-picker-overlay-content-lumo-inject: 1;
45
+ --vaadin-date-picker-overlay-content-lumo-inject-modules: lumo_components_date-picker-overlay-content;
46
+
47
+ --vaadin-month-calendar-lumo-inject: 1;
48
+ --vaadin-month-calendar-lumo-inject-modules: lumo_components_date-picker-month-calendar;
49
+ }
@@ -0,0 +1,28 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/field-base.css';
7
+ @import '../src/mixins/field-button.css';
8
+ @import '../src/mixins/field-error-message.css';
9
+ @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-label.css';
11
+ @import '../src/mixins/field-required.css';
12
+ @import '../src/components/custom-field.css';
13
+ @import '../src/components/date-time-picker.css';
14
+ @import './date-picker.css';
15
+ @import './time-picker.css';
16
+
17
+ :is(:root, :host)::before {
18
+ --vaadin-date-time-picker-lumo-inject: 1;
19
+ --vaadin-date-time-picker-lumo-inject-modules:
20
+ lumo_mixins_field-label,
21
+ lumo_mixins_field-required,
22
+ lumo_mixins_field-error-message,
23
+ lumo_mixins_field-button,
24
+ lumo_mixins_field-helper,
25
+ lumo_mixins_field-base,
26
+ lumo_components_custom-field,
27
+ lumo_components_date-time-picker;
28
+ }
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/details-summary.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-details-summary-lumo-inject: 1;
10
+ --vaadin-details-summary-lumo-inject-modules: lumo_components_details-summary;
11
+ }
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/details.css';
7
+ @import './details-summary.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-details-lumo-inject: 1;
11
+ --vaadin-details-lumo-inject-modules: lumo_components_details;
12
+ }
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/overlay.css';
7
+ @import '../src/mixins/resizable-overlay.css';
8
+ @import '../src/components/dialog-overlay.css';
9
+
10
+ :is(:root, :host)::before {
11
+ --vaadin-dialog-overlay-lumo-inject: 1;
12
+ --vaadin-dialog-overlay-lumo-inject-modules:
13
+ lumo_mixins_overlay,
14
+ lumo_mixins_resizable-overlay,
15
+ lumo_components_dialog-overlay;
16
+ }
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2000 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/button.css';
7
+ @import '../src/components/drawer-toggle.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-drawer-toggle-lumo-inject: 1;
11
+ --vaadin-drawer-toggle-lumo-inject-modules:
12
+ lumo_components_button,
13
+ lumo_components_drawer-toggle;
14
+ }
@@ -0,0 +1,25 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2025 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/mixins/field-base.css';
7
+ @import '../src/mixins/field-button.css';
8
+ @import '../src/mixins/field-error-message.css';
9
+ @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-label.css';
11
+ @import '../src/mixins/field-required.css';
12
+ @import '../src/components/email-field.css';
13
+ @import './input-container.css';
14
+
15
+ :is(:root, :host)::before {
16
+ --vaadin-email-field-lumo-inject: 1;
17
+ --vaadin-email-field-lumo-inject-modules:
18
+ lumo_mixins_field-label,
19
+ lumo_mixins_field-required,
20
+ lumo_mixins_field-error-message,
21
+ lumo_mixins_field-button,
22
+ lumo_mixins_field-helper,
23
+ lumo_mixins_field-base,
24
+ lumo_components_email-field;
25
+ }