@vaadin/vaadin-lumo-styles 25.0.0-alpha1 → 25.0.0-alpha10

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 (226) hide show
  1. package/auto-complete.css +3 -73
  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 +19 -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/font-icons.js +28 -26
  79. package/global.css +8 -0
  80. package/lumo.css +8 -0
  81. package/mixins/input-field-shared.js +1 -2
  82. package/mixins/menu-overlay.js +0 -2
  83. package/mixins/required-field.js +0 -1
  84. package/package.json +16 -12
  85. package/props.css +12 -0
  86. package/src/components/accordion-heading.css +42 -0
  87. package/src/components/accordion-panel.css +38 -0
  88. package/src/components/app-layout.css +193 -0
  89. package/src/components/avatar-group-menu-item.css +22 -0
  90. package/src/components/avatar-group-overlay.css +15 -0
  91. package/src/components/avatar-group.css +67 -0
  92. package/src/components/avatar.css +86 -0
  93. package/src/components/button.css +334 -0
  94. package/src/components/card.css +38 -0
  95. package/src/components/chart.css +85 -0
  96. package/src/components/checkbox-group.css +18 -0
  97. package/src/components/checkbox.css +341 -0
  98. package/src/components/combo-box-item.css +18 -0
  99. package/src/components/combo-box-overlay.css +15 -0
  100. package/src/components/combo-box.css +14 -0
  101. package/src/components/confirm-dialog-overlay.css +59 -0
  102. package/src/components/context-menu-item.css +39 -0
  103. package/src/components/context-menu-list-box.css +40 -0
  104. package/src/components/context-menu-overlay.css +41 -0
  105. package/src/components/crud-dialog-overlay.css +57 -0
  106. package/src/components/crud-edit.css +30 -0
  107. package/src/components/crud.css +157 -0
  108. package/src/components/custom-field.css +102 -0
  109. package/src/components/dashboard-layout.css +94 -0
  110. package/src/components/dashboard-section.css +113 -0
  111. package/src/components/dashboard-widget.css +224 -0
  112. package/src/components/dashboard.css +23 -0
  113. package/src/components/date-picker-month-calendar.css +192 -0
  114. package/src/components/date-picker-overlay-content.css +161 -0
  115. package/src/components/date-picker-overlay.css +60 -0
  116. package/src/components/date-picker-year.css +35 -0
  117. package/src/components/date-picker.css +41 -0
  118. package/src/components/date-time-picker.css +36 -0
  119. package/src/components/details-summary.css +131 -0
  120. package/src/components/details.css +37 -0
  121. package/src/components/dialog-overlay.css +173 -0
  122. package/src/components/drawer-toggle.css +51 -0
  123. package/src/components/email-field.css +26 -0
  124. package/src/components/field-outline.css +51 -0
  125. package/src/components/form-item.css +36 -0
  126. package/src/components/form-layout.css +12 -0
  127. package/src/components/grid-filter.css +16 -0
  128. package/src/components/grid-pro-edit-select.css +19 -0
  129. package/src/components/grid-pro.css +84 -0
  130. package/src/components/grid-sorter.css +70 -0
  131. package/src/components/grid-tree-toggle.css +104 -0
  132. package/src/components/grid.css +755 -0
  133. package/src/components/horizontal-layout.css +34 -0
  134. package/src/components/icon.css +11 -0
  135. package/src/components/input-container.css +228 -0
  136. package/src/components/item.css +94 -0
  137. package/src/components/list-box.css +31 -0
  138. package/src/components/login-form-wrapper.css +113 -0
  139. package/src/components/login-overlay-wrapper.css +189 -0
  140. package/src/components/map.css +182 -0
  141. package/src/components/menu-bar-button.css +128 -0
  142. package/src/components/menu-bar-item.css +23 -0
  143. package/src/components/menu-bar-overlay.css +10 -0
  144. package/src/components/menu-bar.css +31 -0
  145. package/src/components/message-input.css +30 -0
  146. package/src/components/message.css +82 -0
  147. package/src/components/multi-select-combo-box-chip.css +113 -0
  148. package/src/components/multi-select-combo-box-container.css +20 -0
  149. package/src/components/multi-select-combo-box-item.css +13 -0
  150. package/src/components/multi-select-combo-box-overlay.css +18 -0
  151. package/src/components/multi-select-combo-box.css +102 -0
  152. package/src/components/notification-card.css +228 -0
  153. package/src/components/notification-container.css +60 -0
  154. package/src/components/number-field.css +53 -0
  155. package/src/components/password-field-button.css +19 -0
  156. package/src/components/password-field.css +24 -0
  157. package/src/components/popover-overlay.css +156 -0
  158. package/src/components/progress-bar.css +295 -0
  159. package/src/components/radio-button.css +156 -0
  160. package/src/components/radio-group.css +18 -0
  161. package/src/components/rich-text-editor-popup-overlay.css +27 -0
  162. package/src/components/rich-text-editor.css +485 -0
  163. package/src/components/scroller.css +40 -0
  164. package/src/components/select-overlay.css +54 -0
  165. package/src/components/select-value-button.css +57 -0
  166. package/src/components/select.css +60 -0
  167. package/src/components/side-nav-item.css +170 -0
  168. package/src/components/side-nav.css +102 -0
  169. package/src/components/split-layout.css +131 -0
  170. package/src/components/tab.css +246 -0
  171. package/src/components/tabs.css +285 -0
  172. package/src/components/tabsheet.css +59 -0
  173. package/src/components/text-area.css +116 -0
  174. package/src/components/time-picker-overlay.css +15 -0
  175. package/src/components/time-picker.css +36 -0
  176. package/src/components/tooltip-overlay.css +50 -0
  177. package/src/components/upload-file-list.css +24 -0
  178. package/src/components/upload-file.css +133 -0
  179. package/src/components/upload-icon.css +20 -0
  180. package/src/components/upload.css +56 -0
  181. package/src/components/user-tag.css +48 -0
  182. package/src/components/user-tags-overlay.css +64 -0
  183. package/src/components/vertical-layout.css +34 -0
  184. package/src/global/badge.css +167 -0
  185. package/src/global/color-scheme.css +99 -0
  186. package/src/global/typography.css +113 -0
  187. package/src/mixins/checkable-field.css +67 -0
  188. package/src/mixins/combo-box-loader.css +14 -0
  189. package/src/mixins/combo-box-overlay.css +30 -0
  190. package/src/mixins/dashboard-item.css +252 -0
  191. package/src/mixins/field-base.css +187 -0
  192. package/src/mixins/field-button.css +46 -0
  193. package/src/mixins/field-error-message.css +36 -0
  194. package/src/mixins/field-helper.css +62 -0
  195. package/src/mixins/field-label.css +62 -0
  196. package/src/mixins/field-required.css +26 -0
  197. package/src/mixins/grid-pro-editor.css +35 -0
  198. package/src/mixins/group-field.css +58 -0
  199. package/src/mixins/loader.css +48 -0
  200. package/src/mixins/menu-overlay-core.css +36 -0
  201. package/src/mixins/menu-overlay-ext.css +63 -0
  202. package/src/mixins/overlay.css +121 -0
  203. package/src/mixins/resizable-overlay.css +99 -0
  204. package/src/props/color.css +98 -0
  205. package/src/props/icons.css +61 -0
  206. package/src/props/reset.css +11 -0
  207. package/src/props/sizing.css +19 -0
  208. package/src/props/spacing.css +27 -0
  209. package/src/props/style.css +21 -0
  210. package/src/props/typography.css +24 -0
  211. package/src/utilities/accessibility.css +17 -0
  212. package/src/utilities/background.css +189 -0
  213. package/src/utilities/border.css +173 -0
  214. package/src/utilities/filter.css +37 -0
  215. package/src/utilities/flexbox-grid.css +781 -0
  216. package/src/utilities/layout.css +629 -0
  217. package/src/utilities/shadows.css +29 -0
  218. package/src/utilities/sizing.css +142 -0
  219. package/src/utilities/spacing.css +682 -0
  220. package/src/utilities/transition.css +46 -0
  221. package/src/utilities/typography.css +424 -0
  222. package/style.d.ts +0 -2
  223. package/style.js +1 -89
  224. package/utilities/transition.js +3 -2
  225. package/utility.css +17 -0
  226. package/vaadin-iconset.js +2 -0
