@eturnity/eturnity_reusable_components 1.2.39 → 1.2.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.39",
+  "version": "1.2.40",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

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

@@ -57,11 +57,9 @@
         :isError="isError"
         >{{ unitName }}</unit-container
       >
-      <icon
-        v-if="(isError || inputIcon) && !showLinearUnitName"
-        :class="inputIconImageClass"
-        :src="isError ? warningIcon : inputIconImage"
-      />
+      <icon-wrapper v-if="isError && !showLinearUnitName" size="16px">
+        <icon name="warning" size="16px" cursor="default" />
+      </icon-wrapper>
     </input-wrapper>
     <error-message v-if="isError">{{ errorMessage }}</error-message>
   </container>
@@ -101,6 +99,7 @@ import {
 import InfoText from '../../infoText'
 import ErrorMessage from '../../errorMessage'
 import warningIcon from '../../../assets/icons/error_icon.png'
+import Icon from '../../icon'
 
 const inputProps = {
   isError: Boolean,
@@ -178,15 +177,6 @@ const InputContainer = styled('input', inputProps)`
     outline: none;
   }
 `
-const IconProps = {
-  inputIconHeight: String
-}
-
-const Icon = styled('img', IconProps)`
-  position: absolute;
-  right: 10px;
-  top: 2px;
-`
 
 const InputWrapper = styled.span`
   position: relative;
@@ -259,6 +249,16 @@ const LabelText = styled('div', inputProps)`
   font-weight: 700;
 `
 
+const IconAttrs = { size: String }
+const IconWrapper = styled('div', IconAttrs)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  right: 5px;
+  height: ${(props) => (props.size ? props.size : 'auto')};
+`
+
 export default {
   name: 'input-number',
   components: {
@@ -272,7 +272,8 @@ export default {
     LabelText,
     InfoText,
     Icon,
-    SlotContainer
+    SlotContainer,
+    IconWrapper
   },
   inheritAttrs: false,
   data() {
@@ -386,25 +387,10 @@ export default {
       required: false,
       default: true
     },
-    inputIcon: {
-      require: false,
-      type: Boolean,
-      default: false
-    },
-    inputIconImage: {
-      require: false,
-      type: String,
-      default: ''
-    },
     allowNegative: {
       required: false,
       default: true
     },
-    inputIconImageClass: {
-      require: false,
-      type: Array,
-      default: () => []
-    },
     slotSize: {
       required: false
     },