@eturnity/eturnity_reusable_components 1.2.30 → 1.2.31-EPDM-6097.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.30",
+  "version": "1.2.31-EPDM-6097.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/infoText/index.vue

@@ -2,19 +2,15 @@
   <component-wrapper>
     <icon-wrapper :size="size">
       <icon-img
-        :isActive="showInfo"
-        :size="size"
-        :borderColor="borderColor"
         @click.prevent="toggleShowInfo()"
         @mouseenter="openTrigger == 'onHover' ? toggleShowInfo() : ''"
         @mouseleave="openTrigger == 'onHover' ? toggleShowInfo() : ''"
       >
-        <icon :size="size" name="info" :color="iconColor" />
+        <icon :size="size" name="info" :color="iconColor" cursor="pointer" />
       </icon-img>
       <text-overlay
         v-if="showInfo"
         :borderColor="borderColor"
-        :alignText="alignText"
         :width="width"
         :halfComputedTextInfoWidth="halfComputedTextInfoWidth"
         :alignArrow="alignArrow"
@@ -33,7 +29,7 @@
 //     text="Veritatis et quasi architecto beatae vitae"
 //     borderColor="#ccc"
 //     size="20"
-//     alignText="right" // default is left
+//     alignArrow="right" // which side the arrow should be on
 // />
 import theme from '../../assets/theme.js'
 import styled from 'vue-styled-components'
@@ -43,7 +39,6 @@ const textAttrs = {
   iconSize: String,
   borderColor: String,
   alignArrow: String,
-  alignText: String,
   width: String,
   halfComputedTextInfoWidth: Number
 }
@@ -56,7 +51,7 @@ const TextOverlay = styled('div', textAttrs)`
       : props.alignArrow === 'center'
       ? 'left: calc((-' + props.width + ' + ' + props.iconSize + ') /2 + 2px)'
       : 'right: calc(' + props.iconSize + ' /2 - 17px)'};
-  text-align: ${(props) => props.alignText};
+  text-align: left;
   background: ${(props) => props.theme.colors.black};
   padding: 10px;
   width: ${(props) => props.width};
@@ -89,16 +84,14 @@ const TextOverlay = styled('div', textAttrs)`
   }
 `
 
-const iconAttrs = { isActive: Boolean, size: String, borderColor: String }
-
+const iconAttrs = { size: String }
 const IconWrapper = styled('div', iconAttrs)`
   position: relative;
-  top: 1px;
   height: ${(props) => props.size};
 `
+
 const IconImg = styled('div', iconAttrs)`
-  cursor: pointer;
-  height: ${(props) => props.size};
+  line-height: 0;
 `
 
 const ComponentWrapper = styled.div`
@@ -126,17 +119,13 @@ export default {
       required: false,
       default: '14px'
     },
-    alignText: {
-      required: false,
-      default: 'left' // "left" or "right"
-    },
     alignArrow: {
       required: false,
       default: 'center'
     },
     openTrigger: {
       required: false,
-      default: 'onClick'
+      default: 'onHover' // onHover, onClick
     },
     width: {
       required: false,