Fix link validation colors

Author: adamkudrna

src/styles/theme/_form-fields.scss

@@ -33,15 +33,15 @@ $horizontal-full-width-label-width: var(--rui-FormField--horizontal--full-width_
 // Form fields: links in validation states
 $link-validation-colors: (
     invalid: (
+        default: var(--rui-color-feedback-danger),
+        hover: var(--rui-color-feedback-danger-hover),
+        active: var(--rui-color-feedback-danger-active),
+    ),
+    valid: (
         default: var(--rui-color-feedback-success),
         hover: var(--rui-color-feedback-success-hover),
         active: var(--rui-color-feedback-success-active),
     ),
-    valid: (
-        default: var(--rui-color-feedback-valid),
-        hover: var(--rui-color-feedback-valid-hover),
-        active: var(--rui-color-feedback-valid-active),
-    ),
     warning: (
         default: var(--rui-color-feedback-warning),
         hover: var(--rui-color-feedback-warning-hover),

src/styles/tools/form-fields/_variants.scss

@@ -143,9 +143,9 @@
 }
 
 @mixin validation($variant) {
-    --rui-local-link-color: map.get(theme.$link-validation-colors, $variant, default);
-    --rui-local-link-color-hover: map.get(theme.$link-validation-colors, $variant, hover);
-    --rui-local-link-color-active: map.get(theme.$link-validation-colors, $variant, active);
+    --rui-local-link-color: #{map.get(theme.$link-validation-colors, $variant, default)};
+    --rui-local-link-color-hover: #{map.get(theme.$link-validation-colors, $variant, hover)};
+    --rui-local-link-color-active: #{map.get(theme.$link-validation-colors, $variant, active)};
 
     @include _get-theme(validation, $variant);
 }