@eturnity/eturnity_reusable_components 1.2.34-3d-master.2 → 1.2.34-3d-master.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.2.34-3d-master.2",
3
+ "version": "1.2.34-3d-master.3",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -333,7 +333,6 @@ export default {
333
333
  },
334
334
  borderColor:{
335
335
  required:false,
336
- default: false
337
336
  },
338
337
  textAlign: {
339
338
  required: false,
@@ -21,6 +21,7 @@
21
21
  :isError="isError"
22
22
  :inputWidth="inputWidth"
23
23
  :minWidth="minWidth"
24
+ :inputHeight="inputHeight"
24
25
  :value="value"
25
26
  @input="onChangeHandler"
26
27
  @blur="onInputBlur"
@@ -71,7 +72,7 @@ const InputLabel = styled('div', labelAttrs)`
71
72
  props.labelFontColor:
72
73
  props.theme.colors.eturnityGrey
73
74
  };
74
-
75
+
75
76
  font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
76
77
  font-weight: 700;
77
78
  `
@@ -102,6 +103,7 @@ const inputProps = {
102
103
  fontColor: String,
103
104
  backgroundColor:String,
104
105
  borderColor:String,
106
+ inputHeight:String,
105
107
  }
106
108
  const InputContainer = styled('input', inputProps)`
107
109
  border: ${(props) =>
@@ -134,6 +136,7 @@ const InputContainer = styled('input', inputProps)`
134
136
 
135
137
  width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
136
138
  min-width: ${(props) => (props.minWidth ? props.minWidth : 'unset')};
139
+ max-height: ${(props) => props.inputHeight};
137
140
  box-sizing: border-box; // to allow width of 100% with padding
138
141
  font-weight: 500;
139
142
  cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'auto')};
@@ -228,6 +231,10 @@ export default {
228
231
  required: false,
229
232
  default: null
230
233
  },
234
+ inputHeight: {
235
+ required: false,
236
+ default: null
237
+ },
231
238
  minWidth: {
232
239
  required: false,
233
240
  default: null
@@ -139,7 +139,7 @@ const selectDropdown = styled('div',selectDropdownAttrs)`
139
139
  background-color:${(props) => props.theme.colors[props.bgColor]?props.theme.colors[props.bgColor]:props.bgColor};
140
140
  color:${(props) => props.theme.colors[props.fontColor]?props.theme.colors[props.fontColor]:props.fontColor};
141
141
  max-height:300px;
142
- overflow-y:scroll;
142
+ overflow-y:auto;
143
143
  `
144
144
  const DropdownWrapper=styled('div')`
145
145
  position:relative;