@eturnity/eturnity_reusable_components 7.12.2-EPDM-9012.1 → 7.12.2-EPDM-9012.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.12.2-EPDM-9012.1",
+  "version": "7.12.2-EPDM-9012.2",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/errorMessage/index.vue

@@ -9,9 +9,7 @@
 <script>
 // import ErrorMessage from "@eturnity/eturnity_reusable_components/src/components/errorMessage"
 //To use:
-// <error-message
-//     alignText="right" // default is left
-// />
+// <error-message />
 
 import styled from 'vue-styled-components'
 

package/src/components/inputs/inputNumber/InputNumber.stories.js

@@ -32,6 +32,7 @@ const Template = (args, { argTypes }) => ({
   //     fontSize="13px"
   //     labelText="Number of Modules"
   //     labelInfoText="Here is some information for you..."
+  //     labelInfoAlign="left"
   // />
 })
 
@@ -128,7 +129,8 @@ WithLabelInfo.args = {
   textAlign: "left",
   showLinearUnitName: false,
   labelText: "Number Input",
-  labelInfoText: "Here is some information for you..."
+  labelInfoText: "Here is some information for you...",
+  labelInfoAlign: "right",
 }
 
 export const LargerFont = Template.bind({})

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

@@ -20,6 +20,7 @@
       <info-text
         v-if="labelInfoText"
         :text="labelInfoText"
+        :alignArrow="labelInfoAlign"
       />
     </label-wrapper>
     <input-wrapper>
@@ -94,6 +95,7 @@
 //     fontSize="13px"
 //     labelText="Number of Modules"
 //     labelInfoText="Here is some information for you..."
+//     labelInfoAlign="left"
 //     :minNumber="0"
 //     fontColor="blue"
 // />
@@ -402,6 +404,10 @@ export default {
       required: false,
       default: null
     },
+    labelInfoAlign: {
+      required: false,
+      default: 'left'
+    },
     defaultNumber: {
       required: false,
       default: null

package/src/components/inputs/inputText/InputText.stories.js

@@ -21,6 +21,7 @@ const Template = (args, { argTypes }) => ({
   //   @input-change="onInputChange({ value: $event, type: 'companyName' })"
   //   :isError="checkErrors()"
   //   :errorMessage="This is my error message"
+  //   infoTextAlign="right" // left by default
   //   infoTextMessage="My info message"
   //   label="Question 5"
   //   alignItems="horizontal" // horizontal, vertical

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

@@ -18,6 +18,7 @@
           v-if="infoTextMessage"
           :text="infoTextMessage"
           :size="fontSize ? fontSize : '16px'"
+          :alignArrow="infoTextAlign"
         />
       </label-wrapper>
       <input-error-wrapper>
@@ -205,6 +206,7 @@ export default {
   //   @input-blur="onInputBlur($event)"
   //   :isError="checkErrors()"
   //   :errorMessage="This is my error message"
+  //   infoTextAlign="right" // left by default
   //   infoTextMessage="My info message"
   //   label="Question 5"
   //   alignItems="horizontal" // horizontal, vertical
@@ -268,6 +270,9 @@ export default {
     infoTextMessage: {
       required: false
     },
+    infoTextAlign: {
+      required: false
+    },
     label: {
       required: false
     },

package/src/components/label/index.vue

@@ -14,6 +14,7 @@
           v-if="infoTextMessage"
           :text="infoTextMessage"
           :size="fontSize ? fontSize : '16px'"
+          :alignArrow="infoTextAlign"
         />
       </label-wrapper>
 </template>
@@ -58,6 +59,7 @@ export default {
   // import labelText from "@eturnity/eturnity_reusable_components/src/components/label"
   // To use:
   // <label-text
+  //   infoTextAlign="right" // left by default
   //   infoTextMessage="My info message"
   //   label="Question 5"
   // />
@@ -77,6 +79,9 @@ export default {
     infoTextMessage: {
       required: false
     },
+    infoTextAlign: {
+      required: false
+    },
     labelOptional: {
       required: false,
       default: false

package/src/components/navigationTabs/index.vue

@@ -13,6 +13,7 @@
             <info-text
                 v-if="tab['labelInfoText']"
                 :text="tab['labelInfoText']"
+                :alignArrow="tab['labelInfoAlign']"
             />
         </Option>
     </tab>
@@ -54,7 +55,7 @@ const Option = styled('div',TabAttr)`
     justify-content: center;
     flex-direction: row;
     gap: 10px;
-    color: ${props=>props.textColor ? 
+    color: ${props=>props.textColor ?
         props.theme.colors[props.textColor] ? props.theme.colors[props.textColor] : props.textColor :
         props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.black};
   `

package/src/components/pageTitle/index.vue

@@ -6,6 +6,7 @@
     <info-text
       v-if="!!infoText"
       :text="infoText"
+      :alignArrow="infoAlign"
     />
   </title-wrap>
 </template>
@@ -49,10 +50,6 @@ export default {
     text: {
       required: true,
     },
-    infoText: {
-      required: false,
-      default: null,
-    },
     color: {
       required: false,
     },
@@ -63,6 +60,13 @@ export default {
     uppercase: {
       required: false,
       default: true
+    },
+    infoText: {
+      required: false,
+      default: null,
+    },
+    infoAlign: {
+      required: false,
     }
   },
 }