@vaadin/vaadin-lumo-styles 25.3.0-dev.3a3c2d7d2a → 25.3.0

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 (32) hide show
  1. package/components/ai-field-marker.css +6 -0
  2. package/components/checkbox.css +1 -1
  3. package/components/date-picker.css +4 -1
  4. package/components/grid-pro-edit-column.css +2 -0
  5. package/components/grid-pro.css +2 -0
  6. package/components/grid.css +4 -1
  7. package/components/index.css +2 -0
  8. package/components/select.css +2 -0
  9. package/components/side-nav-item.css +2 -0
  10. package/components/switch.css +21 -0
  11. package/components/text-field.css +1 -1
  12. package/dist/lumo.css +13 -11
  13. package/package.json +5 -5
  14. package/src/components/ai-field-marker.css +21 -0
  15. package/src/components/badge.css +1 -1
  16. package/src/components/dashboard-widget.css +0 -3
  17. package/src/components/date-picker-month-calendar.css +52 -88
  18. package/src/components/date-picker-overlay-content.css +3 -3
  19. package/src/components/form-item.css +1 -9
  20. package/src/components/grid-tree-toggle.css +1 -1
  21. package/src/components/grid.css +8 -0
  22. package/src/components/input-container.css +1 -1
  23. package/src/components/message-input.css +10 -0
  24. package/src/components/notification-container.css +1 -1
  25. package/src/components/select.css +0 -13
  26. package/src/components/side-nav-item.css +0 -13
  27. package/src/components/switch.css +174 -0
  28. package/src/components/upload-file.css +11 -11
  29. package/src/mixins/checkable-field.css +13 -4
  30. package/src/mixins/overlay.css +5 -0
  31. package/src/mixins/slider.css +0 -3
  32. package/src/mixins/sr-only.css +19 -0
package/src/mixins/checkable-field.css CHANGED
@@ -29,7 +29,8 @@
29
29
  }
30
30
 
31
31
  .vaadin-checkbox-container,
32
- .vaadin-radio-button-container {
32
+ .vaadin-radio-button-container,
33
+ .vaadin-switch-container {
33
34
  display: grid;
34
35
  grid-template-columns: auto 1fr;
35
36
  align-items: baseline;
@@ -37,6 +38,7 @@
37
38
 
38
39
  [part='checkbox'],
39
40
  [part='radio'],
41
+ [part='switch'],
40
42
  [part='label'],
41
43
  ::slotted(input),
42
44
  ::slotted(label) {
@@ -45,13 +47,15 @@
45
47
 
46
48
  [part='checkbox'],
47
49
  [part='radio'],
50
+ [part='switch'],
48
51
  ::slotted(input) {
49
52
  grid-column: 1;
50
53
  }
51
54
 
52
- /* Control container (checkbox, radio button) */
55
+ /* Control container (checkbox, radio button, switch) */
53
56
  [part='checkbox'],
54
- [part='radio'] {
57
+ [part='radio'],
58
+ [part='switch'] {
55
59
  width: var(--_input-size, 1em);
56
60
  height: var(--_input-size, 1em);
57
61
  --_input-border-width: var(--vaadin-input-field-border-width, 0);
@@ -67,7 +71,8 @@
67
71
 
68
72
  /* Used for activation "halo" */
69
73
  [part='checkbox']::before,
70
- [part='radio']::before {
74
+ [part='radio']::before,
75
+ [part='switch']::before {
71
76
  display: block;
72
77
  content: '\202F';
73
78
  line-height: var(--_input-size, 1em);
@@ -85,6 +90,10 @@
85
90
  opacity 0.8s;
86
91
  }
87
92
 
93
+ [part='helper-text'] {
94
+ margin: 0;
95
+ }
96
+
88
97
  /* visually hidden */
89
98
  ::slotted(input) {
90
99
  cursor: inherit;
package/src/mixins/overlay.css CHANGED
@@ -50,6 +50,11 @@
50
50
  display: none !important;
51
51
  }
52
52
 
53
+ :host([suppressed]) [part='overlay'],
54
+ :host([suppressed]) ::slotted(*) {
55
+ pointer-events: none !important;
56
+ }
57
+
53
58
  [part='overlay'] {
54
59
  overflow: auto;
55
60
  pointer-events: auto;
package/src/mixins/slider.css CHANGED
@@ -80,9 +80,6 @@
80
80
 
81
81
  #controls {
82
82
  min-height: var(--lumo-size-s);
83
- }
84
-
85
- :host([has-label]) #controls {
86
83
  padding: 0;
87
84
  border: 0;
88
85
  }
package/src/mixins/sr-only.css ADDED
@@ -0,0 +1,19 @@
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
+ @media lumo_mixins_sr-only {
7
+ .sr-only {
8
+ border: 0 !important;
9
+ clip: rect(1px, 1px, 1px, 1px) !important;
10
+ clip-path: inset(50%) !important;
11
+ height: 1px !important;
12
+ margin: -1px !important;
13
+ overflow: hidden !important;
14
+ padding: 0 !important;
15
+ position: absolute !important;
16
+ width: 1px !important;
17
+ white-space: nowrap !important;
18
+ }
19
+ }