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

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 (5) hide show
  1. package/components/button.css +1 -2
  2. package/package.json +5 -5
  3. package/src/components/avatar-group-overlay.css +0 -4
  4. package/src/components/dialog-overlay.css +9 -19
  5. package/src/mixins/resizable-overlay.css +2 -1
package/components/button.css CHANGED
@@ -7,6 +7,5 @@
7
7
 
8
8
  :is(:root, :host)::before {
9
9
  --vaadin-button-lumo-inject: 1;
10
- --vaadin-button-lumo-inject-modules:
11
- lumo_components_button;
10
+ --vaadin-button-lumo-inject-modules: lumo_components_button;
12
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/vaadin-lumo-styles",
3
- "version": "25.0.0-alpha10",
3
+ "version": "25.0.0-alpha12",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -42,9 +42,9 @@
42
42
  "web-component"
43
43
  ],
44
44
  "dependencies": {
45
- "@vaadin/component-base": "25.0.0-alpha10",
46
- "@vaadin/icon": "25.0.0-alpha10",
47
- "@vaadin/vaadin-themable-mixin": "25.0.0-alpha10"
45
+ "@vaadin/component-base": "25.0.0-alpha12",
46
+ "@vaadin/icon": "25.0.0-alpha12",
47
+ "@vaadin/vaadin-themable-mixin": "25.0.0-alpha12"
48
48
  },
49
49
  "devDependencies": {
50
50
  "gulp": "^5.0.1",
@@ -54,5 +54,5 @@
54
54
  "imagemin": "^9.0.0",
55
55
  "imagemin-svgo": "^10.0.1"
56
56
  },
57
- "gitHead": "6cc6c94079e805fa5b2f0af4dbf3b2a7485e57d0"
57
+ "gitHead": "e75527348f9ba7c363d068c868b9f030c15b84a1"
58
58
  }
package/src/components/avatar-group-overlay.css CHANGED
@@ -8,8 +8,4 @@
8
8
  --_lumo-list-box-item-selected-icon-display: none;
9
9
  --_lumo-list-box-item-padding-left: calc(var(--lumo-space-m) + var(--lumo-border-radius-m) / 4);
10
10
  }
11
-
12
- [part='overlay'] {
13
- outline: none;
14
- }
15
11
  }
package/src/components/dialog-overlay.css CHANGED
@@ -69,19 +69,6 @@
69
69
  height: auto;
70
70
  }
71
71
 
72
- @media (min-height: 320px) {
73
- :host(:is([has-title], [has-header], [has-footer])) .resizer-container {
74
- overflow: hidden;
75
- display: flex;
76
- flex-direction: column;
77
- }
78
-
79
- :host(:is([has-title], [has-header], [has-footer])) [part='content'] {
80
- flex: 1;
81
- overflow: auto;
82
- }
83
- }
84
-
85
72
  /*
86
73
  NOTE(platosha): Make some min-width to prevent collapsing of the content
87
74
  taking the parent width, e. g., <vaadin-grid> and such.
@@ -89,6 +76,15 @@
89
76
  [part='content'] {
90
77
  min-width: 12em; /* matches the default <vaadin-text-field> width */
91
78
  padding: var(--lumo-space-l);
79
+ flex: 1;
80
+ }
81
+
82
+ :host([overflow]) [part='content'] {
83
+ overflow: auto;
84
+ }
85
+
86
+ :host([overflow~='top']) [part='header'] {
87
+ box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct);
92
88
  }
93
89
 
94
90
  :host([has-bounds-set]) [part='overlay'] {
@@ -126,12 +122,6 @@
126
122
  padding: 0 !important;
127
123
  }
128
124
 
129
- @media (min-height: 320px) {
130
- :host([overflow~='top']) [part='header'] {
131
- box-shadow: 0 1px 0 0 var(--lumo-contrast-10pct);
132
- }
133
- }
134
-
135
125
  /* Animations */
136
126
 
137
127
  :host([opening]),
package/src/mixins/resizable-overlay.css CHANGED
@@ -17,7 +17,8 @@
17
17
  }
18
18
 
19
19
  .resizer-container {
20
- overflow: auto;
20
+ display: flex;
21
+ flex-direction: column;
21
22
  flex-grow: 1;
22
23
  border-radius: inherit; /* prevent child elements being drawn outside part=overlay */
23
24
  }