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

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 (48) hide show
  1. package/components/breadcrumbs-item.css +12 -0
  2. package/components/breadcrumbs.css +22 -0
  3. package/components/card.css +1 -1
  4. package/components/checkbox-group.css +2 -0
  5. package/components/checkbox.css +6 -0
  6. package/components/combo-box.css +2 -0
  7. package/components/custom-field.css +2 -0
  8. package/components/date-picker.css +2 -0
  9. package/components/date-time-picker.css +2 -0
  10. package/components/email-field.css +2 -0
  11. package/components/index.css +1 -0
  12. package/components/integer-field.css +2 -0
  13. package/components/multi-select-combo-box.css +2 -0
  14. package/components/number-field.css +2 -0
  15. package/components/password-field.css +2 -0
  16. package/components/radio-group.css +2 -0
  17. package/components/range-slider.css +2 -0
  18. package/components/select.css +2 -0
  19. package/components/slider.css +2 -0
  20. package/components/text-area.css +2 -0
  21. package/components/text-field.css +2 -0
  22. package/components/time-picker.css +2 -0
  23. package/dist/lumo.css +12 -16
  24. package/mixins/menu-overlay.js +0 -4
  25. package/mixins/overlay.js +0 -1
  26. package/mixins/required-field.js +0 -1
  27. package/package.json +6 -6
  28. package/src/components/breadcrumbs-item.css +74 -0
  29. package/src/components/breadcrumbs-overlay.css +10 -0
  30. package/src/components/breadcrumbs.css +23 -0
  31. package/src/components/card.css +5 -22
  32. package/src/components/checkbox.css +9 -72
  33. package/src/components/custom-field.css +2 -2
  34. package/src/components/dashboard-section.css +3 -8
  35. package/src/components/dashboard-widget.css +0 -17
  36. package/src/components/multi-select-combo-box.css +0 -4
  37. package/src/components/progress-bar.css +0 -3
  38. package/src/components/radio-button.css +0 -36
  39. package/src/components/tab.css +0 -1
  40. package/src/components/user-tags-overlay.css +0 -1
  41. package/src/mixins/checkable-field.css +30 -0
  42. package/src/mixins/dashboard-item.css +0 -4
  43. package/src/mixins/field-error-message.css +0 -1
  44. package/src/mixins/field-helper-above.css +33 -0
  45. package/src/mixins/field-helper.css +0 -27
  46. package/src/mixins/grid-pro-editor.css +0 -1
  47. package/src/mixins/menu-overlay-core.css +0 -4
  48. package/src/mixins/overlay.css +0 -1
package/components/breadcrumbs-item.css ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2026 - 2026 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/breadcrumbs-item.css';
7
+
8
+ :root,
9
+ :host {
10
+ --_lumo-vaadin-breadcrumbs-item-inject: 1;
11
+ --_lumo-vaadin-breadcrumbs-item-inject-modules: lumo_components_breadcrumbs-item;
12
+ }
package/components/breadcrumbs.css ADDED
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2026 - 2026 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+ @import '../src/components/breadcrumbs.css';
7
+ @import '../src/components/breadcrumbs-overlay.css';
8
+ @import '../src/mixins/menu-overlay-core.css';
9
+ @import '../src/mixins/overlay.css';
10
+ @import './breadcrumbs-item.css';
11
+
12
+ :root,
13
+ :host {
14
+ --_lumo-vaadin-breadcrumbs-inject: 1;
15
+ --_lumo-vaadin-breadcrumbs-inject-modules: lumo_components_breadcrumbs;
16
+
17
+ --_lumo-vaadin-breadcrumbs-overlay-inject: 1;
18
+ --_lumo-vaadin-breadcrumbs-overlay-inject-modules:
19
+ lumo_mixins_overlay,
20
+ lumo_mixins_menu-overlay-core,
21
+ lumo_components_breadcrumbs-overlay;
22
+ }
package/components/card.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --vaadin-card-border-radius: var(
20
20
  --lumo-border-radius-l
21
21
  );
22
- --vaadin-card-border-width: 0;
22
+ --vaadin-card-border-width: 0px;
23
23
  --vaadin-card-border-color: var(
24
24
  --lumo-contrast-20pct
25
25
  );
package/components/checkbox-group.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  @import '../src/mixins/field-error-message.css';
7
7
  @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-helper-above.css';
8
9
  @import '../src/mixins/field-label.css';
9
10
  @import '../src/mixins/field-required.css';
10
11
  @import '../src/mixins/group-field.css';
@@ -20,5 +21,6 @@
20
21
  lumo_mixins_field-required,
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-helper,
24
+ lumo_mixins_field-helper-above,
23
25
  lumo_components_checkbox-group;
