From b2d5af60b67d8f1bcefe82582403f50dbc8974cb Mon Sep 17 00:00:00 2001
From: Serhii Kulykov <iamkulykov@gmail.com>
Date: Mon, 18 Nov 2024 09:20:23 +0200
Subject: [PATCH] fix: set input value font weight property on input container
 (#8141)

---
 .../input-container/theme/lumo/vaadin-input-container-styles.js | 2 +-
 packages/vaadin-lumo-styles/mixins/input-field-shared.js        | 1 -
 packages/vaadin-lumo-styles/style.js                            | 2 +-
 3 files changed, 2 insertions(+), 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
index 3eae7e3aae..faa35dea0d 100644
--- 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
index 7833bf8a2e..f2b024a599 100644
--- 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
index 88df840253..2a33040379 100644
--- 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;
   }
 `;