Merge pull request #2097 from smeup/feat/f-textfield/sizetextfield

smeup · Oct 3, 2024 · 374b8d5 · 374b8d5
2 parents 1b66b98 + 829ab0a
commit 374b8d5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/ketchup/src/f-components/f-text-field/f-text-field.scss b/packages/ketchup/src/f-components/f-text-field/f-text-field.scss
@@ -39,8 +39,8 @@
       --kup-textfield-fullwidth-height,
       40px
     );
-    --kup_textfield_extra_small_height: var(
-      --kup-textfield-extra-small-height,
+    --kup_textfield_extrasmall_height: var(
+      --kup-textfield-extrasmall-height,
       20px
     );
     --kup_textfield_small_height: var(--kup-textfield-small-height, 32px);
@@ -54,8 +54,8 @@
       --kup-textfield-extrasmall-padding,
       0 4px 0 8px
     );
-    --kup_textfield_extrasmall_fontsize: var(
-      --kup-textfield-extrasmall-fontsize,
+    --kup_textfield_extrasmall_font_size: var(
+      --kup-textfield-extrasmall-font-size,
       12px
     );
     --kup_textfield_fullwidth_padding: var(
@@ -187,7 +187,7 @@
         cursor: pointer;
         height: 16px;
         width: 16px;
-        padding: 0 8px;
+        padding: 0 0 0 8px;
         outline: none;
         pointer-events: all;
 
@@ -214,10 +214,10 @@
       }
 
       &.mdc-text-field--extra-small {
-        height: var(--kup_textfield_extra_small_height) !important;
+        height: var(--kup_textfield_extrasmall_height) !important;
         padding: var(--kup_textfield_extrasmall_padding);
         input {
-          font-size: var(--kup_textfield_extrasmall_fontsize);
+          font-size: var(--kup_textfield_extrasmall_font_size);
         }
       }
 

diff --git a/packages/ketchup/src/style/fonts.scss b/packages/ketchup/src/style/fonts.scss
@@ -2,7 +2,7 @@
 
 @mixin kup-body-compact-01 {
   font-family: var(--kup-font-family);
-  font-size: 14px;
+  font-size: var(--kup-body-compact-01-font-size, 14px);
   line-height: 18px;
   font-weight: 400;
   letter-spacing: 0.16px;
@@ -13,7 +13,7 @@
 
 @mixin kup-body-01 {
   font-family: var(--kup-font-family);
-  font-size: 14px;
+  font-size: var(--kup-body-01-font-size, 14px);
   line-height: 20px;
   font-weight: 400;
   letter-spacing: 0.16px;