24
26
  }
package/components/checkbox.css CHANGED
@@ -4,6 +4,9 @@
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  @import '../src/mixins/checkable-field.css';
7
+ @import '../src/mixins/field-error-message.css';
8
+ @import '../src/mixins/field-helper.css';
9
+ @import '../src/mixins/field-required.css';
7
10
  @import '../src/components/checkbox.css';
8
11
 
9
12
  :root,
@@ -11,5 +14,8 @@
11
14
  --_lumo-vaadin-checkbox-inject: 1;
12
15
  --_lumo-vaadin-checkbox-inject-modules:
13
16
  lumo_mixins_checkable-field,
17
+ lumo_mixins_field-helper,
18
+ lumo_mixins_field-required,
19
+ lumo_mixins_field-error-message,
14
20
  lumo_components_checkbox;
15
21
  }
package/components/combo-box.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-button.css';
10
10
  @import '../src/mixins/field-error-message.css';
11
11
  @import '../src/mixins/field-helper.css';
12
+ @import '../src/mixins/field-helper-above.css';
12
13
  @import '../src/mixins/field-label.css';
13
14
  @import '../src/mixins/field-required.css';
14
15
  @import '../src/mixins/loader.css';
@@ -29,6 +30,7 @@
29
30
  lumo_mixins_field-error-message,
30
31
  lumo_mixins_field-button,
31
32
  lumo_mixins_field-helper,
33
+ lumo_mixins_field-helper-above,
32
34
  lumo_mixins_field-base,
33
35
  lumo_components_combo-box;
34
36
 
package/components/custom-field.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  @import '../src/mixins/field-error-message.css';
7
7
  @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-helper-above.css';
8
9
  @import '../src/mixins/field-label.css';
9
10
  @import '../src/mixins/field-required.css';
10
11
  @import '../src/components/custom-field.css';
@@ -17,5 +18,6 @@
17
18
  lumo_mixins_field-required,
18
19
  lumo_mixins_field-error-message,
19
20
  lumo_mixins_field-helper,
21
+ lumo_mixins_field-helper-above,
20
22
  lumo_components_custom-field;
21
23
  }
package/components/date-picker.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/mixins/menu-overlay-core.css';
@@ -29,6 +30,7 @@
29
30
  lumo_mixins_field-error-message,
30
31
  lumo_mixins_field-button,
31
32
  lumo_mixins_field-helper,
33
+ lumo_mixins_field-helper-above,
32
34
  lumo_mixins_field-base,
33
35
  lumo_components_date-picker;
34
36
 
package/components/date-time-picker.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/components/custom-field.css';
@@ -23,6 +24,7 @@
23
24
  lumo_mixins_field-error-message,
24
25
  lumo_mixins_field-button,
25
26
  lumo_mixins_field-helper,
27
+ lumo_mixins_field-helper-above,
26
28
  lumo_mixins_field-base,
27
29
  lumo_components_custom-field,
28
30
  lumo_components_date-time-picker;
package/components/email-field.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/components/email-field.css';
@@ -21,6 +22,7 @@
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-button,
23
24
  lumo_mixins_field-helper,
25
+ lumo_mixins_field-helper-above,
24
26
  lumo_mixins_field-base,
25
27
  lumo_components_email-field;
26
28
  }
package/components/index.css CHANGED
@@ -8,6 +8,7 @@
8
8
  @import './avatar-group.css';
9
9
  @import './avatar.css';
10
10
  @import './badge.css';
11
+ @import './breadcrumbs.css';
11
12
  @import './button.css';
12
13
  @import './card.css';
13
14
  @import './charts.css';
package/components/integer-field.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/components/number-field.css';
@@ -21,6 +22,7 @@
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-button,
23
24
  lumo_mixins_field-helper,
25
+ lumo_mixins_field-helper-above,
24
26
  lumo_mixins_field-base,
25
27
  lumo_components_number-field;
26
28
  }
package/components/multi-select-combo-box.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-button.css';
10
10
  @import '../src/mixins/field-error-message.css';
11
11
  @import '../src/mixins/field-helper.css';
12
+ @import '../src/mixins/field-helper-above.css';
12
13
  @import '../src/mixins/field-label.css';
13
14
  @import '../src/mixins/field-required.css';
14
15
  @import '../src/mixins/loader.css';
@@ -57,6 +58,7 @@
57
58
  lumo_mixins_field-error-message,
58
59
  lumo_mixins_field-button,
59
60
  lumo_mixins_field-helper,
