@eturnity/eturnity_reusable_components 1.2.26-EPDM-3412.5 → 1.2.26-EPDM-3412.6

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/inputs/inputNumber/index.vue +2 -3
  3. package/src/components/inputs/inputText/index.vue +2 -5
  4. package/src/components/inputs/textAreaInput/index.vue +2 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.2.26-EPDM-3412.5",
3
+ "version": "1.2.26-EPDM-3412.6",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
package/src/components/inputs/inputNumber/index.vue CHANGED
@@ -117,7 +117,7 @@ const InputContainer = styled('input', inputProps)`
117
117
  ? '1px solid ' + props.theme.colors.red
118
118
  : props.noBorder
119
119
  ? 'none'
120
- : '1px solid ' + props.theme.colors.mediumGray};
120
+ : '1px solid ' + props.theme.colors.grey4};
121
121
  padding-top: 11px;
122
122
  padding-bottom: 11px;
123
123
  padding-left: 10px;
@@ -146,8 +146,7 @@ const InputContainer = styled('input', inputProps)`
146
146
  box-sizing: border-box;
147
147
  max-height: ${(props) => props.inputHeight};
148
148
  &::placeholder {
149
- color: ${(props) =>
150
- props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
149
+ color: ${(props) => props.theme.colors.grey2};
151
150
  }
152
151
 
153
152
  &:focus {
package/src/components/inputs/inputText/index.vue CHANGED
@@ -97,9 +97,7 @@ const InputContainer = styled('input', inputProps)`
97
97
  ? '1px solid ' + props.theme.colors.red
98
98
  : props.noBorder
99
99
  ? 'none'
100
- : props.hasLength
101
- ? '1px solid ' + props.theme.colors.black
102
- : '1px solid ' + props.theme.colors.mediumGray};
100
+ : '1px solid ' + props.theme.colors.grey4};
103
101
  padding: ${(props) =>
104
102
  props.isError
105
103
  ? '11px 25px 11px 10px'
@@ -124,8 +122,7 @@ const InputContainer = styled('input', inputProps)`
124
122
  props.isDisabled ? props.theme.colors.grey5 : '#fff'};
125
123
 
126
124
  &::placeholder {
127
- color: ${(props) =>
128
- props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
125
+ color: ${(props) => props.theme.colors.grey2};
129
126
  }
130
127
 
131
128
  &:focus {
package/src/components/inputs/textAreaInput/index.vue CHANGED
@@ -75,7 +75,7 @@ const InputContainer = styled('textarea', inputProps)`
75
75
  border: ${(props) =>
76
76
  props.isError
77
77
  ? '1px solid ' + props.theme.colors.red
78
- : '1px solid ' + props.theme.colors.mediumGray};
78
+ : '1px solid ' + props.theme.colors.grey4};
79
79
  padding: ${(props) =>
80
80
  props.hasUnit ? '11px 40px 11px 10px' : '11px 5px 11px 10px'};
81
81
  border-radius: 4px;
@@ -87,8 +87,7 @@ const InputContainer = styled('textarea', inputProps)`
87
87
  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'inherit')};
88
88
 
89
89
  &::placeholder {
90
- color: ${(props) =>
91
- props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
90
+ color: ${(props) => props.theme.colors.grey2};
92
91
  }
93
92
 
94
93
  &:focus {