Aquí tienes la traducción del archivo fuente de la guía de diseño al español, buscando que suene lo más natural posible:

List — un componente de lista universal que sirve como contenedor con filas de datos organizadas en una sola columna vertical. El componente ordena sus elementos list-item hijos, soporta múltiples tamaños y permite el control de selección por teclado y filtrado.

§Estructura de List

➊ Área de filtro

➋ Elemento de lista (List-item)

➌ Barra de desplazamiento (scrollbar)

➍ Elemento de lista bajo el cursor

§Estructura de List-item

➊ Icono de ordenación

➋ Icono del elemento

➌ Bloque de texto

➍ Botón de acción adicional (se muestra al pasar el ratón)

§Tamaño

List-item

Todos los elementos de lista (List-item) soportan la visualización en 4 tamaños: S, M, L, XL. Los tamaños y los paddings corresponden a los elementos de la librería con los que interactúa el componente, como select, input y button, que soportan variables de tamaño similares.

List

Por defecto, el ancho del componente List es dinámico y se calcula basándose en el ancho del elemento más largo de la lista. El ancho puede establecerse a un valor fijo o heredar el ancho del objeto que activó la visualización de la lista (select, input).

§Estados

§Tipos de contenido

§Características de List-item

Soporte para múltiples iconos

Los elementos List-item pueden tener uno o más iconos colocados a la izquierda y derecha del componente.

Cambio del orden de clasificación

Para los elementos de la lista, puedes activar la ordenación de los elementos de la lista. El icono de ordenación siempre se muestra en la parte superior de la lista por defecto.

§Características de List

Altura personalizable para el contenedor principal de la lista

La altura de los elementos de la lista o una función que devuelva el valor de la altura puede establecerse dinámicamente o especificarse con un valor exacto en píxeles (px). Si los elementos de la lista superan la altura máxima, aparece una barra de desplazamiento. La altura puede establecerse manualmente o ajustarse dinámicamente.

Selección única y múltiple

El componente soporta tanto la selección de un solo elemento como la de varios.

Filtro y búsqueda

Opcionalmente, el componente puede incluir un campo de entrada para filtrar rápidamente los elementos de la lista. El texto de ayuda (placeholder) del filtro puede cambiarse por defecto según la tarea del componente.

Desencadenantes de llamada

Por defecto, el componente List se activa mediante interacciones con otros elementos de la página como select, label y button, y sirve como una función de sugerencia para el componente Input.

Virtualización

Cuando la bandera de virtualización está activada, el navegador renderiza solo un subconjunto de filas a la vez, reduciendo significativamente el tiempo necesario para volver a renderizar los componentes. Con este método, también conocido como "carga infinita", se añaden nuevos elementos a la lista a medida que el usuario se desplaza hacia abajo hasta un elemento umbral específico (disparador).