From 867037cc0a1008ee052ed9ed145d8f5d1bef1bbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina.teudan.ext@knecon.com>
Date: Wed, 23 Aug 2023 18:13:15 +0300
Subject: [PATCH] Update css variables

---
 src/assets/styles/_common-variables.scss | 8 +++++---
 src/assets/styles/common-inputs.scss     | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/assets/styles/_common-variables.scss b/src/assets/styles/_common-variables.scss
index dc61e45..a9b8446 100644
--- a/src/assets/styles/_common-variables.scss
+++ b/src/assets/styles/_common-variables.scss
@@ -46,8 +46,6 @@ body {
     --iqser-button-radius: 17px;
     --iqser-button-font-size: 13px;
     --iqser-button-height: 34px;
-    --iqser-font-family: 'some placeholder value that should be overridden when configuring a theme';
-    --iqser-app-name-font-family: 'some placeholder value that should be overridden when configuring a theme';
     --iqser-app-name-font-size: 18px;
     --iqser-logo-size: 28px;
     --iqser-app-name-color: black;
@@ -58,9 +56,13 @@ body {
     --iqser-menu-padding-bottom: 24px;
     --iqser-menu-min-height: 24px;
     --iqser-menu-item-margin: 0 8px 2px 8px;
+    --iqser-inputs-height: 36px;
+    --iqser-textarea-padding-y: 7px;
+    --iqser-font-family: Inter, sans-serif;
+    --iqser-app-name-font-family: Inter, sans-serif;
 }
 
-$required-variables: 'iqser-font-family' 'iqser-primary';
+$required-variables: 'iqser-primary';
 
 @mixin checkRequiredVariables($args, $theme) {
     @each $var in $required-variables {
diff --git a/src/assets/styles/common-inputs.scss b/src/assets/styles/common-inputs.scss
index 6c37397..b417c84 100644
--- a/src/assets/styles/common-inputs.scss
+++ b/src/assets/styles/common-inputs.scss
@@ -201,8 +201,8 @@ iqser-dynamic-input {
 
     textarea {
         resize: vertical;
-        padding-top: 7px;
-        padding-bottom: 7px;
+        padding-top: var(--iqser-textarea-padding-y);
+        padding-bottom: var(--iqser-textarea-padding-y);
         @include mixins.scroll-bar;
 
         &.has-scrollbar {