@eturnity/eturnity_reusable_components 1.2.83 → 1.2.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.83",
+  "version": "1.2.85",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

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

@@ -149,9 +149,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;
+  height: ${(props) => props.inputHeight};
+  max-height: ${(props) => props.inputHeight};
+  padding: 0 10px;
   padding-right: ${({ slotSize, isError, showLinearUnitName }) =>
     slotSize
       ? isError && !showLinearUnitName
@@ -160,7 +160,10 @@ const InputContainer = styled('input', inputProps)`
       : isError && !showLinearUnitName
       ? '24px'
       : '5px'};
-  border-radius: ${props=>props.isInteractive && props.alignItems!="vertical" ? "0 4px 4px 0" : "4px"};
+  border-radius: ${(props) =>
+    props.isInteractive && props.alignItems != 'vertical'
+      ? '0 4px 4px 0'
+      : '4px'};
   text-align: ${(props) => props.textAlign};
   cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
   font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
@@ -182,7 +185,7 @@ const InputContainer = styled('input', inputProps)`
   background-color: ${(props) =>
     props.isDisabled ? props.theme.colors.grey5 : '#fff'};
   box-sizing: border-box;
-  max-height: ${(props) => props.inputHeight};
+
   &::placeholder {
     color: ${(props) => props.theme.colors.grey2};
   }
@@ -253,8 +256,8 @@ const LabelSlotWrapper = styled('div', inputProps)`
   align-items: center;
   cursor: ${(props) => (props.isInteractive ? 'ew-resize' : 'auto')};
   border: ${(props) =>
-    props.alignItems=="vertical" 
-      ? "none" 
+    props.alignItems == 'vertical'
+      ? 'none'
       : props.isError
       ? '1px solid ' + props.theme.colors.red
       : props.noBorder
@@ -265,7 +268,7 @@ const LabelSlotWrapper = styled('div', inputProps)`
         : '1px solid ' + props.borderColor
       : '1px solid ' + props.theme.colors.grey4};
   border-radius: 4px 0 0 4px;
-  border-right:none;
+  border-right: none;
 `
 
 const LabelText = styled('div', inputProps)`
@@ -330,7 +333,7 @@ export default {
     },
     inputHeight: {
       required: false,
-      default: null
+      default: '40px'
     },
     value: {
       required: true,

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

@@ -5,7 +5,7 @@
         v-if="label && labelAlign === 'left'"
         :hasInfoMessage="!!infoTextMessage"
       >
-        <label-text :size="size">{{ label }}</label-text>
+        <label-text :size="size" :fontColor="fontColor">{{ label }}</label-text>
         <info-text
           v-if="infoTextMessage"
           :text="infoTextMessage"

package/src/components/tables/mainTable/index.vue

@@ -332,6 +332,7 @@ const TableContainer = styled('table', containerAttrs)`
     font-size: 13px;
     padding: 5px 10px;
     background: #fff;
+    height: unset;
 
     &:focus {
       background: ${(props) => props.theme.colors.grey5};