@vaadin/vaadin-lumo-styles 25.3.0 → 25.4.0-alpha1

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 (30) hide show
  1. package/components/checkbox-group.css +2 -0
  2. package/components/combo-box.css +2 -0
  3. package/components/custom-field.css +2 -0
  4. package/components/date-picker.css +2 -0
  5. package/components/date-time-picker.css +2 -0
  6. package/components/email-field.css +2 -0
  7. package/components/grid-pro-edit-column.css +3 -0
  8. package/components/integer-field.css +2 -0
  9. package/components/multi-select-combo-box.css +6 -0
  10. package/components/number-field.css +2 -0
  11. package/components/password-field.css +2 -0
  12. package/components/radio-group.css +2 -0
  13. package/components/range-slider.css +2 -0
  14. package/components/select.css +2 -0
  15. package/components/slider.css +2 -0
  16. package/components/text-area.css +2 -0
  17. package/components/text-field.css +2 -0
  18. package/components/time-picker.css +2 -0
  19. package/dist/lumo.css +105 -16
  20. package/dist/utility.css +1 -1
  21. package/package.json +8 -8
  22. package/src/components/custom-field.css +9 -0
  23. package/src/components/form-item.css +3 -3
  24. package/src/components/multi-select-combo-box-select-all-button.css +52 -0
  25. package/src/components/multi-select-combo-box.css +18 -2
  26. package/src/components/select.css +7 -0
  27. package/src/components/text-area.css +4 -0
  28. package/src/mixins/checkable-field.css +4 -0
  29. package/src/mixins/field-label-aside.css +106 -0
  30. package/src/mixins/field-label.css +5 -1
package/components/checkbox-group.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-helper.css';
8
8
  @import '../src/mixins/field-helper-above.css';
9
9
  @import '../src/mixins/field-label.css';
10
+ @import '../src/mixins/field-label-aside.css';
10
11
  @import '../src/mixins/field-required.css';
11
12
  @import '../src/mixins/group-field.css';
12
13
  @import '../src/components/checkbox-group.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-checkbox-group-inject-modules:
19
20
  lumo_mixins_group-field,
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-helper,
package/components/combo-box.css CHANGED
@@ -11,6 +11,7 @@
11
11
  @import '../src/mixins/field-helper.css';
12
12
  @import '../src/mixins/field-helper-above.css';
13
13
  @import '../src/mixins/field-label.css';
14
+ @import '../src/mixins/field-label-aside.css';
14
15
  @import '../src/mixins/field-required.css';
15
16
  @import '../src/mixins/loader.css';
16
17
  @import '../src/mixins/menu-overlay-core.css';
@@ -26,6 +27,7 @@
26
27
  --_lumo-vaadin-combo-box-inject: 1;
27
28
  --_lumo-vaadin-combo-box-inject-modules:
28
29
  lumo_mixins_field-label,
30
+ lumo_mixins_field-label-aside,
29
31
  lumo_mixins_field-required,
30
32
  lumo_mixins_field-error-message,
31
33
  lumo_mixins_field-button,
package/components/custom-field.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-helper.css';
8
8
  @import '../src/mixins/field-helper-above.css';
9
9
  @import '../src/mixins/field-label.css';
10
+ @import '../src/mixins/field-label-aside.css';
10
11
  @import '../src/mixins/field-required.css';
11
12
  @import '../src/components/custom-field.css';
12
13
 
@@ -15,6 +16,7 @@
15
16
  --_lumo-vaadin-custom-field-inject: 1;
16
17
  --_lumo-vaadin-custom-field-inject-modules:
17
18
  lumo_mixins_field-label,
19
+ lumo_mixins_field-label-aside,
18
20
  lumo_mixins_field-required,
19
21
  lumo_mixins_field-error-message,
20
22
  lumo_mixins_field-helper,
package/components/date-picker.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/mixins/loader.css';
14
15
  @import '../src/mixins/menu-overlay-core.css';
@@ -27,6 +28,7 @@
27
28
  --_lumo-vaadin-date-picker-inject: 1;
28
29
  --_lumo-vaadin-date-picker-inject-modules:
29
30
  lumo_mixins_field-label,
31
+ lumo_mixins_field-label-aside,
30
32
  lumo_mixins_field-required,
31
33
  lumo_mixins_field-error-message,
32
34
  lumo_mixins_field-button,
