fix(ui): style password validation errors and invalid borders

This commit is contained in:
Clintchiz committed 2026-08-26 17:40:01 +05:30
1 parent fe40cc56df
commit b1b84eb41c
5 files changed
+18 -4

No files matched your search

+4 -1
View File
@@ -135,7 +135,7 @@ component StrongPassword {
view {
<div
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--strong-password wrn-next--strong-password-{presentation} {invalid ? 'wrn-next--invalid' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--strong-password wrn-next--strong-password-{presentation} {invalid || validationMessage || nativeError ? 'wrn-next--invalid' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
data-wrn-strong-password
data-strength="{password ? strengthLevel() : 'empty'}"
data-score="{password ? score() : 0}"
@@ -245,6 +245,9 @@ component StrongPassword {
}
style {
.wrn-next--strong-password .wrn-next__validation {
color: var(--wrn-color-danger, #ef4444);
}
.wrn-next--strong-password {
position: relative;
display: grid;