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

chore(release): refresh private package staging
Quality / quality (ubuntu-latest) (push) Failing after 14m12s
Details
Quality / quality (windows-latest) (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
Clintchiz
2026-08-10 00:55:12 +05:30
parent bca9549f3a
commit db612df6cd
69 changed files with 5421 additions and 7243 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.publish/ui/components/StrongPassword.wrn
+200 -1
View File
@@ -1,3 +1,7 @@
import FieldStyles from "../styles/FieldStyles.wrn"
import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
component StrongPassword {
outputs {
input(payload: { value: string; score: number; maximumScore: number; percent: number; level: string })
@@ -117,7 +121,7 @@ component StrongPassword {
view {
<div
class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--strong-password wire-next--strong-password-{presentation} {invalid ? 'wire-next--invalid' : ''} {disabled ? 'wire-next--disabled' : ''} {class}"
class="wire-component wire-component--color-{color} wire-component--size-{size} wire-next--strong-password wire-next--strong-password-{presentation} {invalid ? 'wire-next--invalid' : ''} {disabled ? 'wire-next--disabled' : ''} {class}"
data-wrn-strong-password
data-strength="{password ? strengthLevel() : 'empty'}"
data-score="{password ? score() : 0}"
@@ -214,5 +218,200 @@ component StrongPassword {
<small id="{name}-validation" class="wire-next__validation" data-error="{name}">{validationMessage}</small>
</div>
<FieldStyles hidden />
<ComponentBaseStyles hidden />
}
style {
.wire-next--strong-password {
position: relative;
display: grid;
width: 100%;
gap: 0.6rem;
color: var(--wire-color-text);
}
.wire-next--strong-password > label {
font-size: 0.82em;
font-weight: 700;
}
.wire-next__strong-password-anchor {
position: relative;
}
.wire-next--strong-password input {
width: 100%;
min-height: 2.75em;
padding: 0.68em 0.85em;
border: 1px solid var(--wire-color-border);
border-radius: var(--wire-radius-sm);
outline: 0;
color: var(--wire-color-text);
background: var(--wire-color-surface);
font: inherit;
transition:
border-color 160ms ease,
box-shadow 160ms ease;
}
.wire-next--strong-password input:focus-visible {
border-color: var(--wire-component-color);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--wire-component-color) 16%, transparent);
}
.wire-next__strong-password-details {
display: grid;
gap: 0.65rem;
}
.wire-next__strong-password-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
color: var(--wire-color-muted);
font-size: 0.75em;
}
.wire-next__strong-password-summary strong {
color: var(--wire-color-text);
}
.wire-next__strong-password-meter {
width: 100%;
height: 0.42rem;
overflow: hidden;
border-radius: 999px;
background: color-mix(in srgb, var(--wire-color-border) 72%, transparent);
}
.wire-next__strong-password-meter > span {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: var(--wire-color-danger);
transition:
width 180ms ease,
background-color 180ms ease;
}
.wire-next--strong-password[data-strength="fair"] .wire-next__strong-password-meter > span {
background: var(--wire-color-warning);
}
.wire-next--strong-password[data-strength="good"] .wire-next__strong-password-meter > span {
background: var(--wire-component-color);
}
.wire-next--strong-password[data-strength="strong"] .wire-next__strong-password-meter > span {
background: var(--wire-color-success);
}
.wire-next__strong-password-requirements {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.45rem 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.wire-next__strong-password-requirements li {
display: flex;
min-width: 0;
align-items: flex-start;
gap: 0.45rem;
color: var(--wire-color-muted);
font-size: 0.72em;
line-height: 1.45;
}
.wire-next__strong-password-requirements li > span {
position: relative;
width: 0.9rem;
height: 0.9rem;
flex: 0 0 auto;
margin-top: 0.08rem;
border: 1px solid currentColor;
border-radius: 50%;
}
.wire-next__strong-password-requirements li > span::after {
position: absolute;
top: 0.12rem;
left: 0.29rem;
width: 0.22rem;
height: 0.42rem;
border: solid var(--wire-color-surface);
border-width: 0 0.1rem 0.1rem 0;
content: "";
opacity: 0;
transform: rotate(45deg);
}
.wire-next__strong-password-requirements li[data-met="true"] {
color: var(--wire-color-success);
}
.wire-next__strong-password-requirements li[data-met="true"] > span {
border-color: var(--wire-color-success);
background: var(--wire-color-success);
}
.wire-next__strong-password-requirements li[data-met="true"] > span::after {
opacity: 1;
}
.wire-next__strong-password-details > small {
color: var(--wire-color-muted);
font-size: 0.7em;
line-height: 1.5;
}
.wire-next__strong-password-popover {
position: absolute;
top: calc(100% + 0.7rem);
left: 0;
z-index: 30;
width: min(28rem, calc(100vw - 2rem));
padding: 1rem;
border: 1px solid var(--wire-color-border);
border-radius: var(--wire-radius);
opacity: 0;
visibility: hidden;
background: var(--wire-color-surface);
box-shadow: var(--wire-shadow-2);
transform: translateY(-0.35rem);
transition:
opacity 140ms ease,
transform 140ms ease,
visibility 140ms ease;
}
.wire-next__strong-password-popover[data-open="true"] {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.wire-next__strong-password-popover-arrow {
position: absolute;
top: -0.38rem;
left: 1.25rem;
width: 0.7rem;
height: 0.7rem;
border-top: 1px solid var(--wire-color-border);
border-left: 1px solid var(--wire-color-border);
background: var(--wire-color-surface);
transform: rotate(45deg);
}
@media (max-width: 560px) {
.wire-next__strong-password-requirements {
grid-template-columns: 1fr;
}
}
}
}