@eturnity/eturnity_reusable_components 1.2.82-EPDM-7153.0 → 1.2.82-EPDM-7153.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.82-EPDM-7153.0",
+  "version": "1.2.82-EPDM-7153.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

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

@@ -53,6 +53,9 @@
         :hasLabelSlot="hasLabelSlot"
         :slotSize="slotSize"
         :showLinearUnitName="showLinearUnitName"
+        :paddingTop="paddings.top"
+        :paddingBottom="paddings.bottom"
+        :paddingLeft="paddings.left"
       />
       <slot-container v-if="hasSlot" :slotSize="slotSize" :isError="isError">
         <slot></slot>
@@ -127,6 +130,9 @@ const inputProps = {
   alignItems: String,
   labelFontColor: String,
   borderColor: String,
+  paddingTop: String,
+  paddingBottom: String,
+  paddingLeft: String,
   showLinearUnitName: Boolean
 }
 
@@ -149,9 +155,9 @@ const InputContainer = styled('input', inputProps)`
         ? '1px solid ' + props.theme.colors[props.borderColor]
         : '1px solid ' + props.borderColor
       : '1px solid ' + props.theme.colors.grey4};
-  padding-top: 11px;
-  padding-bottom: 11px;
-  padding-left: 10px;
+  padding-top: ${(props) => (props.paddingTop ? props.paddingTop : '11px')};
+  padding-bottom: ${(props) => (props.paddingBottom ? props.paddingBottom : '11px')};
+  padding-left: ${(props) => (props.paddingLeft ? props.paddingLeft : '10px')};
   padding-right: ${({ slotSize, isError, showLinearUnitName }) =>
     slotSize
       ? isError && !showLinearUnitName
@@ -426,6 +432,13 @@ export default {
     slotSize: {
       required: false
     },
+    paddings: {
+      required: false,
+      type: Object,
+      default: function() {
+        return {}
+      }
+    },
     labelFontColor: {
       required: false,
       default: 'eturnityGrey'