@eturnity/eturnity_reusable_components 1.2.82 → 1.2.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.82",
+  "version": "1.2.84",
   "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)`
@@ -329,8 +332,7 @@ export default {
       default: null
     },
     inputHeight: {
-      required: false,
-      default: null
+      required: false
     },
     value: {
       required: true,

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

@@ -287,8 +287,7 @@ export default {
       default: 'black'
     },
     backgroundColor: {
-      required: false,
-      default: 'white'
+      required: false
     },
     disabledBackgroundColor: {
       required: false,

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

@@ -176,7 +176,7 @@ const SelectButtonWrapperAttrs = {
   disabled: Boolean
 }
 const SelectButtonWrapper = styled('div', SelectButtonWrapperAttrs)`
-  ${(props) => (props.disabled ? 'cursor: not-allowed' : '')};
+  ${(props) => (props.disabled ? 'cursor: not-allowed' : 'cursor: pointer')};
 `
 
 const selectButtonAttrs = {
@@ -192,7 +192,8 @@ const selectButton = styled('div', selectButtonAttrs)`
   position: relative;
   box-sizing: border-box;
   border-radius: 4px;
-  padding: ${(props) => (props.isSearchBarVisible ? '0 10px 0 0' : '0px 10px')};
+  padding: ${(props) =>
+    props.isSearchBarVisible ? '0 10px 0 0' : '0px 10px 0 15px'};
   text-align: left;
   border-radius: 4px;
   min-height: 36px;

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"