fix: make Lumo font custom properties work for vaadin-select (#7296) (#…

…7300) Co-authored-by: Serhii Kulykov <iamkulykov@gmail.com>
vaadin · Apr 4, 2024 · 1f0a72e · 1f0a72e
1 parent 612df29
commit 1f0a72e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/select/theme/lumo/vaadin-select-styles.js b/packages/select/theme/lumo/vaadin-select-styles.js
@@ -27,7 +27,7 @@ const select = css`
   }
 
   [part='input-field'] ::slotted([slot='value']) {
-    font-weight: 500;
+    font-weight: var(--vaadin-input-field-value-font-weight, 500);
   }
 
   [part='input-field'] ::slotted([slot='value']:not([placeholder])) {
@@ -79,6 +79,7 @@ registerStyles(
       min-height: var(--_lumo-selected-item-height);
       padding-top: var(--_lumo-selected-item-padding);
       padding-bottom: var(--_lumo-selected-item-padding);
+      font-size: inherit;
     }
 
     ::slotted(*:hover) {