fix: set input value font weight property on input container (#8141)

vaadin · Nov 18, 2024 · b2d5af6 · b2d5af6
1 parent ad7b6d8
commit b2d5af6
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/packages/input-container/theme/lumo/vaadin-input-container-styles.js b/packages/input-container/theme/lumo/vaadin-input-container-styles.js
@@ -10,7 +10,7 @@ registerStyles(
     :host {
       background: var(--_background);
       padding: 0 calc(0.375em + var(--_input-container-radius) / 4 - 1px);
-      font-weight: 500;
+      font-weight: var(--vaadin-input-field-value-font-weight, 500);
       line-height: 1;
       position: relative;
       cursor: text;

diff --git a/packages/vaadin-lumo-styles/mixins/input-field-shared.js b/packages/vaadin-lumo-styles/mixins/input-field-shared.js
@@ -19,7 +19,6 @@ const inputField = css`
     --lumo-text-field-size: var(--lumo-size-m);
     color: var(--vaadin-input-field-value-color, var(--lumo-body-text-color));
     font-size: var(--vaadin-input-field-value-font-size, var(--lumo-font-size-m));
-    font-weight: var(--vaadin-input-field-value-font-weight, 400);
     font-family: var(--lumo-font-family);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;

diff --git a/packages/vaadin-lumo-styles/style.js b/packages/vaadin-lumo-styles/style.js
@@ -110,7 +110,7 @@ const globals = css`
     --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);
     --vaadin-input-field-value-color: var(--lumo-body-text-color);
     --vaadin-input-field-value-font-size: var(--lumo-font-size-m);
-    --vaadin-input-field-value-font-weight: 400;
+    --vaadin-input-field-value-font-weight: 500;
   }
 `;