Skip to content

Commit ab1124e

Browse files
committed
chore: remove duplicate values inside of Input mappers
1 parent bb3fbb4 commit ab1124e

File tree

1 file changed

+18
-19
lines changed

1 file changed

+18
-19
lines changed

lib/components/Input/Input.scss

+18-19
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
$input-border: (
1+
$input-borders: (
22
"general": var(--du-state-active, #d6dadb),
33
"hover": var(--du-border-hover, #999999),
44
"active": var(--du-brand-secondary, #85acb0),
5-
"disabled": var(--du-state-active, #d6dadb),
65
"success": var(--du-status-success, #4bb4b3),
76
"error": var(--du-status-danger, #ec3f3f),
87
);
98

10-
$label-color: (
9+
$label-colors: (
1110
"general": var(--du-border-hover, #999999),
1211
"active": var(--du-brand-secondary, #85acb0),
1312
"error": var(--du-status-danger, #ec3f3f),
@@ -43,25 +42,25 @@ $input-placement: 16px;
4342
color: var(--du-text-prominent, #333333);
4443

4544
&--general {
46-
border-color: map-get($input-border, "general");
45+
border-color: map-get($input-borders, "general");
4746
&:hover:not(:disabled):not(:focus-within) {
48-
border-color: map-get($input-border, "hover");
47+
border-color: map-get($input-borders, "hover");
4948
}
5049
&:focus-within {
51-
border-color: map-get($input-border, "active");
50+
border-color: map-get($input-borders, "active");
5251
}
5352
}
5453
&--error {
55-
border-color: map-get($input-border, "error");
54+
border-color: map-get($input-borders, "error");
5655
}
5756
&--success {
58-
border-color: map-get($input-border, "success");
57+
border-color: map-get($input-borders, "success");
5958
}
6059
&--active {
61-
border-color: map-get($input-border, "active");
60+
border-color: map-get($input-borders, "active");
6261
}
6362
&--disabled {
64-
border-color: map-get($input-border, "disabled");
63+
border-color: map-get($input-borders, "general");
6564
cursor: not-allowed;
6665
}
6766

@@ -96,20 +95,20 @@ $input-placement: 16px;
9695
transition: all 0.15s ease-out;
9796
font-size: var(--du-text-size-default, 14px);
9897
&--general {
99-
color: map-get($label-color, "general");
98+
color: map-get($label-colors, "general");
10099
}
101100
&--error {
102-
color: map-get($label-color, "error");
101+
color: map-get($label-colors, "error");
103102
}
104103
&--success {
105-
color: map-get($label-color, "success");
104+
color: map-get($label-colors, "success");
106105
}
107106
&--active {
108-
color: map-get($label-color, "active");
107+
color: map-get($label-colors, "active");
109108
}
110109

111110
&--disabled {
112-
color: map-get($label-color, "disabled");
111+
color: map-get($label-colors, "disabled");
113112
}
114113
}
115114

@@ -121,19 +120,19 @@ $input-placement: 16px;
121120
.deriv-input--general .deriv-input__field:disabled + .deriv-input__label,
122121
.deriv-input--error .deriv-input__field:disabled + .deriv-input__label,
123122
.deriv-input--success .deriv-input__field:disabled + .deriv-input__label {
124-
color: map-get($label-color, "disabled");
123+
color: map-get($label-colors, "disabled");
125124
}
126125

127126
.deriv-input--general .deriv-input__field:focus + .deriv-input__label {
128-
color: map-get($label-color, "active");
127+
color: map-get($label-colors, "active");
129128
}
130129

131130
.deriv-input--error .deriv-input__field:focus + .deriv-input__label {
132-
color: map-get($label-color, "error");
131+
color: map-get($label-colors, "error");
133132
}
134133

135134
.deriv-input--success .deriv-input__field:focus + .deriv-input__label {
136-
color: map-get($label-color, "success");
135+
color: map-get($label-colors, "success");
137136
}
138137

139138
.deriv-input__helper-message {

0 commit comments

Comments
 (0)