Merge pull request #2550 from apuliasoft/fix/label

LS25000892: fix: label css
smeup · Mar 4, 2025 · 7d66624 · 7d66624
2 parents f44a3a4 + 74d1ef3
commit 7d66624
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/ketchup/src/components/kup-chip/kup-chip.tsx b/packages/ketchup/src/components/kup-chip/kup-chip.tsx
@@ -459,7 +459,7 @@ export class KupChip {
                 <div id={componentWrapperId}>
                     {this.label ? (
                         <div class="mdc-text-field__label-container">
-                            <label>{this.label}</label>
+                            <label class="mdc-label">{this.label}</label>
                         </div>
                     ) : null}
                     {this.data?.length > 0 ? <FChip {...props} /> : null}

diff --git a/packages/ketchup/src/components/kup-chip/styles/kup-chip-main.scss b/packages/ketchup/src/components/kup-chip/styles/kup-chip-main.scss
@@ -4,4 +4,13 @@
 
 .mdc-text-field__label-container {
   padding-bottom: 4px;
+
+  label {
+    font-family: var(--kup-font-family);
+    font-size: var(--kup-label-01-font-size, 12px);
+    line-height: 16px;
+    font-weight: 400;
+    letter-spacing: 0.32px;
+    color: var(--kup-text-secondary);
+  }
 }