@eturnity/eturnity_reusable_components 8.31.1 → 8.31.2

package/src/components/inputs/searchInput/index.vue

@@ -3,6 +3,7 @@
     <InputWrapper
       :icon-color="iconColor"
       :icon-position="iconPosition"
+      :input-height="inputHeight"
       :is-full-height="isFullHeight"
     >
       <SearchIconSvg class="search-icn" />
@@ -12,6 +13,7 @@
         :data-qa-id="dataQaId"
         :disabled="disabled"
         :has-focus="hasFocus"
+        :input-height="inputHeight"
         :input-width="inputWidth"
         :is-disabled="disabled"
         :is-filter="isFilter"
@@ -47,6 +49,7 @@
     inputWidth: String,
     isFilter: Boolean,
     isFullHeight: Boolean,
+    inputHeight: String,
   }
   const Container = styled('div', inputAttrs)`
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
@@ -61,7 +64,7 @@
     font-size: 13px;
     color: ${(props) => props.theme.colors.black};
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
-    height: ${(props) => (props.isFullHeight ? '100%' : 'auto')};
+    height: ${(props) => (props.isFullHeight ? '100%' : props.inputHeight)};
     box-sizing: border-box;
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
     background: ${(props) => props.theme.colors.white} !important;
@@ -78,10 +81,12 @@
     iconColor: String,
     iconPosition: String,
     isFullHeight: Boolean,
+    inputHeight: String,
   }
   const InputWrapper = styled('div', wrapperAttrs)`
     position: relative;
-    height: ${(props) => (props.isFullHeight ? '100%' : 'auto')};
+    height: ${({ isFullHeight, inputHeight }) =>
+      isFullHeight ? '100%' : inputHeight};
 
     svg {
       position: absolute;
@@ -158,6 +163,10 @@
         type: Boolean,
         default: false,
       },
+      inputHeight: {
+        type: String,
+        default: 'auto',
+      },
     },
     emits: ['on-change'],
     watch: {