@eturnity/eturnity_reusable_components 1.2.26-EPDM-5363.1 → 1.2.26-EPDM-5784

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.26-EPDM-5363.1",
3
+ "version": "1.2.26-EPDM-5784",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -30,6 +30,7 @@
30
30
  :textAlign="textAlign"
31
31
  :fontSize="fontSize"
32
32
  :fontColor="fontColor"
33
+ :borderColor="borderColor"
33
34
  />
34
35
  <unit-container
35
36
  v-if="unitName && showLinearUnitName"
@@ -89,15 +90,14 @@ const inputProps = {
89
90
  noBorder: Boolean,
90
91
  textAlign: String,
91
92
  fontSize: String,
93
+ borderColor: String,
92
94
  fontColor: String
93
95
  }
94
96
  const InputContainer = styled('input', inputProps)`
95
97
  border: ${(props) =>
96
- props.isError
97
- ? '1px solid ' + props.theme.colors.red
98
- : props.noBorder
98
+ props.noBorder
99
99
  ? 'none'
100
- : '1px solid ' + props.theme.colors.mediumGray};
100
+ : `1px solid ${props.isError ? props.theme.colors.red : props.borderColor ? props.borderColor : props.theme.colors.mediumGray}`};
101
101
  padding: ${(props) =>
102
102
  props.hasUnit ? '11px 40px 11px 10px' : '11px 5px 11px 10px'};
103
103
  border-radius: 4px;
@@ -263,6 +263,10 @@ export default {
263
263
  required: false,
264
264
  default: null
265
265
  },
266
+ borderColor: {
267
+ required: false,
268
+ default: null
269
+ },
266
270
  numberToStringEnabled: {
267
271
  required: false,
268
272
  default: true
@@ -76,7 +76,7 @@ const ModalContainer = styled.div`
76
76
  border-radius: 4px;
77
77
  background: white;
78
78
  margin: 0 auto;
79
- overflow: auto;
79
+ overflow: initial;
80
80
  max-width: 95%;
81
81
  max-height: 95%;
82
82
  min-width: 100px;
@@ -151,4 +151,4 @@ export default {
151
151
  }
152
152
  }
153
153
  }
154
- </script>
154
+ </script>