61
+ lumo_mixins_field-helper-above,
60
62
  lumo_mixins_field-base,
61
63
  lumo_components_multi-select-combo-box;
62
64
  }
package/components/number-field.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/components/number-field.css';
@@ -21,6 +22,7 @@
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-button,
23
24
  lumo_mixins_field-helper,
25
+ lumo_mixins_field-helper-above,
24
26
  lumo_mixins_field-base,
25
27
  lumo_components_number-field;
26
28
  }
package/components/password-field.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/components/button.css';
@@ -23,6 +24,7 @@
23
24
  lumo_mixins_field-error-message,
24
25
  lumo_mixins_field-button,
25
26
  lumo_mixins_field-helper,
27
+ lumo_mixins_field-helper-above,
26
28
  lumo_mixins_field-base,
27
29
  lumo_components_password-field;
28
30
 
package/components/radio-group.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  @import '../src/mixins/field-error-message.css';
7
7
  @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-helper-above.css';
8
9
  @import '../src/mixins/field-label.css';
9
10
  @import '../src/mixins/field-required.css';
10
11
  @import '../src/mixins/group-field.css';
@@ -20,5 +21,6 @@
20
21
  lumo_mixins_field-required,
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-helper,
24
+ lumo_mixins_field-helper-above,
23
25
  lumo_components_radio-group;
24
26
  }
package/components/range-slider.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  @import '../src/mixins/field-error-message.css';
7
7
  @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-helper-above.css';
8
9
  @import '../src/mixins/field-label.css';
9
10
  @import '../src/mixins/field-required.css';
10
11
  @import '../src/mixins/overlay.css';
@@ -20,6 +21,7 @@
20
21
  lumo_mixins_field-required,
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-helper,
24
+ lumo_mixins_field-helper-above,
23
25
  lumo_mixins_slider,
24
26
  lumo_components_range-slider;
25
27
 
package/components/select.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/mixins/menu-overlay-core.css';
@@ -28,6 +29,7 @@
28
29
  lumo_mixins_field-error-message,
29
30
  lumo_mixins_field-button,
30
31
  lumo_mixins_field-helper,
32
+ lumo_mixins_field-helper-above,
31
33
  lumo_mixins_field-base,
32
34
  lumo_components_select;
33
35
 
package/components/slider.css CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  @import '../src/mixins/field-error-message.css';
7
7
  @import '../src/mixins/field-helper.css';
8
+ @import '../src/mixins/field-helper-above.css';
8
9
  @import '../src/mixins/field-label.css';
9
10
  @import '../src/mixins/field-required.css';
10
11
  @import '../src/mixins/overlay.css';
@@ -20,6 +21,7 @@
20
21
  lumo_mixins_field-required,
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-helper,
24
+ lumo_mixins_field-helper-above,
23
25
  lumo_mixins_slider,
24
26
  lumo_components_slider;
25
27
 
package/components/text-area.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import '../src/components/text-area.css';
@@ -21,6 +22,7 @@
21
22
  lumo_mixins_field-error-message,
22
23
  lumo_mixins_field-button,
23
24
  lumo_mixins_field-helper,
25
+ lumo_mixins_field-helper-above,
24
26
  lumo_mixins_field-base,
25
27
  lumo_components_text-area;
26
28
  }
package/components/text-field.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-button.css';
8
8
  @import '../src/mixins/field-error-message.css';
9
9
  @import '../src/mixins/field-helper.css';
10
+ @import '../src/mixins/field-helper-above.css';
10
11
  @import '../src/mixins/field-label.css';
11
12
  @import '../src/mixins/field-required.css';
12
13
  @import './input-container.css';
@@ -20,5 +21,6 @@
20
21
  lumo_mixins_field-error-message,
21
22
  lumo_mixins_field-button,
22
23
  lumo_mixins_field-helper,
24
+ lumo_mixins_field-above,
23
25
  lumo_mixins_field-base;
24
26
  }
package/components/time-picker.css CHANGED
@@ -8,6 +8,7 @@
8
8
  @import '../src/mixins/field-button.css';
9
9
  @import '../src/mixins/field-error-message.css';
10
10
  @import '../src/mixins/field-helper.css';
11
+ @import '../src/mixins/field-helper-above.css';
11
12
  @import '../src/mixins/field-label.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/mixins/menu-overlay-core.css';
@@ -27,6 +28,7 @@
27
28
  lumo_mixins_field-error-message,
28
29
  lumo_mixins_field-button,
29
30
  lumo_mixins_field-helper,
31
+ lumo_mixins_field-helper-above,
30
32
  lumo_mixins_field-base,
31
33
  lumo_components_time-picker;
32
34