@eturnity/eturnity_reusable_components 7.51.15-qa-elisee-8.4.0 → 8.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.51.15-qa-elisee-8.4.0",
+  "version": "8.4.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="16" xmlns="http://www.w3.org/2000/svg">
+<svg fill="none" height="16" viewbox="14 12 12 16" width="12" 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/components/inputs/inputNumber/index.vue

@@ -4,7 +4,6 @@
       v-if="hasLabelSlot"
       :align-items="alignItems"
       :border-color="borderColor"
-      :is-disabled="disabled"
       :is-error="isError"
       :is-interactive="isInteractive"
       :no-border="noBorder"
@@ -381,22 +380,18 @@
         : props.theme.colors.mediumGray};
   `
 
-  const LabelWrapper = styled('div')`
+  const LabelWrapper = styled('div', inputProps)`
     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.isDisabled
-        ? 'not-allowed'
-        : props.isInteractive
-        ? 'ew-resize'
-        : 'auto'};
+    cursor: ${(props) => (props.isInteractive ? 'ew-resize' : 'auto')};
     border: ${(props) =>
       props.alignItems == 'vertical'
         ? 'none'
@@ -955,18 +950,12 @@
         }
       },
       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/modals/modal/index.vue

@@ -2,10 +2,9 @@
   <PageWrapper
     :backdrop="backdrop"
     :class="{ visible: isOpen, hidden: !isOpen }"
-    :is-open="isOpen"
     :position="position"
   >
-    <ModalContainer :overflow="overflowRule" @click="onClickModalContainer">
+    <ModalContainer v-if="isOpen" :overflow="overflowRule" @click="onClickModalContainer">
       <Spinner v-if="isLoading" :limited-to-modal="true" size="50px" />
       <ContentContainer :visible="!isLoading">
         <slot></slot>
@@ -35,7 +34,7 @@
     visibility: ${(props) => (props.visible ? 'inherit' : 'hidden')};
   `
 
-  const pageAttrs = { isOpen: Boolean, backdrop: String, position: String }
+  const pageAttrs = { backdrop: String, position: String }
   const PageWrapper = styled('div', pageAttrs)`
   position: ${(props) => props.position}
   display: grid;