AXIS Design System Lab
← All patterns

candidate · greenhouse-ui-platform

efeonce.disclosure

Version 0.1.1. A published contract for products built by agents and humans.

HTML + CSS reference0.1.1

Reference implementation

Disclosure Lab — trigger rotatorio + anchored disclosure

✓ Token-backed

Dos primitives funcionales: un trigger icon-only que expresa abierto/cerrado y una superficie contextual anclada que conserva foco, dismissal, dirty guard y reduced-motion.

AXIS
Trigger primitive

Cuatro variantes funcionales

La rotación es la única señal de motion; cada estado tiene nombre y aria-expanded.

addToggle · cerradoabierto · 45°
expand · cerradoabierto · 180°
reveal · cerradoabierto · 90°
nexaMark · cerradoabierto · morph
Interactivo
Anchored primitive

Contextual surfaces

Composición equivalente a GreenhouseAnchoredDisclosure: editor dirty-safe abierto por defecto y menú con outside press.

contextualEditor · abierto · companion
actionMenu · interactivo

Escape, outside press y foco de retorno están incluidos en el contrato.

quickPeekVariant definida en el contrato (`evidencePeek`), pero fuera de esta referencia pública hasta contar con evidencia de consumer focus/placement.
Contract & evidence

Reglas de uso y estados

TecladoTab, Enter/Space, Escape y foco visible.
DismissalMenú cierra fuera; editor conserva cambios fuera.
MotionRotaciones 45°/90°/180°; morph Nexa estático con reduced-motion.
FallbackContenido permanece visible sin JavaScript o animación.

Framework-agnostic reference. Consumer adapters are reviewed against it.

Promotion evidence

Before stable

  • fixture:disclosure-trigger-variants
  • fixture:disclosure-contextual-editor
  • fixture:disclosure-action-menu
  • fixture:disclosure-quick-peek-out-of-scope
  • desktop-mobile-keyboard
  • escape-outside-press-focus-return
  • dirty-guard
  • reduced-motion
  • Keyboard and focus
  • 390 px responsive
  • Reduced motion