@eturnity/eturnity_reusable_components 8.7.4-EPDM-12729.11 → 8.7.4-EPDM-12729.12

package/package.json

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

package/src/Test.vue

@@ -8,12 +8,14 @@
       :value="value"
       width="120px"
   /></PageContainer>
+  <IconCollection color="red" />
   <input v-model="value" max="30" min="0" type="range" />
 </template>
 
 <script>
   import styled from 'vue3-styled-components'
   import PanelRangeInfo from '@/components/panelRangeInfo'
+  import IconCollection from './components/icon/iconCollection.vue'
 
   const PageContainer = styled.div`
     padding: 40px;
@@ -24,6 +26,7 @@
     components: {
       PageContainer,
       PanelRangeInfo,
+      IconCollection,
     },
     data() {
       return {

package/src/assets/svgIcons/transparent_warning.svg

@@ -0,0 +1,4 @@
+<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" fill="transparent" r="7"></circle>
+<path d="M20 27C18.6155 27 17.2622 26.5895 16.111 25.8203C14.9599 25.0511 14.0627 23.9579 13.5328 22.6788C13.003 21.3997 12.8644 19.9922 13.1345 18.6344C13.4046 17.2765 14.0713 16.0292 15.0503 15.0503C16.0292 14.0713 17.2765 13.4046 18.6344 13.1345C19.9922 12.8644 21.3997 13.003 22.6788 13.5328C23.9579 14.0627 25.0511 14.9599 25.8203 16.111C26.5895 17.2622 27 18.6155 27 20C27 21.8565 26.2625 23.637 24.9497 24.9497C23.637 26.2625 21.8565 27 20 27V27ZM21.3125 15.4442H18.6875V20.6942H21.3125V15.4442ZM20 21.9308C19.7404 21.9308 19.4867 22.0078 19.2708 22.152C19.055 22.2962 18.8868 22.5012 18.7874 22.7411C18.6881 22.9809 18.6621 23.2448 18.7127 23.4994C18.7634 23.754 18.8884 23.9879 19.0719 24.1714C19.2555 24.355 19.4893 24.48 19.7439 24.5306C19.9985 24.5813 20.2624 24.5553 20.5023 24.4559C20.7421 24.3566 20.9471 24.1884 21.0913 23.9725C21.2355 23.7567 21.3125 23.5029 21.3125 23.2433C21.312 22.8954 21.1736 22.5618 20.9276 22.3158C20.6815 22.0697 20.348 21.9313 20 21.9308V21.9308Z" fill="#FF5656"></path>
+</svg>

package/src/assets/svgIcons/warning_triangle.svg

@@ -0,0 +1,5 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8298 13.5H1.17017C0.414434 13.5 -0.068185 12.6939 0.28869 12.0278L6.11852 1.14543C6.4955 0.441724 7.50449 0.441724 7.88148 1.14543L13.7113 12.0278C14.0682 12.6939 13.5856 13.5 12.8298 13.5Z" fill="#FDB813"/>
+<path d="M6 4H8V9H6V4Z" fill="white"/>
+<circle cx="7.0002" cy="11.7" r="1.3" fill="white"/>
+</svg>

package/src/components/infoText/index.vue

@@ -1,12 +1,12 @@
 <template>
-  <PageContainer ref="container" :type="type">
-    <div
-      ref="icon"
-      data-test-id="infoText_trigger"
-      @click=";(isMobile || openTrigger === 'onClick') && toggleInfo()"
-      @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
-      @mouseleave="!isMobile && openTrigger === 'onHover' && hideInfo()"
-    >
+  <PageContainer
+    ref="container"
+    :type="type"
+    @click=";(isMobile || openTrigger === 'onClick') && toggleInfo()"
+    @mouseenter="!isMobile && openTrigger === 'onHover' && showInfo()"
+    @mouseleave="!isMobile && openTrigger === 'onHover' && hideInfo()"
+  >
+    <div ref="icon" data-test-id="infoText_trigger">
       <IconWrapper>
         <Dot
           v-if="type === 'dot'"

package/src/components/panelRangeInfo/index.vue

@@ -147,12 +147,7 @@
         type: String,
         default: 'white',
       },
-      height: {
-        required: false,
-        type: String,
-        default: '42px',
-      },
-      maxWidth: {
+      width: {
         required: false,
         type: String,
         default: null,