Historial

Lo que le ha ido pasando a algo (un pedido, una factura, un ticket): cada entrada con qué pasó, cuándo, quién lo hizo y el detalle, unidas por una línea.

Cuándo usarlo

• Como registro de actividad en la ficha de un pedido, una factura o un cliente.
• tone en una entrada para lo que importa, con el vocabulario común (neutral, accent, info, success, warning, error): un pago en success, un recordatorio en info, un rechazo en error; icon para distinguirlas de un vistazo.
• sort="oldest-first" cuando se lee como una historia de principio a fin. Solo da la vuelta a lo que recibe: no ordena por fecha.
• Una date como Date se escribe con dateFormat en el idioma del LocaleProvider (o en locale, si se pasa); como texto («hace 2 h») sale tal cual.
• En un panel lateral, dentro de un contenedor con data-density="compact": la densidad es global, no una prop.

Cuándo no

• Para las fases de un proceso que va hacia delante: Steps (o OrderStatus para el seguimiento de un envío).
• Para un hilo de mensajes entre personas: Conversation.

Teclado: no tiene; se recorre lo que vaya dentro del detalle.

Accesibilidad: es una lista ordenada (ol) con nombre (label) y cada fecha dada como Date va en un time con su datetime: se lee, se copia y se entiende sin ver la línea que las une. Los iconos y los puntos son decorativos. Sin entradas dice que no ha pasado nada («Todavía no ha pasado nada», o lo que diga empty) en vez de dejar una lista vacía.

Aspecto fino: variables CSS --amset-history-*: -author, -brand, -date, -detail, -detail-padding, -dot, -gap, -icon, -line, -slot, -title. El tamaño (size) mueve el círculo, su icono, el hueco y los cuerpos de letra. El hueco entre entradas lo manda la densidad, no el tamaño.