@eturnity/eturnity_reusable_components 1.2.26-EPDM-3412.4 → 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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/assets/theme.js +3 -1
  3. package/src/components/inputs/inputNumber/index.vue +7 -5
  4. package/src/components/inputs/inputText/index.vue +5 -7
  5. 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.4",
3
+ "version": "1.2.26-EPDM-3412.6",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
package/src/assets/theme.js CHANGED
@@ -18,8 +18,10 @@ const theme = {
18
18
  grey3: '#b2b9c5',
19
19
  grey4: '#dee2eb',
20
20
  grey5: '#fafafa',
21
+ grey6: '#555d61',
21
22
  green: '#99db0c',
22
- disabled: '#dfe1e1'
23
+ disabled: '#dfe1e1',
24
+ eturnityGrey: '#263238'
23
25
  },
24
26
  screen: {
25
27
  mobileSmall: '345px',
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;
@@ -133,7 +133,9 @@ const InputContainer = styled('input', inputProps)`
133
133
  font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
134
134
  color: ${(props) =>
135
135
  props.isError
136
- ? props.theme.colors.red
136
+ ? props.theme.colors.grey6
137
+ : props.isDisabled
138
+ ? props.theme.colors.grey2
137
139
  : props.fontColor
138
140
  ? props.fontColor + ' !important'
139
141
  : props.theme.colors.black};
@@ -144,8 +146,7 @@ const InputContainer = styled('input', inputProps)`
144
146
  box-sizing: border-box;
145
147
  max-height: ${(props) => props.inputHeight};
146
148
  &::placeholder {
147
- color: ${(props) =>
148
- props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
149
+ color: ${(props) => props.theme.colors.grey2};
149
150
  }
150
151
 
151
152
  &:focus {
@@ -217,8 +218,9 @@ const LabelWrapper = styled.div`
217
218
  `
218
219
 
219
220
  const LabelText = styled.div`
220
- font-weight: bold;
221
221
  font-size: 13px;
222
+ color: ${(props) => props.theme.colors.eturnityGrey};
223
+ font-weight: 700;
222
224
  `
223
225
 
224
226
  export default {
package/src/components/inputs/inputText/index.vue CHANGED
@@ -62,8 +62,9 @@ const Container = styled.div`
62
62
 
63
63
  const labelAttrs = { fontSize: String }
64
64
  const InputLabel = styled('div', labelAttrs)`
65
- font-weight: bold;
65
+ color: ${(props) => props.theme.colors.eturnityGrey};
66
66
  font-size: ${(props) => (props.fontSize ? props.fontSize : '13px')};
67
+ font-weight: 700;
67
68
  `
68
69
 
69
70
  const LabelWrapper = styled.div`
@@ -96,9 +97,7 @@ const InputContainer = styled('input', inputProps)`
96
97
  ? '1px solid ' + props.theme.colors.red
97
98
  : props.noBorder
98
99
  ? 'none'
99
- : props.hasLength
100
- ? '1px solid ' + props.theme.colors.black
101
- : '1px solid ' + props.theme.colors.mediumGray};
100
+ : '1px solid ' + props.theme.colors.grey4};
102
101
  padding: ${(props) =>
103
102
  props.isError
104
103
  ? '11px 25px 11px 10px'
@@ -110,7 +109,7 @@ const InputContainer = styled('input', inputProps)`
110
109
  font-size: ${(props) => (props.fontSize ? props.fontSize : '16px')};
111
110
  color: ${(props) =>
112
111
  props.isError
113
- ? props.theme.colors.red
112
+ ? props.theme.colors.grey6
114
113
  : props.isDisabled
115
114
  ? props.theme.colors.grey2
116
115
  : props.theme.colors.black};
@@ -123,8 +122,7 @@ const InputContainer = styled('input', inputProps)`
123
122
  props.isDisabled ? props.theme.colors.grey5 : '#fff'};
124
123
 
125
124
  &::placeholder {
126
- color: ${(props) =>
127
- props.isError ? props.theme.colors.red : props.theme.colors.darkGray};
125
+ color: ${(props) => props.theme.colors.grey2};
128
126
  }
129
127
 
130
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 {