@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.21 → 7.48.1-EPDM-12680.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.48.1-EPDM-12680.21",
+  "version": "7.48.1-EPDM-12680.23",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/string_directions.svg

@@ -1,9 +1,9 @@
-<svg width="100px" height="100px" viewBox="8 8 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_888_9102)">
-<path d="M9 8.5V19.75C9 20.4404 9.55964 21 10.25 21V21C10.9404 21 11.5 20.4404 11.5 19.75V10.25C11.5 9.55964 12.0596 9 12.75 9V9C13.4404 9 14 9.55964 14 10.25V21.5M15.5 9H20C20.5523 9 21 9.44772 21 10V10C21 10.5523 20.5523 11 20 11H17C16.4477 11 16 11.4477 16 12V12C16 12.5523 16.4477 13 17 13H20C20.5523 13 21 13.4477 21 14V14C21 14.5523 20.5523 15 20 15H17C16.4477 15 16 15.4477 16 16V16C16 16.5523 16.4477 17 17 17H20C20.5523 17 21 17.4477 21 18V18C21 18.5523 20.5523 19 20 19H17C16.4477 19 16 19.4477 16 20V20C16 20.5523 16.4477 21 17 21H21.5" stroke="white"/>
+<svg width="30" height="30" viewBox="8 8 14 14" fill="#263238" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_908_47480)" fill="#263238">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 19.75V8.5H9.5V19.75C9.5 20.1642 9.83579 20.5 10.25 20.5C10.6642 20.5 11 20.1642 11 19.75V10.25C11 9.2835 11.7835 8.5 12.75 8.5C13.7165 8.5 14.5 9.2835 14.5 10.25V21.5H13.5V10.25C13.5 9.83579 13.1642 9.5 12.75 9.5C12.3358 9.5 12 9.83579 12 10.25V19.75C12 20.7165 11.2165 21.5 10.25 21.5C9.2835 21.5 8.5 20.7165 8.5 19.75ZM20 9.5H15.5V8.5H20C20.8284 8.5 21.5 9.17157 21.5 10C21.5 10.8284 20.8284 11.5 20 11.5H17C16.7239 11.5 16.5 11.7239 16.5 12C16.5 12.2761 16.7239 12.5 17 12.5H20C20.8284 12.5 21.5 13.1716 21.5 14C21.5 14.8284 20.8284 15.5 20 15.5H17C16.7239 15.5 16.5 15.7239 16.5 16C16.5 16.2761 16.7239 16.5 17 16.5H20C20.8284 16.5 21.5 17.1716 21.5 18C21.5 18.8284 20.8284 19.5 20 19.5H17C16.7239 19.5 16.5 19.7239 16.5 20C16.5 20.2761 16.7239 20.5 17 20.5H21.5V21.5H17C16.1716 21.5 15.5 20.8284 15.5 20C15.5 19.1716 16.1716 18.5 17 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18C20.5 17.7239 20.2761 17.5 20 17.5H17C16.1716 17.5 15.5 16.8284 15.5 16C15.5 15.1716 16.1716 14.5 17 14.5H20C20.2761 14.5 20.5 14.2761 20.5 14C20.5 13.7239 20.2761 13.5 20 13.5H17C16.1716 13.5 15.5 12.8284 15.5 12C15.5 11.1716 16.1716 10.5 17 10.5H20C20.2761 10.5 20.5 10.2761 20.5 10C20.5 9.72386 20.2761 9.5 20 9.5Z" fill="white"/>
 </g>
 <defs>
-<clipPath id="clip0_888_9102">
+<clipPath id="clip0_908_47480">
 <rect width="14" height="14" fill="white" transform="translate(8 8)"/>
 </clipPath>
 </defs>

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

@@ -51,6 +51,7 @@
         :min-width="minWidth"
         :no-border="noBorder"
         :placeholder="displayedPlaceholder"
+        :show-arrow-controls="showArrowControls"
         :show-linear-unit-name="showLinearUnitName"
         :slot-size="slotSize"
         :text-align="textAlign"
@@ -195,6 +196,7 @@
     borderColor: String,
     showLinearUnitName: Boolean,
     colorMode: String,
+    showArrowControls: Boolean,
   }
 
   const Container = styled('div', inputProps)`
@@ -220,8 +222,16 @@
     max-height: ${(props) => props.inputHeight};
     padding: ${({ colorMode }) =>
       colorMode === 'transparent' ? '10px 15px' : '0 10px'};
-    padding-right: ${({ slotSize, isError, showLinearUnitName, colorMode }) =>
-      colorMode === 'transparent'
+    padding-right: ${({
+      slotSize,
+      isError,
+      showLinearUnitName,
+      colorMode,
+      showArrowControls,
+    }) =>
+      showArrowControls
+        ? '40px'
+        : colorMode === 'transparent'
         ? '0'
         : slotSize
         ? isError && !showLinearUnitName
@@ -229,7 +239,7 @@
           : 'calc(' + slotSize + ' + 10px)'
         : isError && !showLinearUnitName
         ? '24px'
-        : '40px'};
+        : '5px'};
     border-radius: ${(props) =>
       props.isInteractive && props.alignItems != 'vertical'
         ? '0 4px 4px 0'