WorkRoot/WRNexusJS
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui/components/StrongPassword.wrn
+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;
packages/ui/components/TogglePassword.wrn
+4 -1
View File
@@ -64,7 +64,7 @@ component TogglePassword {
view {
<fieldset
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--toggle-password {invalid ? 'wrn-next--invalid' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--toggle-password {invalid || validationMessage || nativeError ? 'wrn-next--invalid' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
data-wrn-toggle-password
data-visible="{revealed ? 'true' : 'false'}"
>
@@ -172,6 +172,9 @@ component TogglePassword {
}
style {
.wrn-next--toggle-password .wrn-next__validation {
color: var(--wrn-color-danger, #ef4444);
}
.wrn-next--toggle-password {
display: grid;
width: 100%;