package/components/date-time-picker.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/components/custom-field.css';
14
15
  @import '../src/components/date-time-picker.css';
@@ -20,6 +21,7 @@
20
21
  --_lumo-vaadin-date-time-picker-inject: 1;
21
22
  --_lumo-vaadin-date-time-picker-inject-modules:
22
23
  lumo_mixins_field-label,
24
+ lumo_mixins_field-label-aside,
23
25
  lumo_mixins_field-required,
24
26
  lumo_mixins_field-error-message,
25
27
  lumo_mixins_field-button,
package/components/email-field.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/components/email-field.css';
14
15
  @import './input-container.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-email-field-inject: 1;
19
20
  --_lumo-vaadin-email-field-inject-modules:
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-button,
package/components/grid-pro-edit-column.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-error-message.css';
10
10
  @import '../src/mixins/field-helper.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/mixins/grid-pro-editor.css';
14
15
  @import '../src/mixins/sr-only.css';
@@ -24,6 +25,7 @@
24
25
  --_lumo-vaadin-grid-pro-edit-text-field-inject: 1;
25
26
  --_lumo-vaadin-grid-pro-edit-text-field-inject-modules:
26
27
  lumo_mixins_field-label,
28
+ lumo_mixins_field-label-aside,
27
29
  lumo_mixins_field-required,
28
30
  lumo_mixins_field-error-message,
29
31
  lumo_mixins_field-button,
@@ -34,6 +36,7 @@
34
36
  --_lumo-vaadin-grid-pro-edit-select-inject: 1;
35
37
  --_lumo-vaadin-grid-pro-edit-select-inject-modules:
36
38
  lumo_mixins_field-label,
39
+ lumo_mixins_field-label-aside,
37
40
  lumo_mixins_field-required,
38
41
  lumo_mixins_field-error-message,
39
42
  lumo_mixins_field-button,
package/components/integer-field.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/components/number-field.css';
14
15
  @import './input-container.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-integer-field-inject: 1;
19
20
  --_lumo-vaadin-integer-field-inject-modules:
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-button,
package/components/multi-select-combo-box.css CHANGED
@@ -11,6 +11,7 @@
11
11
  @import '../src/mixins/field-helper.css';
12
12
  @import '../src/mixins/field-helper-above.css';
13
13
  @import '../src/mixins/field-label.css';
14
+ @import '../src/mixins/field-label-aside.css';
14
15
  @import '../src/mixins/field-required.css';
15
16
  @import '../src/mixins/loader.css';
16
17
  @import '../src/mixins/menu-overlay-core.css';
@@ -22,6 +23,7 @@
22
23
  @import '../src/components/multi-select-combo-box-container.css';
23
24
  @import '../src/components/multi-select-combo-box-item.css';
24
25
  @import '../src/components/multi-select-combo-box-overlay.css';
26
+ @import '../src/components/multi-select-combo-box-select-all-button.css';
25
27
  @import '../src/components/multi-select-combo-box.css';
26
28
 
27
29
  :root,
@@ -51,9 +53,13 @@
51
53
  lumo_components_combo-box-item,
52
54
  lumo_components_multi-select-combo-box-item;
53
55
 
56
+ --_lumo-vaadin-multi-select-combo-box-select-all-button-inject: 1;
57
+ --_lumo-vaadin-multi-select-combo-box-select-all-button-inject-modules: lumo_components_multi-select-combo-box-select-all-button;
58
+
54
59
  --_lumo-vaadin-multi-select-combo-box-inject: 1;
55
60
  --_lumo-vaadin-multi-select-combo-box-inject-modules:
56
61
  lumo_mixins_field-label,
62
+ lumo_mixins_field-label-aside,
57
63
  lumo_mixins_field-required,
58
64
  lumo_mixins_field-error-message,
59
65
  lumo_mixins_field-button,
package/components/number-field.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/components/number-field.css';
14
15
  @import './input-container.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-number-field-inject: 1;
19
20
  --_lumo-vaadin-number-field-inject-modules:
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-button,
package/components/password-field.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/components/button.css';
14
15
  @import '../src/components/password-field-button.css';
@@ -20,6 +21,7 @@
20
21
  --_lumo-vaadin-password-field-inject: 1;
21
22
  --_lumo-vaadin-password-field-inject-modules:
22
23
  lumo_mixins_field-label,
24
+ lumo_mixins_field-label-aside,
23
25
  lumo_mixins_field-required,
24
26
  lumo_mixins_field-error-message,
