fjord-uiv0.1.0 / generation 1, "sounding"

fj-field

Labeled native controls. The binding wires disabled and invalid state to native attributes, while the CSS keeps controls one row tall unless the control is explicitly multiline.

Light

input

Label, control and hint; no app page assembles the three separately.

Use lower-case words separated by hyphens.

focus-visible

The native control owns the same square focus ring as fj-btn.

invalid

The control carries aria-invalid and the message carries a sign, so hue is never the only carrier.

Use lowercase ASCII, numbers and hyphens.

disabled

Disabled remains legible and keeps native disabled semantics.

Derived from the repository path.

select

textarea

A multiline field is a bordered region, not an oversized row.

Dark

input

Label, control and hint; no app page assembles the three separately.

Use lower-case words separated by hyphens.

focus-visible

The native control owns the same square focus ring as fj-btn.

invalid

The control carries aria-invalid and the message carries a sign, so hue is never the only carrier.

Use lowercase ASCII, numbers and hyphens.

disabled

Disabled remains legible and keeps native disabled semantics.

Derived from the repository path.

select

textarea

A multiline field is a bordered region, not an oversized row.