@eturnity/eturnity_reusable_components 1.1.91 → 1.1.94

package/package.json

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

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

@@ -158,7 +158,7 @@ const ErrorMessage = styled.div`
   font-size: 14px;
   color: ${(props) => props.theme.colors.red};
   position: absolute;
-  bottom: -18px;
+  top: calc(100% + 1px);
 `
 
 const LabelWrapper = styled.div`
@@ -267,6 +267,10 @@ export default {
       required: false,
       default: null,
     },
+    numberToStringEnabled: {
+      required: false,
+      default: true
+    }
   },
   methods: {
     onChangeHandler(event) {
@@ -346,11 +350,13 @@ export default {
         return input + " " + unit
       } else if (!adjustedMinValue && adjustedMinValue !== 0) {
         return ""
-      } else {
+      } else if (this.numberToStringEnabled) {
         return numberToString({
           value: adjustedMinValue,
           numberPrecision: this.numberPrecision,
         })
+      } else {
+        return adjustedMinValue
       }
     },
   },

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

@@ -108,7 +108,7 @@ const ErrorMessage = styled.div`
   font-size: 14px;
   color: ${(props) => props.theme.colors.red};
   position: absolute;
-  bottom: -18px;
+  top: calc(100% + 1px);
 `
 
 export default {

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

@@ -98,7 +98,7 @@ const InputWrapper = styled("div", inputAttrs)`
   position: relative;
   display: grid;
   align-items: center;
-  gap: 14px;
+  gap: 8px;
   grid-template-columns: ${(props) =>
     !props.hasLabel
       ? "1fr"
@@ -111,7 +111,7 @@ const ErrorMessage = styled.div`
   font-size: 14px;
   color: ${(props) => props.theme.colors.red};
   position: absolute;
-  bottom: -18px;
+  top: calc(100% + 1px);
 `
 
 const InputLabel = styled.div`