25
27
  lumo_mixins_field-button,
package/components/radio-group.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-helper.css';
8
8
  @import '../src/mixins/field-helper-above.css';
9
9
  @import '../src/mixins/field-label.css';
10
+ @import '../src/mixins/field-label-aside.css';
10
11
  @import '../src/mixins/field-required.css';
11
12
  @import '../src/mixins/group-field.css';
12
13
  @import '../src/components/radio-group.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-radio-group-inject-modules:
19
20
  lumo_mixins_group-field,
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-helper,
package/components/range-slider.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-helper.css';
8
8
  @import '../src/mixins/field-helper-above.css';
9
9
  @import '../src/mixins/field-label.css';
10
+ @import '../src/mixins/field-label-aside.css';
10
11
  @import '../src/mixins/field-required.css';
11
12
  @import '../src/mixins/overlay.css';
12
13
  @import '../src/mixins/slider.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-range-slider-inject: 1;
19
20
  --_lumo-vaadin-range-slider-inject-modules:
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-helper,
package/components/select.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/mixins/menu-overlay-core.css';
14
15
  @import '../src/mixins/menu-overlay-ext.css';
@@ -26,6 +27,7 @@
26
27
  --_lumo-vaadin-select-inject: 1;
27
28
  --_lumo-vaadin-select-inject-modules:
28
29
  lumo_mixins_field-label,
30
+ lumo_mixins_field-label-aside,
29
31
  lumo_mixins_field-required,
30
32
  lumo_mixins_field-error-message,
31
33
  lumo_mixins_field-button,
package/components/slider.css CHANGED
@@ -7,6 +7,7 @@
7
7
  @import '../src/mixins/field-helper.css';
8
8
  @import '../src/mixins/field-helper-above.css';
9
9
  @import '../src/mixins/field-label.css';
10
+ @import '../src/mixins/field-label-aside.css';
10
11
  @import '../src/mixins/field-required.css';
11
12
  @import '../src/mixins/overlay.css';
12
13
  @import '../src/mixins/slider.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-slider-inject: 1;
19
20
  --_lumo-vaadin-slider-inject-modules:
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-helper,
package/components/text-area.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import '../src/components/text-area.css';
14
15
  @import './input-container.css';
@@ -18,6 +19,7 @@
18
19
  --_lumo-vaadin-text-area-inject: 1;
19
20
  --_lumo-vaadin-text-area-inject-modules:
20
21
  lumo_mixins_field-label,
22
+ lumo_mixins_field-label-aside,
21
23
  lumo_mixins_field-required,
22
24
  lumo_mixins_field-error-message,
23
25
  lumo_mixins_field-button,
package/components/text-field.css CHANGED
@@ -9,6 +9,7 @@
9
9
  @import '../src/mixins/field-helper.css';
10
10
  @import '../src/mixins/field-helper-above.css';
11
11
  @import '../src/mixins/field-label.css';
12
+ @import '../src/mixins/field-label-aside.css';
12
13
  @import '../src/mixins/field-required.css';
13
14
  @import './input-container.css';
14
15
 
@@ -17,6 +18,7 @@
17
18
  --_lumo-vaadin-text-field-inject: 1;
18
19
  --_lumo-vaadin-text-field-inject-modules:
19
20
  lumo_mixins_field-label,
21
+ lumo_mixins_field-label-aside,
20
22
  lumo_mixins_field-required,
21
23
  lumo_mixins_field-error-message,
22
24
  lumo_mixins_field-button,
package/components/time-picker.css CHANGED
@@ -10,6 +10,7 @@
10
10
  @import '../src/mixins/field-helper.css';
11
11
  @import '../src/mixins/field-helper-above.css';
12
12
  @import '../src/mixins/field-label.css';
13
+ @import '../src/mixins/field-label-aside.css';
13
14
  @import '../src/mixins/field-required.css';
14
15
  @import '../src/mixins/menu-overlay-core.css';
15
16
  @import '../src/mixins/overlay.css';
@@ -24,6 +25,7 @@
24
25
  --_lumo-vaadin-time-picker-inject: 1;
25
26
  --_lumo-vaadin-time-picker-inject-modules:
26
27
  lumo_mixins_field-label,
28
+ lumo_mixins_field-label-aside,
27
29
  lumo_mixins_field-required,
28
30
  lumo_mixins_field-error-message,
29
31
  lumo_mixins_field-button,