@eturnity/eturnity_reusable_components 1.2.34-3d-master.7 → 1.2.34-3d-master.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.34-3d-master.7",
+  "version": "1.2.34-3d-master.8",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/deleteIcon/index.vue

@@ -6,6 +6,7 @@
   >
     <icon-image
       v-if="isHovered && !isDisabled"
+      :hoverBg="hoverBg"
       :src="require('../../assets/icons/delete_icon.svg')"
     />
     <icon-image
@@ -27,9 +28,10 @@ const Wrapper = styled("div", wrapperAttrs)`
   cursor: ${(props) => (props.isDisabled ? "not-allowed" : "pointer")};
 `
 
-const IconImage = styled.img`
+const IconImageAttrs = { hoverBg: String }
+const IconImage = styled('img', IconImageAttrs)`
   &:hover {
-    background-color: ${(props) => props.theme.colors.grey5};
+    background-color: ${(props) => props.hoverBg ? props.hoverBg : props.theme.colors.grey5};
     border-radius: 4px;
   }
 `
@@ -45,6 +47,10 @@ export default {
       required: false,
       default: false,
     },
+    hoverBg: {
+      required: false,
+      default: '',
+    }
   },
   data() {
     return {

package/src/components/infoText/index.vue

@@ -2,14 +2,11 @@
   <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"
@@ -54,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: 'left';
+  text-align: left;
   background: ${(props) => props.theme.colors.black};
   padding: 10px;
   width: ${(props) => props.width};
@@ -87,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};
+
+const IconImg = styled.div`
+  line-height: 0;
 `
 
 const ComponentWrapper = styled.div`

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

@@ -234,6 +234,7 @@ const SlotContainer = styled('span', inputProps)`
 
 const LabelWrapper = styled('div',inputProps)`
   display: flex;
+  align-items: center;
   gap: 10px;
   margin-bottom: 8px;
   cursor: ${(props) => (props.isInteractive?'ew-resize':'auto')};

package/src/components/modals/modal/index.vue

@@ -77,7 +77,7 @@ const ModalContainer = styled.div`
   border-radius: 4px;
   background: white;
   margin: 0 auto;
-  overflow: initial;
+  overflow: auto;
   max-width: 95%;
   max-height: 95%;
   min-width: 100px;
@@ -156,4 +156,4 @@ export default {
     }
   }
 }
-</script>
+</script>