@@ -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
+ }
@@ -0,0 +1,22 @@
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/field-outline.css';
8
+ @import '../src/components/user-tag.css';
9
+ @import '../src/components/user-tags-overlay.css';
10
+
11
+ :is(:root, :host)::before {
12
+ --vaadin-user-tags-overlay-lumo-inject: 1;
13
+ --vaadin-user-tags-overlay-lumo-inject-modules:
14
+ lumo_mixins_overlay,
15
+ lumo_components_user-tags-overlay;
16
+
17
+ --vaadin-user-tag-lumo-inject: 1;
18
+ --vaadin-user-tag-lumo-inject-modules: lumo_components_user-tag;
19
+
20
+ --vaadin-field-outline-lumo-inject: 1;
21
+ --vaadin-field-outline-lumo-inject-modules: lumo_components_field-outline;
22
+ }
@@ -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/form-item.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-form-item-lumo-inject: 1;
10
+ --vaadin-form-item-lumo-inject-modules: lumo_components_form-item;
11
+ }
@@ -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/form-layout.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-form-layout-lumo-inject: 1;
10
+ --vaadin-form-layout-lumo-inject-modules: lumo_components_form-layout;
11
+ }
@@ -0,0 +1,6 @@
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 './grid-filter.css';
@@ -0,0 +1,12 @@
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/grid-filter.css';
7
+ @import './text-field.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-grid-filter-lumo-inject: 1;
11
+ --vaadin-grid-filter-lumo-inject-modules: lumo_components_grid-filter;
12
+ }
@@ -0,0 +1,48 @@
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/checkable-field.css';
7
+ @import '../src/mixins/field-base.css';
8
+ @import '../src/mixins/field-button.css';
9
+ @import '../src/mixins/field-error-message.css';
10
+ @import '../src/mixins/field-helper.css';
11
+ @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-required.css';
13
+ @import '../src/mixins/grid-pro-editor.css';
14
+ @import '../src/components/checkbox.css';
15
+ @import '../src/components/grid-pro-edit-select.css';
16
+ @import '../src/components/select.css';
17
+ @import './checkbox.css';
18
+ @import './select.css';
19
+ @import './text-field.css';
20
+
21
+ :is(:root, :host)::before {
22
+ --vaadin-grid-pro-edit-text-field-lumo-inject: 1;
23
+ --vaadin-grid-pro-edit-text-field-lumo-inject-modules:
24
+ lumo_mixins_field-label,
25
+ lumo_mixins_field-required,
26
+ lumo_mixins_field-error-message,
27
+ lumo_mixins_field-button,
28
+ lumo_mixins_field-helper,
29
+ lumo_mixins_field-base,
30
+ lumo_mixins_grid-pro-editor;
31
+
32
+ --vaadin-grid-pro-edit-select-lumo-inject: 1;
33
+ --vaadin-grid-pro-edit-select-lumo-inject-modules:
34
+ lumo_mixins_field-label,
35
+ lumo_mixins_field-required,
36
+ lumo_mixins_field-error-message,
37
+ lumo_mixins_field-button,
38
+ lumo_mixins_field-helper,
39
+ lumo_mixins_field-base,
40
+ lumo_mixins_grid-pro-editor,
41
+ lumo_components_select,
42
+ lumo_components_grid-pro-edit-select;
43
+
44
+ --vaadin-grid-pro-edit-checkbox-lumo-inject: 1;
45
+ --vaadin-grid-pro-edit-checkbox-lumo-inject-modules:
46
+ lumo_mixins_checkable-field,
47
+ lumo_components_checkbox;
48
+ }
@@ -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/grid-pro.css';
7
+ @import '../src/components/grid.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-grid-pro-lumo-inject: 1;
11
+ --vaadin-grid-pro-lumo-inject-modules:
12
+ lumo_components_grid,
13
+ lumo_components_grid-pro;
14
+ }
@@ -0,0 +1,6 @@
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 './checkbox.css';
@@ -0,0 +1,6 @@
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 './grid-sorter.css';
@@ -0,0 +1,19 @@
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/grid-sorter.css';
7
+
8
+ @font-face {
9
+ font-family: 'vaadin-grid-sorter-icons';
10
+ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==)
11
+ format('woff');
12
+ font-weight: normal;
13
+ font-style: normal;
14
+ }
15
+
16
+ :is(:root, :host)::before {
17
+ --vaadin-grid-sorter-lumo-inject: 1;
18
+ --vaadin-grid-sorter-lumo-inject-modules: lumo_components_grid-sorter;
19
+ }
@@ -0,0 +1,6 @@
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 './grid-tree-toggle.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/grid-tree-toggle.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-grid-tree-toggle-lumo-inject: 1;
10
+ --vaadin-grid-tree-toggle-lumo-inject-modules: lumo_components_grid-tree-toggle;
11
+ }
@@ -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/grid.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-grid-lumo-inject: 1;
10
+ --vaadin-grid-lumo-inject-modules: lumo_components_grid;
11
+ }
@@ -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/horizontal-layout.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-horizontal-layout-lumo-inject: 1;
10
+ --vaadin-horizontal-layout-lumo-inject-modules: lumo_components_horizontal-layout;
11
+ }
@@ -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/icon.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-icon-lumo-inject: 1;
10
+ --vaadin-icon-lumo-inject-modules: lumo_components_icon;
11
+ }
@@ -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/input-container.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-input-container-lumo-inject: 1;
10
+ --vaadin-input-container-lumo-inject-modules: lumo_components_input-container;
11
+ }
@@ -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/number-field.css';
13
+ @import './input-container.css';
14
+
15
+ :is(:root, :host)::before {
16
+ --vaadin-integer-field-lumo-inject: 1;
17
+ --vaadin-integer-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_number-field;
25
+ }
@@ -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/item.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-item-lumo-inject: 1;
10
+ --vaadin-item-lumo-inject-modules: lumo_components_item;
11
+ }
@@ -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/list-box.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-list-box-lumo-inject: 1;
10
+ --vaadin-list-box-lumo-inject-modules: lumo_components_list-box;
11
+ }
@@ -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/login-form-wrapper.css';
7
+ @import './button.css';
8
+ @import './password-field.css';
9
+ @import './text-field.css';
10
+
11
+ :is(:root, :host)::before {
12
+ --vaadin-login-form-wrapper-lumo-inject: 1;
13
+ --vaadin-login-form-wrapper-lumo-inject-modules: lumo_components_login-form-wrapper;
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/mixins/overlay.css';
7
+ @import '../src/components/login-overlay-wrapper.css';
8
+ @import './login-form.css';
9
+
10
+ :is(:root, :host)::before {
11
+ --vaadin-login-overlay-wrapper-lumo-inject: 1;
12
+ --vaadin-login-overlay-wrapper-lumo-inject-modules:
13
+ lumo_mixins_overlay,
14
+ lumo_components_login-overlay-wrapper;
15
+ }
@@ -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/map.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-map-lumo-inject: 1;
10
+ --vaadin-map-lumo-inject-modules: lumo_components_map;
11
+ }
@@ -0,0 +1,19 @@
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
+ :where(:root, :host) {
7
+ --vaadin-master-detail-layout-backdrop: var(
8
+ --lumo-shade-20pct
9
+ );
10
+ --vaadin-master-detail-layout-detail-background: var(
11
+ --lumo-base-color
12
+ );
13
+ --vaadin-master-detail-layout-detail-shadow:
14
+ 0 0 0 1px var(--lumo-shade-5pct),
15
+ var(--lumo-box-shadow-m);
16
+ --vaadin-master-detail-layout-border-color: var(
17
+ --lumo-contrast-10pct
18
+ );
19
+ }
@@ -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/menu-overlay-core.css';
7
+ @import '../src/mixins/menu-overlay-ext.css';
8
+ @import '../src/mixins/overlay.css';
9
+ @import '../src/components/button.css';
10
+ @import '../src/components/context-menu-item.css';
11
+ @import '../src/components/context-menu-list-box.css';
12
+ @import '../src/components/context-menu-overlay.css';
13
+ @import '../src/components/item.css';
14
+ @import '../src/components/list-box.css';
15
+ @import '../src/components/menu-bar-button.css';
16
+ @import '../src/components/menu-bar-item.css';
17
+ @import '../src/components/menu-bar-overlay.css';
18
+ @import '../src/components/menu-bar.css';
19
+
20
+ :is(:root, :host)::before {
21
+ --vaadin-menu-bar-lumo-inject: 1;
22
+ --vaadin-menu-bar-lumo-inject-modules: lumo_components_menu-bar;
23
+
24
+ --vaadin-menu-bar-overlay-lumo-inject: 1;
25
+ --vaadin-menu-bar-overlay-lumo-inject-modules:
26
+ lumo_mixins_overlay,
27
+ lumo_mixins_menu-overlay-core,
28
+ lumo_mixins_menu-overlay-ext,
29
+ lumo_components_context-menu-overlay,
30
+ lumo_components_menu-bar-overlay;
31
+
32
+ --vaadin-menu-bar-list-box-lumo-inject: 1;
33
+ --vaadin-menu-bar-list-box-lumo-inject-modules:
34
+ lumo_components_list-box,
35
+ lumo_components_context-menu-list-box;
36
+
37
+ --vaadin-menu-bar-item-lumo-inject: 1;
38
+ --vaadin-menu-bar-item-lumo-inject-modules:
39
+ lumo_components_item,
40
+ lumo_components_context-menu-item,
41
+ lumo_components_menu-bar-item;
42
+
43
+ --vaadin-menu-bar-button-lumo-inject: 1;
44
+ --vaadin-menu-bar-button-lumo-inject-modules:
45
+ lumo_components_button,
46
+ lumo_components_menu-bar-button;
47
+ }
@@ -0,0 +1,13 @@
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/message-input.css';
7
+ @import './button.css';
8
+ @import './text-area.css';
9
+
10
+ :is(:root, :host)::before {
11
+ --vaadin-message-input-lumo-inject: 1;
12
+ --vaadin-message-input-lumo-inject-modules: lumo_components_message-input;
13
+ }
@@ -0,0 +1,6 @@
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 './message.css';
@@ -0,0 +1,12 @@
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/message.css';
7
+ @import './avatar.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-message-lumo-inject: 1;
11
+ --vaadin-message-lumo-inject-modules: lumo_components_message;
12
+ }
@@ -0,0 +1,61 @@
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/input-container.css';
19
+ @import '../src/components/item.css';
20
+ @import '../src/components/multi-select-combo-box-chip.css';
21
+ @import '../src/components/multi-select-combo-box-container.css';
22
+ @import '../src/components/multi-select-combo-box-item.css';
23
+ @import '../src/components/multi-select-combo-box-overlay.css';
24
+ @import '../src/components/multi-select-combo-box.css';
25
+
26
+ :is(:root, :host)::before {
27
+ --vaadin-multi-select-combo-box-container-lumo-inject: 1;
28
+ --vaadin-multi-select-combo-box-container-lumo-inject-modules:
29
+ lumo_components_input-container,
30
+ lumo_components_multi-select-combo-box-container;
31
+
32
+ --vaadin-multi-select-combo-box-overlay-lumo-inject: 1;
33
+ --vaadin-multi-select-combo-box-overlay-lumo-inject-modules:
34
+ lumo_mixins_loader,
35
+ lumo_mixins_combo-box-loader,
36
+ lumo_mixins_overlay,
37
+ lumo_mixins_menu-overlay-core,
38
+ lumo_mixins_combo-box-overlay,
39
+ lumo_components_multi-select-combo-box-overlay;
40
+
41
+ --vaadin-multi-select-combo-box-chip-lumo-inject: 1;
42
+ --vaadin-multi-select-combo-box-chip-lumo-inject-modules:
43
+ lumo_mixins_field-button,
44
+ lumo_components_multi-select-combo-box-chip;
45
+
46
+ --vaadin-multi-select-combo-box-item-lumo-inject: 1;
47
+ --vaadin-multi-select-combo-box-item-lumo-inject-modules:
48
+ lumo_components_item,
49
+ lumo_components_combo-box-item,
50
+ lumo_components_multi-select-combo-box-item;
51
+
52
+ --vaadin-multi-select-combo-box-lumo-inject: 1;
53
+ --vaadin-multi-select-combo-box-lumo-inject-modules:
54
+ lumo_mixins_field-label,
55
+ lumo_mixins_field-required,
56
+ lumo_mixins_field-error-message,
57
+ lumo_mixins_field-button,
58
+ lumo_mixins_field-helper,
59
+ lumo_mixins_field-base,
60
+ lumo_components_multi-select-combo-box;
61
+ }
@@ -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/notification-card.css';
7
+ @import '../src/components/notification-container.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-notification-container-lumo-inject: 1;
11
+ --vaadin-notification-container-lumo-inject-modules: lumo_components_notification-container;
12
+
13
+ --vaadin-notification-card-lumo-inject: 1;
14
+ --vaadin-notification-card-lumo-inject-modules: lumo_components_notification-card;
15
+ }
@@ -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/number-field.css';
13
+ @import './input-container.css';
14
+
15
+ :is(:root, :host)::before {
16
+ --vaadin-number-field-lumo-inject: 1;
17
+ --vaadin-number-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_number-field;
25
+ }
@@ -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/mixins/overlay.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-overlay-lumo-inject: 1;
10
+ --vaadin-overlay-lumo-inject-modules: lumo_mixins_overlay;
11
+ }
@@ -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/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/button.css';
13
+ @import '../src/components/password-field-button.css';
14
+ @import '../src/components/password-field.css';
15
+ @import './input-container.css';
16
+
17
+ :is(:root, :host)::before {
18
+ --vaadin-password-field-lumo-inject: 1;
19
+ --vaadin-password-field-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_password-field;
27
+
28
+ --vaadin-password-field-button-lumo-inject: 1;
29
+ --vaadin-password-field-button-lumo-inject-modules:
30
+ lumo_components_button,
31
+ lumo_components_password-field-button;
32
+ }
@@ -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/overlay.css';
7
+ @import '../src/components/popover-overlay.css';
8
+
9
+ :is(:root, :host)::before {
10
+ --vaadin-popover-overlay-lumo-inject: 1;
11
+ --vaadin-popover-overlay-lumo-inject-modules:
12
+ lumo_mixins_overlay,
13
+ lumo_components_popover-overlay;
14
+ }
@@ -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/progress-bar.css';
7
+
8
+ :is(:root, :host)::before {
9
+ --vaadin-progress-bar-lumo-inject: 1;
10
+ --vaadin-progress-bar-lumo-inject-modules: lumo_components_progress-bar;
11
+ }