@eturnity/eturnity_reusable_components 7.39.4-EPDM-11817.0 → 7.39.4-EPDM-12383.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.39.4-EPDM-11817.0",
+  "version": "7.39.4-EPDM-12383.0",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/lock.svg

@@ -1,3 +1,3 @@
-<svg fill="none" height="16" viewbox="14 12 12 16" width="12" xmlns="http://www.w3.org/2000/svg">
+<svg fill="none" height="16" viewbox="14 12 12 16" width="16" xmlns="http://www.w3.org/2000/svg">
 <path clip-rule="evenodd" d="M16.5 18.25V16.5C16.5 14.567 18.067 13 20 13C21.933 13 23.5 14.567 23.5 16.5V18.25H25.25V27H14.75V18.25H16.5ZM18.25 16.5C18.25 15.5335 19.0335 14.75 20 14.75C20.9665 14.75 21.75 15.5335 21.75 16.5V18.25H18.25V16.5ZM19.125 24.375V20.875H20.875V24.375H19.125Z" fill="#263238" fill-rule="evenodd"></path>
 </svg>

package/src/assets/theme.js

@@ -11,7 +11,6 @@ const theme = {
     lightGray: '#f2f2f2',
     white: '#ffffff',
     blue: '#48a2d0',
-    blue2: '#6CD4D4',
     red: '#ff5656',
     blue1: '#e4efff',
     brightBlue: '#0068DE',

package/src/components/infoText/index.vue

@@ -1,14 +1,12 @@
 <template>
   <ComponentWrapper>
-    <IconWrapper :size="type === 'dot' ? 'unset' : size">
+    <IconWrapper :size="size">
       <IconImg
         @click.prevent="toggleShowInfo()"
         @mouseenter="openTrigger == 'onHover' ? toggleShowInfo() : ''"
         @mouseleave="openTrigger == 'onHover' ? toggleShowInfo() : ''"
       >
-        <Dot v-if="type === 'dot'" :color="dotColor" />
         <IconComponent
-          v-else
           :color="iconColor"
           cursor="pointer"
           name="info"
@@ -96,14 +94,6 @@
     height: ${(props) => props.size};
   `
 
-  const Dot = styled('div')`
-    width: 5px;
-    height: 5px;
-    background-color: ${(props) => props.color};
-    border-radius: 50%;
-    display: inline-block;
-  `
-
   const IconImg = styled.div`
     line-height: 0;
   `
@@ -115,7 +105,6 @@
   export default {
     name: 'InfoText',
     components: {
-      Dot,
       IconWrapper,
       TextOverlay,
       ComponentWrapper,
@@ -124,27 +113,21 @@
     },
     props: {
       text: {
-        type: String,
         required: false,
-        default: '',
       },
       size: {
-        type: String,
         required: false,
         default: '14px',
       },
       alignArrow: {
-        type: String,
         required: false,
         default: 'center',
       },
       openTrigger: {
-        type: String,
         required: false,
         default: 'onHover', // onHover, onClick
       },
       width: {
-        type: String,
         required: false,
         default: '200px',
       },
@@ -152,16 +135,6 @@
         type: String,
         default: '400px',
       },
-      dotColor: {
-        type: String,
-        required: false,
-        default: theme.colors.blue2,
-      },
-      type: {
-        type: String,
-        required: false,
-        default: 'info', // info, dot
-      },
     },
     data() {
       return {

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

@@ -4,6 +4,7 @@
       v-if="hasLabelSlot"
       :align-items="alignItems"
       :border-color="borderColor"
+      :is-disabled="disabled"
       :is-error="isError"
       :is-interactive="isInteractive"
       :no-border="noBorder"
@@ -273,18 +274,22 @@
         : props.theme.colors.mediumGray};
   `
 
-  const LabelWrapper = styled('div', inputProps)`
+  const LabelWrapper = styled('div')`
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 8px;
-    cursor: ${(props) => (props.isInteractive ? 'ew-resize' : 'auto')};
   `
   const LabelSlotWrapper = styled('div', inputProps)`
     display: flex;
     gap: 10px;
     align-items: center;
-    cursor: ${(props) => (props.isInteractive ? 'ew-resize' : 'auto')};
+    cursor: ${(props) =>
+      props.isDisabled
+        ? 'not-allowed'
+        : props.isInteractive
+        ? 'ew-resize'
+        : 'auto'};
     border: ${(props) =>
       props.alignItems == 'vertical'
         ? 'none'
@@ -760,12 +765,18 @@
         }
       },
       initInteraction(e) {
+        if (this.disabled) {
+          return
+        }
         this.focusInput()
         e.preventDefault()
         window.addEventListener('mousemove', this.interact, false)
         window.addEventListener('mouseup', this.stopInteract, false)
       },
       interact(e) {
+        if (this.disabled) {
+          return
+        }
         e.preventDefault()
         let value = parseFloat(this.value || 0)
         value += parseFloat(this.interactionStep) * parseInt(e.movementX)

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

@@ -43,6 +43,7 @@
             buttonBgColor || colorMode == 'dark' ? 'transparentBlack1' : 'white'
           "
           class="select-button"
+          :color-mode="colorMode"
           :data-id="dataId"
           :disabled="disabled"
           :font-color="
@@ -274,6 +275,7 @@
     noRelative: Boolean,
     tablePaddingLeft: String,
     showDisabledBackground: Boolean,
+    colorMode: String,
   }
   const SelectButton = styled('div', selectButtonAttrs)`
     position: ${(props) => (props.noRelative ? 'static' : 'relative')};
@@ -311,12 +313,16 @@
   `}
     background-color:${(props) =>
       props.disabled && props.showDisabledBackground
-        ? props.theme.colors.grey5
+        ? props.colorMode == 'dark'
+          ? props.theme.transparentBlack1
+          : props.theme.colors.grey5
         : props.theme.colors[props.bgColor]
         ? props.theme.colors[props.bgColor]
         : props.bgColor};
     color: ${(props) =>
-      props.theme.colors[props.fontColor]
+      props.disabled
+        ? props.theme.colors.grey2
+        : props.theme.colors[props.fontColor]
         ? props.theme.colors[props.fontColor]
         : props.fontColor};
     ${(props) => (props.disabled ? 'pointer-events: none' : '')};
@@ -613,7 +619,7 @@
         if (this.isDropdownOpen) {
           return this.$refs.dropdown.$el.childElementCount > 1
             ? this.$refs.dropdown.$el.childElementCount
-            : !!this.$refs.dropdown.$el.children[0]
+            : this.$refs.dropdown.$el.children[0]
             ? this.$refs.dropdown.$el.children[0].childElementCount
             : 0
         }