@eturnity/eturnity_reusable_components 8.7.4-EPDM-12729.9 → 8.7.4-EPDM-12729.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.7.4-EPDM-12729.9",
+  "version": "8.7.4-EPDM-12729.10",
   "files": [
     "dist",
     "src"

package/src/components/infoText/index.vue

@@ -7,19 +7,22 @@
       @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
       @mouseleave="!isMobile && openTrigger === 'onHover' && hideInfo()"
     >
-      <Dot
-        v-if="type === 'dot'"
-        :color="dotColor"
-        data-test-id="infoText_dot"
-      />
-      <IconComponent
-        v-else
-        :color="iconColor || computedIconColor"
-        :cursor="isDisabled ? 'not-allowed' : 'pointer'"
-        :disabled="isDisabled"
-        :name="iconName"
-        :size="size"
-      />
+      <IconWrapper>
+        <Dot
+          v-if="type === 'dot'"
+          :color="dotColor"
+          data-test-id="infoText_dot"
+        />
+        <IconComponent
+          v-else
+          :color="iconColor || computedIconColor"
+          :cursor="isDisabled ? 'not-allowed' : 'pointer'"
+          :disabled="isDisabled"
+          :name="iconName"
+          :size="size"
+        />
+        <div v-if="labelText">{{ labelText }}</div>
+      </IconWrapper>
     </div>
     <Teleport v-if="isVisible" to="body">
       <TextWrapper :style="wrapperStyle">
@@ -121,6 +124,14 @@
     border-radius: 50%;
   `
 
+  const IconWrapper = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    white-space: nowrap;
+  `
+
   export default {
     name: 'InfoText',
     components: {
@@ -131,6 +142,7 @@
       PageContainer,
       TextWrapper,
       OverlayImage,
+      IconWrapper,
     },
     props: {
       text: {
@@ -138,6 +150,11 @@
         default: '',
         type: String,
       },
+      labelText: {
+        required: false,
+        default: '',
+        type: String,
+      },
       size: {
         type: String,
         default: '14px',