@studiolxd/brand 49.28.0 → 51.0.0

package/src/tokens/scss/components/_site-header.scss

@@ -1,7 +1,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$lxd-site-header-content-height: calc(64px * 4 / 3); // Lo más alto que lleva la barra: el logotipo a talla xxl (85px)
+$lxd-site-header-content-height: calc(64px * 4 / 3); // Lo más alto que lleva la barra: el logotipo a talla 2xl (85px)
 $lxd-site-header-content-height-compact: 3rem; // Lo más alto que lleva la barra en móvil (por debajo de md): el logotipo a talla lg (48px), para que quepa con los controles
 $lxd-site-header-content-height-narrow: 2.5rem; // Lo más alto que lleva la barra en teléfono (por debajo de sm): el logotipo a talla md (40px), para caber en 360px con idioma y menú
 $lxd-site-header-height-narrow: calc(2.5rem + 2 * 0.5rem); // Alto de la barra en teléfono (56px, la misma que la barra de aplicación)
@@ -20,5 +20,4 @@ $lxd-site-header-panel-z-index: 300; // El panel a pantalla completa es una capa
 $lxd-site-header-panel-transition-duration: 400ms; // Entrada y salida del panel: cambio de contexto
 $lxd-site-header-panel-transition-easing: ease-in-out; // Curva del panel: movimiento
 $lxd-site-header-panel-gap: 3rem; // Ritmo vertical entre las secciones del panel: el índice, el buscador y los ajustes del sitio. Es un solo aire para todas, no uno por sección
-$lxd-site-header-settings-margin-block-start: 3rem; // Aire mínimo entre el índice y los ajustes del sitio (idioma, tema), que van pegados al borde inferior del panel: el ritmo del panel. Se mantiene por compatibilidad; quien quiera cambiarlo toca `panel-gap`
 $lxd-site-header-settings-gap: 1.5rem; // Separación entre los ajustes del sitio: en fila en escritorio, apilados en móvil

package/src/tokens/scss/components/_slider.scss

@@ -1,7 +1,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$lxd-slider-control-block-size: 1.5rem; // Alto de la zona sensible: la banda es fina, pero el objetivo de pulsación no
+$lxd-slider-control-height: 1.5rem; // Alto de la zona sensible: la banda es fina, pero el objetivo de pulsación no
 $lxd-slider-track-size: 0.25rem; // Grosor del carril
 $lxd-slider-track-bg: #d0d0d0; // Carril sin recorrer
 $lxd-slider-track-border-radius: 0px; // Radio del carril (recto, como el resto del sistema)
@@ -23,3 +23,6 @@ $lxd-slider-transition-easing: ease; // Easing de la transición del pulgar
 $lxd-slider-focus-ring-width: 2px; // Grosor del anillo de foco
 $lxd-slider-focus-ring-offset: 0.25rem; // Separación del anillo de foco
 $lxd-slider-focus-ring-color: #111e30; // Color del anillo de foco
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-slider-control-block-size: $lxd-slider-control-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-slider-control-height

package/src/tokens/scss/components/_spinner.scss

@@ -4,7 +4,7 @@
 $lxd-spinner-size-sm: 1rem; // 16px — compact spinner
 $lxd-spinner-size-md: 1.5rem; // 24px — default spinner
 $lxd-spinner-size-lg: 4rem; // 64px — large spinner
-$lxd-spinner-border-width-sm: 2px; // Grosor del trazo (stroke) para sm
-$lxd-spinner-border-width-md: 2px; // Grosor del trazo (stroke) para md
-$lxd-spinner-border-width-lg: 2px; // Grosor del trazo (stroke) para lg
+$lxd-spinner-border-width-sm: 1px; // Grosor del trazo (stroke) para sm: el rol de todo borde del sistema (1px)
+$lxd-spinner-border-width-md: 1px; // Grosor del trazo (stroke) para md: el rol de todo borde del sistema (1px)
+$lxd-spinner-border-width-lg: 1px; // Grosor del trazo (stroke) para lg: el rol de todo borde del sistema (1px)
 $lxd-spinner-animation-duration: 2000ms; // Un ciclo del bucle: dibujar el contorno (mitad) y desdibujarlo (mitad)

package/src/tokens/scss/components/_step.scss

@@ -23,8 +23,8 @@ $lxd-step-tone-support-1-bg: #20e38e; // Relleno tono support-1 (emerald)
 $lxd-step-tone-support-1-color: #111e30; // Tinta sobre support-1
 $lxd-step-tone-support-2-bg: #f05e1c; // Relleno tono support-2 (cayenne)
 $lxd-step-tone-support-2-color: #111e30; // Tinta sobre support-2
-$lxd-step-tone-danger-bg: #b30000; // Relleno tono danger
-$lxd-step-tone-danger-color: #ffffff; // Tinta sobre danger
+$lxd-step-tone-error-bg: #b30000; // Relleno tono error
+$lxd-step-tone-error-color: #ffffff; // Tinta sobre error
 $lxd-step-tone-success-bg: #006616; // Relleno tono success
 $lxd-step-tone-success-color: #ffffff; // Tinta sobre success
 $lxd-step-tone-neutral-bg: #4a4a4a; // Relleno tono neutral (gris oscuro)
@@ -35,3 +35,7 @@ $lxd-step-connector-done-color: #111e30; // Tramo recorrido (solo Stepper, que t
 $lxd-step-description-color: #4a4a4a; // Línea de detalle bajo una marca: texto secundario. La usan la descripción de Stepper y la de Steps, para que digan lo mismo con el mismo color
 $lxd-step-transition-duration: 150ms; // Duración del cambio de fondo de la marca (un paso que pasa a completado, o vuelve a pendiente)
 $lxd-step-transition-easing: ease; // Curva del cambio de fondo
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-step-tone-danger-bg: $lxd-step-tone-error-bg; // OBSOLETO (v51, se retira en la v52): usar $lxd-step-tone-error-bg
+$lxd-step-tone-danger-color: $lxd-step-tone-error-color; // OBSOLETO (v51, se retira en la v52): usar $lxd-step-tone-error-color

package/src/tokens/scss/components/_switcher.scss

@@ -5,7 +5,7 @@ $lxd-switcher-target-size: 1.5rem; // Área sensible al puntero: 24×24 px como
 $lxd-switcher-track-width: 2.75em; // Ancho del track
 $lxd-switcher-track-height: 1.5em; // Alto del track
 $lxd-switcher-track-bg: #d0d0d0; // Fondo del track — estado off
-$lxd-switcher-track-bg-checked: #111e30; // Fondo del track — estado on
+$lxd-switcher-track-checked-bg: #111e30; // Fondo del track — estado on
 $lxd-switcher-track-border-radius: 9999px; // Radio del track (pill)
 $lxd-switcher-track-padding: 0.1875em; // Padding interior del track — separa el thumb de los bordes
 $lxd-switcher-thumb-size: 1.125em; // Tamaño del thumb (cuadrado)
@@ -25,6 +25,9 @@ $lxd-switcher-error-ring-color: #b30000; // Color del anillo de error
 $lxd-switcher-sm-track-width: 2.25em; // Ancho del track — variante sm
 $lxd-switcher-sm-track-height: 1.25em; // Alto del track — variante sm
 $lxd-switcher-sm-thumb-size: 0.875em; // Tamaño del thumb — variante sm
-$lxd-switcher-lg-track-width: 3rem; // Ancho del track — variante lg (48px, alineado con la talla lg del sistema, size-component.lg). En rem, no en em: como el resto de campos en lg, no se escala además con la fuente del párrafo large del campo
+$lxd-switcher-lg-track-width: 3rem; // Ancho del track — variante lg: la talla lg del sistema (48px). En rem, no en em: como el resto de campos en lg, no se escala además con la fuente del párrafo large del campo
 $lxd-switcher-lg-track-height: 1.625rem; // Alto del track — variante lg. En rem, ver lg-track-width
 $lxd-switcher-lg-thumb-size: 1.25rem; // Tamaño del thumb — variante lg. En rem, ver lg-track-width
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-switcher-track-bg-checked: $lxd-switcher-track-checked-bg; // OBSOLETO (v51, se retira en la v52): usar $lxd-switcher-track-checked-bg

package/src/tokens/scss/components/_tabs.scss

@@ -7,6 +7,7 @@ $lxd-tabs-list-gap: 0.25rem; // Gap entre triggers
 $lxd-tabs-trigger-padding-block: 0.75rem; // Padding vertical del trigger
 $lxd-tabs-trigger-padding-inline: 1rem; // Padding horizontal del trigger
 $lxd-tabs-trigger-font-size: 1rem; // Tamaño de fuente del trigger
+$lxd-tabs-trigger-line-height: 1.15; // Interlineado del trigger (1,15). Es el que el `<button>` heredaba de `normalize.css` sin declararlo; el token lo fija para que no dependa de la hoja de terceros. No hay primitivo de 1,15 en `line-height.*`: es medida propia del componente
 $lxd-tabs-trigger-font-weight: 300; // Peso de fuente por defecto
 $lxd-tabs-trigger-active-weight: 500; // Peso de fuente del tab activo
 $lxd-tabs-trigger-color: #4a4a4a; // Color del trigger inactivo — es texto, nunca grey-dark
@@ -14,8 +15,8 @@ $lxd-tabs-trigger-hover-color: #111e30; // Color del trigger en hover
 $lxd-tabs-trigger-active-color: #111e30; // Color del trigger activo
 $lxd-tabs-trigger-indicator-width: 1px; // Grosor del indicador activo (underline)
 $lxd-tabs-trigger-indicator-color: #111e30; // Color del indicador activo
-$lxd-tabs-trigger-pill-bg-active: #111e30; // Fondo del trigger activo en variante pill
-$lxd-tabs-trigger-pill-color-active: #ffffff; // Texto del trigger activo en variante pill
+$lxd-tabs-trigger-pill-active-bg: #111e30; // Fondo del trigger activo en variante pill
+$lxd-tabs-trigger-pill-active-color: #ffffff; // Texto del trigger activo en variante pill
 $lxd-tabs-trigger-border-radius: 0px; // Radio de borde del trigger (pill + focus ring)
 $lxd-tabs-trigger-disabled-opacity: 0.4; // Opacidad del trigger deshabilitado
 $lxd-tabs-focus-ring-color: #111e30; // Color del anillo de foco
@@ -24,3 +25,7 @@ $lxd-tabs-focus-ring-offset: 1px; // Separación del anillo de foco
 $lxd-tabs-content-padding-block: 1rem; // Padding vertical del panel de contenido
 $lxd-tabs-transition-duration: 150ms; // Duración de la transición de color
 $lxd-tabs-transition-easing: ease-in-out; // Easing de la transición
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-tabs-trigger-pill-bg-active: $lxd-tabs-trigger-pill-active-bg; // OBSOLETO (v51, se retira en la v52): usar $lxd-tabs-trigger-pill-active-bg
+$lxd-tabs-trigger-pill-color-active: $lxd-tabs-trigger-pill-active-color; // OBSOLETO (v51, se retira en la v52): usar $lxd-tabs-trigger-pill-active-color

package/src/tokens/scss/components/_tag.scss

@@ -26,5 +26,9 @@ $lxd-tag-warning-bg: #ffcd00; // Aviso — relleno universal del rol de feedback
 $lxd-tag-warning-color: #111e30; // Aviso — contenido sobre el relleno: el prusia (11,17:1, AAA)
 $lxd-tag-success-bg: #006616; // Éxito — relleno universal del sistema
 $lxd-tag-success-color: #ffffff; // Éxito — contenido sobre el relleno
-$lxd-tag-danger-bg: #b30000; // Peligro — relleno universal del sistema
-$lxd-tag-danger-color: #ffffff; // Peligro — contenido sobre el relleno
+$lxd-tag-error-bg: #b30000; // Error — relleno universal del sistema
+$lxd-tag-error-color: #ffffff; // Error — contenido sobre el relleno
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-tag-danger-bg: $lxd-tag-error-bg; // OBSOLETO (v51, se retira en la v52): usar $lxd-tag-error-bg
+$lxd-tag-danger-color: $lxd-tag-error-color; // OBSOLETO (v51, se retira en la v52): usar $lxd-tag-error-color

package/src/tokens/scss/components/_text-inline.scss

@@ -3,7 +3,8 @@
 
 $lxd-text-inline-emphasis-font-weight: 500; // Peso del énfasis fuerte en línea
 $lxd-text-inline-muted-color: #4a4a4a; // Texto secundario en línea: una aclaración, un metadato
-$lxd-text-inline-destructive-color: #b30000; // Énfasis en línea con intención destructiva: la palabra que dice que algo se pierde. Es tinta sobre la superficie, nunca un relleno
+$lxd-text-inline-error-color: #b30000; // Énfasis en línea de error: un estado que ha fallado («cupón rechazado»). Es tinta sobre la superficie, nunca un relleno
+$lxd-text-inline-destructive-color: #b30000; // Énfasis en línea con intención destructiva: la palabra que avisa de que una acción hace perder algo («esta acción **borra** el curso»). Es tinta sobre la superficie, nunca un relleno
 $lxd-text-inline-success-color: #006616; // Énfasis en línea con intención de logro
 $lxd-text-inline-strikethrough-color: #4a4a4a; // Texto tachado: lo que ya está hecho (un producto en el carrito) o ya no vale. Atenuado como el texto secundario; con un `tone` manda el tono
 $lxd-text-inline-strikethrough-thickness: 1px; // Grosor de la línea del tachado: el de los demás trazos del sistema

package/src/tokens/scss/components/_text.scss

@@ -6,7 +6,7 @@ $lxd-text-font-size: 1rem; // Cuerpo base (16px). Es el cuerpo de la superficie
 $lxd-text-font-weight: 300; // Default font weight
 $lxd-text-line-height: 1.5; // Default line height
 $lxd-text-color: #111e30; // Default text color
-$lxd-text-background: #ffffff; // Fondo del lienzo de página (body)
+$lxd-text-bg: #ffffff; // Fondo del lienzo de página (body)
 $lxd-text-letter-spacing: 0em; // Default letter spacing
 $lxd-text-size-1: 0.875rem; // Paso 1 de la escala de títulos (14px)
 $lxd-text-size-2: 1rem; // Paso 2 de la escala de títulos (16px)
@@ -78,3 +78,6 @@ $lxd-text-list-secondary-color: #4a4a4a; // Color atenuado de la línea secundar
 $lxd-text-list-separator-color: #111e30; // Línea entre filas de una lista con separadores
 $lxd-text-list-separator-thickness: 1px; // Grosor de la línea entre filas
 $lxd-text-list-separator-spacing: 0.5rem; // Aire a cada lado de la línea entre filas
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-text-background: $lxd-text-bg; // OBSOLETO (v51, se retira en la v52): usar $lxd-text-bg

package/src/tokens/scss/components/_typing-indicator.scss

@@ -5,7 +5,10 @@ $lxd-typing-indicator-dot-size: 0.375rem; // Lado de cada punto cuadrado (6px)
 $lxd-typing-indicator-dot-gap: 0.25rem; // Separación entre puntos
 $lxd-typing-indicator-dot-color: #111e30; // Color de los puntos
 $lxd-typing-indicator-dot-opacity-inactive: 0.4; // Opacidad del punto en reposo
-$lxd-typing-indicator-dot-opacity-active: 1; // Opacidad del punto en lo alto del salto
+$lxd-typing-indicator-dot-active-opacity: 1; // Opacidad del punto en lo alto del salto
 $lxd-typing-indicator-dot-rise: 0.25rem; // Cuánto sube el punto en lo alto del salto (4px): una fracción del propio punto, no un desplazamiento de maqueta
 $lxd-typing-indicator-animation-duration: 400ms; // Duración del ciclo de animación
 $lxd-typing-indicator-animation-easing: ease-in-out; // Curva del salto: movimiento
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-typing-indicator-dot-opacity-active: $lxd-typing-indicator-dot-active-opacity; // OBSOLETO (v51, se retira en la v52): usar $lxd-typing-indicator-dot-active-opacity

package/src/tokens/scss/global/_colors.scss

@@ -79,8 +79,8 @@ $lxd-color-text-placeholder-on-light: #4a4a4a; // Placeholder sobre superficie c
 $lxd-color-text-placeholder-on-dark: #d0d0d0; // Placeholder sobre superficie oscura. Mismo gris que el texto secundario
 $lxd-color-text-muted-on-light: #4a4a4a; // Texto secundario: ayudas, etiquetas, metadatos
 $lxd-color-text-muted-on-dark: #d0d0d0; // Muted text on dark backgrounds
-$lxd-color-background-light: #ffffff; // Light surface background
-$lxd-color-background-dark: #111e30; // Dark surface background
+$lxd-color-bg-light: #ffffff; // Light surface background
+$lxd-color-bg-dark: #111e30; // Dark surface background
 $lxd-color-surface-secondary-on-light: #f2f2f2; // Superficie clara secundaria sobre fondo claro: bloque de código, kbd, carril de progreso, pie de tabla
 $lxd-color-surface-secondary-on-dark: #4a4a4a; // Superficie clara secundaria — variante para superficie oscura
 $lxd-color-surface-inverse-on-light: #4a4a4a; // Superficie invertida sobre fondo claro: relleno neutral oscuro (Tag)
@@ -100,3 +100,7 @@ $lxd-color-red: #b30000; // System red — base (AAA sobre blanco; fill universa
 $lxd-color-red-light: #ff8585; // System red light — SOLO texto/icono/borde sobre prussian, nunca como fondo
 $lxd-color-green: #006616; // System green — base (AAA sobre blanco; fill universal de success)
 $lxd-color-green-light: #00cc2c; // System green light — SOLO texto/icono/borde sobre prussian, nunca como fondo
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-color-background-light: $lxd-color-bg-light; // OBSOLETO (v51, se retira en la v52): usar $lxd-color-bg-light
+$lxd-color-background-dark: $lxd-color-bg-dark; // OBSOLETO (v51, se retira en la v52): usar $lxd-color-bg-dark

package/src/tokens/scss/global/_shadow.scss

@@ -2,8 +2,8 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-shadow-none: none; // Escala. Valor del rol default
-$lxd-shadow-sm: 0 1px 2px rgba(17,30,48,0.08); // Escala. El sistema no lo usa
-$lxd-shadow-md: 0 2px 8px rgba(17,30,48,0.10); // Escala. El sistema no lo usa
-$lxd-shadow-lg: 0 4px 16px rgba(17,30,48,0.12); // Escala. El sistema no lo usa
-$lxd-shadow-xl: 0 8px 32px rgba(17,30,48,0.16); // Escala. El sistema no lo usa
+$lxd-shadow-sm: 0 1px 2px rgba(17,30,48,0.08); // Escala. El sistema no lo usa. El color es el prusia de la paleta con opacidad 0.08 (sale como rgba(17,30,48,0.08))
+$lxd-shadow-md: 0 2px 8px rgba(17,30,48,0.10); // Escala. El sistema no lo usa. El color es el prusia de la paleta con opacidad 0.10 (sale como rgba(17,30,48,0.10))
+$lxd-shadow-lg: 0 4px 16px rgba(17,30,48,0.12); // Escala. El sistema no lo usa. El color es el prusia de la paleta con opacidad 0.12 (sale como rgba(17,30,48,0.12))
+$lxd-shadow-xl: 0 8px 32px rgba(17,30,48,0.16); // Escala. El sistema no lo usa. El color es el prusia de la paleta con opacidad 0.16 (sale como rgba(17,30,48,0.16))
 $lxd-shadow-default: none; // Rol: ningún elemento del sistema proyecta sombra. La elevación se expresa con borde y con el fondo del panel

package/src/tokens/scss/molecules/_alert.scss

@@ -14,6 +14,7 @@ $lxd-alert-border-color: #ffffff; // Borde por defecto — blanco. Sobre página
 $lxd-alert-title-font-size: 1rem; // El título hereda el cuerpo de la superficie (16px en aplicación, 20px en la pública)
 $lxd-alert-title-font-weight: 500; // Peso del título
 $lxd-alert-title-line-height: 1.3; // Interlineado del título — el de un rótulo corto
+$lxd-alert-title-letter-spacing: -0.02em; // Tracking del título (−0,02em): el de los títulos (`text.h2.letter-spacing`), aunque el título del `Alert` sea un `<p>`. Es el mismo que el del `Toast` (`toast.title-letter-spacing` hereda de aquí), para que los dos avisos pinten el título igual; el token lo fija para que no dependa del elemento
 $lxd-alert-title-color: #ffffff; // Texto blanco sobre el relleno prusia
 $lxd-alert-description-font-size: 1rem; // La descripción hereda el cuerpo de la superficie (16px en aplicación, 20px en la pública)
 $lxd-alert-description-line-height: 1.5; // Interlineado de la descripción — el del cuerpo

package/src/tokens/scss/molecules/_annotation-thread.scss

@@ -26,5 +26,3 @@ $lxd-annotation-thread-body-line-height: 1.5; // Interlineado del cuerpo
 $lxd-annotation-thread-body-color: #111e30; // Tinta del cuerpo
 $lxd-annotation-thread-replies-label-font-size: 0.875rem; // Tamaño del rótulo que cuenta las respuestas
 $lxd-annotation-thread-replies-label-color: #4a4a4a; // Tinta del rótulo que cuenta las respuestas
-$lxd-annotation-thread-acknowledged-opacity: 0.7; // Un hilo atendido da un paso atrás: sigue vivo, pero ya no es lo primero que hay que mirar
-$lxd-annotation-thread-resolved-opacity: 0.4; // Un hilo resuelto se retira: baja de intensidad sin desaparecer

package/src/tokens/scss/molecules/_app-launcher.scss

@@ -33,7 +33,7 @@ $lxd-app-launcher-transition-easing: ease; // Easing de la animación
 $lxd-app-launcher-tile-padding-block: 0.5rem; // Padding vertical de cada tile — el de un ítem de Menu, para que la altura case con las listas de opciones del DS
 $lxd-app-launcher-tile-padding-inline: 1rem; // Padding horizontal de cada tile — el de un ítem de Menu
 $lxd-app-launcher-tile-gap: 0.25rem; // Espacio entre el distintivo y el nombre dentro del tile
-$lxd-app-launcher-tile-badge-block-size: calc(0.875rem * 1 + 2 * 0.25rem); // Alto de la fila del distintivo, que va ENCIMA del nombre. Es la caja de una `Tag` (cuerpo por interlineado más su aire) y se reserva SIEMPRE, lleve distintivo la baldosa o no: de ahí que todos los nombres de la rejilla queden a la misma altura. Sale de los tokens de `Tag`, así que sigue cuadrando si la píldora cambia de talla
+$lxd-app-launcher-tile-badge-height: calc(0.875rem * 1 + 2 * 0.25rem); // Alto de la fila del distintivo, que va ENCIMA del nombre. Es la caja de una `Tag` (cuerpo por interlineado más su aire) y se reserva SIEMPRE, lleve distintivo la baldosa o no: de ahí que todos los nombres de la rejilla queden a la misma altura. Sale de los tokens de `Tag`, así que sigue cuadrando si la píldora cambia de talla
 $lxd-app-launcher-tile-border-radius: 0px; // Radio de cada tile
 $lxd-app-launcher-tile-name-font-size: 0.875rem; // Tamaño de texto del nombre de app
 $lxd-app-launcher-tile-name-font-weight: 300; // Peso del nombre de app
@@ -47,3 +47,6 @@ $lxd-app-launcher-tile-highlighted-bg: #111e30; // Relleno del tile bajo el punt
 $lxd-app-launcher-tile-highlighted-color: #ffffff; // Texto del tile resaltado — el del Menu: nombre e inicial invierten con el relleno
 $lxd-app-launcher-tile-badge-hover-bg: #ffffff; // Fondo de la Tag «nuevo» cuando su tile está resaltado — invertido respecto al tile (`tile-highlighted-color`) para seguir leyéndose como una píldora de contraste sobre el relleno
 $lxd-app-launcher-tile-badge-hover-color: #111e30; // Texto de la Tag «nuevo» cuando su tile está resaltado — el mismo par invertido que `tile-badge-hover-bg`
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-app-launcher-tile-badge-block-size: $lxd-app-launcher-tile-badge-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-app-launcher-tile-badge-height

package/src/tokens/scss/molecules/_async-multi-select-field.scss

@@ -2,11 +2,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-async-multi-select-field-gap: 0.5rem; // Espacio entre label, control, helper y error
-$lxd-async-multi-select-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-async-multi-select-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-async-multi-select-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-async-multi-select-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-async-multi-select-field-error-color: #b30000; // Color del mensaje de error
 $lxd-async-multi-select-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-async-multi-select-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-async-multi-select-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_async-select-field.scss

@@ -2,11 +2,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-async-select-field-gap: 0.5rem; // Espacio entre label, control, helper y error
-$lxd-async-select-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-async-select-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-async-select-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-async-select-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-async-select-field-error-color: #b30000; // Color del mensaje de error
 $lxd-async-select-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-async-select-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-async-select-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_autocomplete-field.scss

@@ -2,11 +2,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-autocomplete-field-gap: 0.5rem; // Espacio entre label, control, helper y error
-$lxd-autocomplete-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-autocomplete-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-autocomplete-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-autocomplete-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-autocomplete-field-error-color: #b30000; // Color del mensaje de error
 $lxd-autocomplete-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-autocomplete-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-autocomplete-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_avatar-upload.scss

@@ -16,8 +16,3 @@ $lxd-avatar-upload-hint-font-size: 0.875rem; // Cuerpo de la pista de arrastre
 $lxd-avatar-upload-hint-font-weight: 300; // Peso de la pista de arrastre — el del texto de ayuda de los campos
 $lxd-avatar-upload-hint-line-height: 1.5; // Interlineado de la pista de arrastre — el del texto de ayuda de los campos
 $lxd-avatar-upload-hint-color: #111e30; // Color de la pista de arrastre — el del texto de ayuda de los campos
-$lxd-avatar-upload-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Tipografía del mensaje de error — la de los campos
-$lxd-avatar-upload-error-font-size: 0.875rem; // Cuerpo del mensaje de error — el de los campos
-$lxd-avatar-upload-error-font-weight: 300; // Peso del mensaje de error — el de los campos
-$lxd-avatar-upload-error-line-height: 1.5; // Interlineado del mensaje de error — el de los campos
-$lxd-avatar-upload-error-color: #b30000; // Color del mensaje de error — el de los campos

package/src/tokens/scss/molecules/_calendar-planner.scss

@@ -35,6 +35,7 @@ $lxd-calendar-planner-day-number-radius: 0px; // Radio del badge del número
 $lxd-calendar-planner-day-number-outside-color: #4a4a4a; // Color del número en días fuera del mes — hereda de Calendar
 $lxd-calendar-planner-items-gap: 0.25rem; // Gap entre elementos/tags dentro de la celda
 $lxd-calendar-planner-more-font-size: 0.875rem; // Tamaño del texto '+N más'
+$lxd-calendar-planner-more-line-height: 1; // Interlineado del texto '+N más': una línea justa. No es un control con talla (no tiene alto propio: es un rótulo pulsable dentro de la casilla), así que no bebe de control.line-height. Sin él, el botón heredaba el 1,15 de normalize.css
 $lxd-calendar-planner-more-color: #4a4a4a; // Color del texto '+N más'
 $lxd-calendar-planner-more-hover-color: #111e30; // Color hover del texto '+N más'
 $lxd-calendar-planner-more-focus-ring-color: #111e30; // Color del focus ring del botón '+N más'

package/src/tokens/scss/molecules/_calendar-roster.scss

@@ -14,6 +14,7 @@ $lxd-calendar-roster-th-name-padding-block: 0.5rem; // Padding vertical del enca
 $lxd-calendar-roster-th-name-padding-inline: 0.75rem; // Padding horizontal del encabezado de nombre
 $lxd-calendar-roster-th-day-width: 2.5rem; // Ancho mínimo de cada columna de día
 $lxd-calendar-roster-th-day-font-size: 0.875rem; // Tamaño del número de día
+$lxd-calendar-roster-th-day-line-height: 1.2; // Interlineado del número de día. 1.2 no está en la escala `line-height` (entre `tight` 1.1 y `snug` 1.3): se conserva el valor de siempre
 $lxd-calendar-roster-th-day-sub-font-size: 0.75rem; // Tamaño de la letra del día de semana
 $lxd-calendar-roster-th-day-color: #111e30; // Color del encabezado de día
 $lxd-calendar-roster-th-day-padding-block: 0.5rem; // Padding vertical del encabezado de día
@@ -35,6 +36,9 @@ $lxd-calendar-roster-cell-weekend-bg: #f2f2f2; // Fondo de celdas de fin de sema
 $lxd-calendar-roster-cell-holiday-bg: #f2f2f2; // Fondo de celdas festivas — misma superficie secundaria; el festivo se nombra con su chip
 $lxd-calendar-roster-cell-non-working-bg: #f2f2f2; // Fondo de celdas no laborables (laborable sin turno asignado)
 $lxd-calendar-roster-cell-today-outline-width: 2px; // Grosor del recuadro de la columna de hoy
+$lxd-calendar-roster-focus-ring-color: #111e30; // Anillo de foco del cuadrante cuando desborda y entra en el tabulador
+$lxd-calendar-roster-focus-ring-width: 2px; // Grosor del anillo de foco
+$lxd-calendar-roster-focus-ring-offset: 1px; // Separación del anillo de foco
 $lxd-calendar-roster-schedule-font-size: 0.75rem; // Tamaño del texto de horario
 $lxd-calendar-roster-schedule-color: #111e30; // Color del texto de horario
 $lxd-calendar-roster-legend-item-gap: 0.25rem; // Gap entre el chip y su texto dentro de una entrada de la leyenda

package/src/tokens/scss/molecules/_calendar.scss

@@ -20,6 +20,7 @@ $lxd-calendar-weekday-color: #4a4a4a; // Color de las cabeceras de día de seman
 $lxd-calendar-day-size: 2rem; // Tamaño (ancho y alto) de los botones de día — md
 $lxd-calendar-day-font-size: 0.875rem; // Tamaño de fuente de los días
 $lxd-calendar-day-font-weight: 300; // Peso de fuente de los días
+$lxd-calendar-day-line-height: 1; // Interlineado de los días y de los años: el de los controles. Sin él, el botón heredaba el 1,15 de normalize.css
 $lxd-calendar-day-radius: 0px; // Radio de borde de los botones de día
 $lxd-calendar-day-color: #111e30; // Color de texto de los días
 $lxd-calendar-day-bg: rgba(0, 0, 0, 0); // Fondo base de los días
@@ -57,11 +58,16 @@ $lxd-calendar-year-current-font-weight: 500; // Peso del año en curso
 $lxd-calendar-year-selected-bg: #111e30; // Fondo del año de la fecha elegida
 $lxd-calendar-year-selected-color: #ffffff; // Texto del año de la fecha elegida
 $lxd-calendar-year-disabled-color: #6b6b6b; // Color de los años fuera de rango
-$lxd-calendar-year-grid-min-inline-size: calc(7 * 2rem + 6 * 0.25rem); // Ancho mínimo de la rejilla de años — md: el de la semana (siete días y sus seis huecos), para que el panel no encoja al pasar de los días a los años
-$lxd-calendar-sm-year-grid-min-inline-size: calc(7 * 1.5rem + 6 * 0.25rem); // Ancho mínimo de la rejilla de años — sm
-$lxd-calendar-lg-year-grid-min-inline-size: calc(7 * 3rem + 6 * 0.25rem); // Ancho mínimo de la rejilla de años — lg
+$lxd-calendar-year-grid-min-width: calc(7 * 2rem + 6 * 0.25rem); // Ancho mínimo de la rejilla de años — md: el de la semana (siete días y sus seis huecos), para que el panel no encoja al pasar de los días a los años
+$lxd-calendar-sm-year-grid-min-width: calc(7 * 1.5rem + 6 * 0.25rem); // Ancho mínimo de la rejilla de años — sm
+$lxd-calendar-lg-year-grid-min-width: calc(7 * 3rem + 6 * 0.25rem); // Ancho mínimo de la rejilla de años — lg
 $lxd-calendar-sm-year-height: 1.5rem; // Alto de la celda de año — sm
 $lxd-calendar-lg-year-height: 3rem; // Alto de la celda de año — lg
 $lxd-calendar-lg-year-font-size: 1rem; // Cuerpo de letra del año — lg
 $lxd-calendar-hover-line-width: 1px; // Grosor de la línea de hover del día, del año y del título. Nada se rellena bajo el puntero (regla de Colores): lo que se puede pulsar y es texto deja una línea de tinta debajo. Las flechas no la llevan: son un glifo, y la línea del sistema subraya texto
 $lxd-calendar-hover-line-color: #111e30; // Color de la línea de hover — tinta de la superficie
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-calendar-year-grid-min-inline-size: $lxd-calendar-year-grid-min-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-calendar-year-grid-min-width
+$lxd-calendar-sm-year-grid-min-inline-size: $lxd-calendar-sm-year-grid-min-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-calendar-sm-year-grid-min-width
+$lxd-calendar-lg-year-grid-min-inline-size: $lxd-calendar-lg-year-grid-min-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-calendar-lg-year-grid-min-width

package/src/tokens/scss/molecules/_carousel.scss

@@ -5,11 +5,16 @@ $lxd-carousel-gap: 1rem; // Aire entre diapositivas
 $lxd-carousel-slide-size: 100%; // Ancho de una diapositiva (`flex-basis`). Por defecto la pista entera: una diapositiva a la vista. Se sobreescribe con la prop `slideSize`
 $lxd-carousel-controls-gap: 0.5rem; // Aire entre los botones de la barra de control
 $lxd-carousel-controls-space-before: 1rem; // Aire entre la pista y la barra de control
-$lxd-carousel-indicator-inline-size: 2rem; // Largo de la barra indicadora (32px)
-$lxd-carousel-indicator-block-size: 2px; // Grosor de la barra indicadora — el mismo peso que la barra de activo del sistema
-$lxd-carousel-indicator-hit-block-size: 1rem; // Alto del área pulsable del indicador: la barra es fina, el objetivo táctil no
+$lxd-carousel-indicator-width: 2rem; // Largo de la barra indicadora (32px)
+$lxd-carousel-indicator-height: 2px; // Grosor de la barra indicadora — el mismo peso que la barra de activo del sistema
+$lxd-carousel-indicator-hit-height: 1rem; // Alto del área pulsable del indicador: la barra es fina, el objetivo táctil no
 $lxd-carousel-indicator-color: #4a4a4a; // Barra de una diapositiva que no está a la vista
 $lxd-carousel-indicator-current-color: #111e30; // Barra de la diapositiva a la vista. Es una barra de tinta, no un relleno: la posición no es un estado que se pinte de marca
 $lxd-carousel-focus-ring-color: #111e30; // Color del anillo de foco de los indicadores
 $lxd-carousel-focus-ring-width: 2px; // Grosor del anillo de foco
 $lxd-carousel-focus-ring-offset: 1px; // Separación del anillo de foco
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-carousel-indicator-inline-size: $lxd-carousel-indicator-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-carousel-indicator-width
+$lxd-carousel-indicator-block-size: $lxd-carousel-indicator-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-carousel-indicator-height
+$lxd-carousel-indicator-hit-block-size: $lxd-carousel-indicator-hit-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-carousel-indicator-hit-height

package/src/tokens/scss/molecules/_chart.scss

@@ -46,7 +46,7 @@ $lxd-chart-funnel-gap: 0.25rem; // 4px — hueco de superficie entre tramos del
 $lxd-chart-treemap-gap: 2px; // 2px — hueco entre baldosas del treemap
 $lxd-chart-radial-bar-gap: 0.25rem; // 4px — hueco entre anillos de la barra radial
 $lxd-chart-radial-track-color: #6b6b6b; // Carril del anillo sin recorrer en la barra radial: es la geometría de referencia del dato, como el eje, así que lleva su misma tinta (≥3:1 contra la superficie, WCAG 1.4.11)
-$lxd-chart-dot-size: 0.75rem; // 10px de diámetro nominal — punto de la nube de dispersión, mayor que el marcador de línea porque aquí el punto es la marca, no un remate
+$lxd-chart-dot-size: 10px; // 10px de diámetro — medida propia del componente (no hay peldaño de 10 en `spacing.*`). Punto de la nube de dispersión, mayor que el marcador de línea porque aquí el punto es la marca, no un remate
 $lxd-chart-radar-fill-opacity: 0.15; // El polígono del radar es un velo del tono de la serie, como el área
 $lxd-chart-tile-label-color: #ffffff; // Rótulo sobre una baldosa del treemap cuando el relleno lo elige el producto (`color`/`colors`): va encima del relleno de la serie, no de la superficie, y con un color desconocido el sistema no puede elegir la tinta
 $lxd-chart-tile-label-color-1: #000000; // Rótulo sobre la baldosa de la ranura 1. La tinta se elige por ranura: ninguna de las dos (blanco o negro) llega a 4.5:1 sobre las ocho series, así que cada una lleva la que cumple. Negro, no prusia: el prusia es un casi-negro entintado y se queda corto sobre el azul de la ranura 1
@@ -57,11 +57,9 @@ $lxd-chart-tile-label-color-5: #ffffff; // Rótulo sobre la baldosa de la ranura
 $lxd-chart-tile-label-color-6: #000000; // Rótulo sobre la baldosa de la ranura 6
 $lxd-chart-tile-label-color-7: #ffffff; // Rótulo sobre la baldosa de la ranura 7 — la lavanda de gráfico es la más oscura de las ocho
 $lxd-chart-tile-label-color-8: #000000; // Rótulo sobre la baldosa de la ranura 8
-$lxd-chart-tile-label-color-muted: #ffffff; // Rótulo sobre la baldosa gris de «Otros» (pasada la octava ranura)
 $lxd-chart-padding-block: 0.5rem; // Aire vertical del área de dibujo
 $lxd-chart-padding-inline: 0.5rem; // Aire horizontal del área de dibujo
 $lxd-chart-axis-gap: 0.5rem; // Separación entre el eje y sus rótulos
-$lxd-chart-height: 16rem; // 256px — alto por defecto del área de dibujo. La banda del eje X va aparte: el contenedor crece con ella y nunca aparece un scroll anidado
 $lxd-chart-block-gap: 0.75rem; // Separación entre título, lienzo y leyenda
 $lxd-chart-legend-gap: 0.5rem; // Aire entre las piezas de la leyenda
 $lxd-chart-legend-swatch-size: 0.5rem; // 8px — lado de la muestra de color de la leyenda

package/src/tokens/scss/molecules/_checkbox-field.scss

@@ -19,11 +19,6 @@ $lxd-checkbox-field-label-font-weight: 300; // Peso tipográfico
 $lxd-checkbox-field-label-line-height: 1.5; // Interlineado
 $lxd-checkbox-field-label-color: #111e30; // Color del texto
 $lxd-checkbox-field-label-letter-spacing: 0em; // Interletraje
-$lxd-checkbox-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-checkbox-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-checkbox-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-checkbox-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-checkbox-field-error-color: #b30000; // Color del mensaje de error
 $lxd-checkbox-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-checkbox-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-checkbox-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_color-picker.scss

@@ -22,8 +22,8 @@ $lxd-color-picker-trigger-disabled-border-color: #d0d0d0; // Borde deshabilitado
 $lxd-color-picker-trigger-disabled-cursor: not-allowed; // Cursor deshabilitado
 $lxd-color-picker-trigger-disabled-opacity: 0.4; // Opacidad de la muestra con el disparador deshabilitado: el color sigue ahí, atenuado
 $lxd-color-picker-panel-gap: 0.75rem; // Separación entre las partes del panel: área, bandas, campo hex, predefinidos
-$lxd-color-picker-panel-inline-size: calc(8 * 24px + 7 * 0.5rem); // Ancho del panel: ocho predefinidos por fila y sus siete huecos. El área y las bandas lo ocupan entero
-$lxd-color-picker-area-block-size: calc(6 * 24px + 5 * 0.5rem); // Alto del área de saturación y brillo: seis filas de la misma rejilla que mide el ancho
+$lxd-color-picker-panel-width: calc(8 * 24px + 7 * 0.5rem); // Ancho del panel: ocho predefinidos por fila y sus siete huecos. El área y las bandas lo ocupan entero
+$lxd-color-picker-area-height: calc(6 * 24px + 5 * 0.5rem); // Alto del área de saturación y brillo: seis filas de la misma rejilla que mide el ancho
 $lxd-color-picker-area-border-width: 1px; // Borde del área y de las bandas
 $lxd-color-picker-area-border-color: #d0d0d0; // Color del borde del área y de las bandas: el separador neutro
 $lxd-color-picker-area-saturation-start: #ffffff; // Origen del degradado de saturación: sin saturación, el tono se lava hacia el blanco. Es el modelo HSV, no una decisión de marca
@@ -48,3 +48,7 @@ $lxd-color-picker-preset-focus-ring-color: #111e30; // Color del anillo de foco
 $lxd-color-picker-preset-selected-ring-width: 2px; // Marca del predefinido que coincide con el valor: un aro por fuera
 $lxd-color-picker-preset-selected-ring-offset: 1px; // Separación de la marca
 $lxd-color-picker-preset-selected-ring-color: #111e30; // Color de la marca del seleccionado
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-color-picker-panel-inline-size: $lxd-color-picker-panel-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-color-picker-panel-width
+$lxd-color-picker-area-block-size: $lxd-color-picker-area-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-color-picker-area-height

package/src/tokens/scss/molecules/_command-palette.scss

@@ -5,6 +5,7 @@ $lxd-command-palette-max-height: min(24rem, 60vh); // Alto máximo de la paleta
 $lxd-command-palette-input-padding-block: 0.75rem; // Padding vertical del buscador
 $lxd-command-palette-input-padding-inline: 0.5rem; // Padding horizontal del buscador
 $lxd-command-palette-input-font-size: 1.25rem; // Tamaño de texto del buscador
+$lxd-command-palette-input-line-height: 1.15; // Interlineado del buscador: el 1,15 que heredaba de normalize.css, ahora declarado. No es `1` (1): Chromium no deja que un `<input>` baje de su interlineado `normal`, y a 20px el buscador crecía de 48 a 50px
 $lxd-command-palette-input-border-width: 1px; // Grosor de la línea bajo el buscador
 $lxd-command-palette-input-border-color: #111e30; // Color de la línea bajo el buscador
 $lxd-command-palette-input-placeholder-color: #4a4a4a; // Color del placeholder del buscador

package/src/tokens/scss/molecules/_consent.scss

@@ -9,10 +9,14 @@ $lxd-consent-banner-padding-block: 1rem; // Aire vertical de la banda
 $lxd-consent-banner-padding-inline: 1rem; // Aire horizontal de la banda
 $lxd-consent-banner-gap: 0.75rem; // Separación entre el texto y la fila de botones
 $lxd-consent-banner-text-gap: 0.25rem; // Separación entre el título y el texto
+$lxd-consent-banner-text-flex-basis: 20rem; // Base flexible del texto: encoge antes que la fila de botones, que nunca se parte
 $lxd-consent-banner-actions-gap: 0.5rem; // Separación entre botones
-$lxd-consent-banner-max-inline-size: 1280px; // Ancho máximo del contenido dentro de la banda: el mismo del contenido de una página pública
+$lxd-consent-banner-max-width: 1280px; // Ancho máximo del contenido dentro de la banda: el mismo del contenido de una página pública
 $lxd-consent-banner-z-index: 100; // Capa: la de las barras fijas de la aplicación. Por debajo del velo de un modal — el banner no bloquea nada
 $lxd-consent-banner-title-font-size: 1rem; // Cuerpo del título de la banda
 $lxd-consent-banner-description-font-size: 1rem; // Cuerpo del texto de la banda: el cuerpo de texto de la superficie, sin reducir (decisión del 2026-08-28)
 $lxd-consent-preferences-gap: 1rem; // Separación entre los bloques del panel
 $lxd-consent-preferences-category-gap: 0.75rem; // Separación entre categorías de la lista
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-consent-banner-max-inline-size: $lxd-consent-banner-max-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-consent-banner-max-width

package/src/tokens/scss/molecules/_conversation-list.scss

@@ -9,6 +9,7 @@ $lxd-conversation-list-item-padding-inline: 0.75rem; // Aire horizontal de cada
 $lxd-conversation-list-item-border-radius: 0px; // Radio de cada conversación: recto, como todo el sistema
 $lxd-conversation-list-item-font-family: "Google Sans Flex", system-ui, sans-serif; // Familia tipográfica del título de la conversación
 $lxd-conversation-list-item-font-size: 1rem; // El título es texto corriente: hereda el cuerpo de la superficie
+$lxd-conversation-list-item-line-height: 1; // Interlineado del título: una línea justa (el título no parte, va con elipsis), para que el alto de la fila lo marque su padding y no un interlineado heredado. Sin él, el botón heredaba el 1,15 de normalize.css
 $lxd-conversation-list-item-color: #4a4a4a; // Tinta de una conversación en reposo: el gris de texto secundario del sistema, no `grey-dark` (que no es un color de texto)
 $lxd-conversation-list-item-hover-color: #111e30; // Tinta de la conversación bajo el puntero: el hover no pinta relleno (regla de Colores), sube del gris de texto secundario a tinta plena
 $lxd-conversation-list-item-active-color: #111e30; // Tinta de la conversación abierta: tinta plena. La conversación abierta se dice con tinta y peso, no con un fondo

package/src/tokens/scss/molecules/_conversation-thread.scss

@@ -2,3 +2,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-conversation-thread-gap: 1rem; // Separación vertical entre mensajes. Es la única medida de espaciado del hilo: el relleno se retiró —quien compone, espacia—, así que el aire alrededor de los globos lo pone quien monta el hilo
+$lxd-conversation-thread-focus-ring-color: #111e30; // Anillo de foco del hilo, que entra en el tabulador para poder desplazarlo con el teclado
+$lxd-conversation-thread-focus-ring-width: 2px; // Grosor del anillo de foco
+$lxd-conversation-thread-focus-ring-offset: 1px; // Separación del anillo de foco

package/src/tokens/scss/molecules/_date-picker-field.scss

@@ -2,11 +2,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-date-picker-field-gap: 0.5rem; // Espacio entre label, trigger, helper y error
-$lxd-date-picker-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-date-picker-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-date-picker-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-date-picker-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-date-picker-field-error-color: #b30000; // Color del mensaje de error
 $lxd-date-picker-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-date-picker-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-date-picker-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_date-picker.scss

@@ -1,7 +1,7 @@
 
 // Do not edit directly, this file was auto-generated.
 
-$lxd-date-picker-inline-size: 100%; // Anchura del control: la del campo, que siempre ocupa su contenedor
+$lxd-date-picker-width: 100%; // Anchura del control: la del campo, que siempre ocupa su contenedor
 $lxd-date-picker-border-width: 1px; // Grosor del borde del campo: el del sistema. Lo usa el anillo de foco del botón, que va justo por dentro de esa línea
 $lxd-date-picker-disabled-cursor: not-allowed; // Cursor con el control deshabilitado
 $lxd-date-picker-transition-duration: 150ms; // Duración de la transición de tinta del botón
@@ -24,3 +24,6 @@ $lxd-date-picker-message-font-size: 0.875rem; // Cuerpo del aviso
 $lxd-date-picker-message-font-weight: 300; // Peso del aviso
 $lxd-date-picker-message-line-height: 1.5; // Interlineado del aviso
 $lxd-date-picker-message-color: #b30000; // Color del aviso: el del error de formulario — lo que se escribió no es una fecha
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-date-picker-inline-size: $lxd-date-picker-width; // OBSOLETO (v51, se retira en la v52): usar $lxd-date-picker-width

package/src/tokens/scss/molecules/_date-time-field.scss

@@ -3,11 +3,6 @@
 
 $lxd-date-time-field-gap: 0.5rem; // Espacio entre label, controles, helper y error
 $lxd-date-time-field-controls-gap: 0.5rem; // Espacio entre DatePickerField y TimeField
-$lxd-date-time-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-date-time-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-date-time-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-date-time-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-date-time-field-error-color: #b30000; // Color del mensaje de error
 $lxd-date-time-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-date-time-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-date-time-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_docs-search.scss

@@ -3,7 +3,7 @@
 
 $lxd-docs-search-gap: 0.75rem; // Aire entre el campo de búsqueda y la lista de resultados
 $lxd-docs-search-results-gap: 0.25rem; // Aire entre dos resultados
-$lxd-docs-search-results-max-block-size: min(28rem, 60vh); // Alto máximo de la lista: a partir de ahí scrollea dentro en vez de empujar la página
+$lxd-docs-search-results-max-height: min(28rem, 60vh); // Alto máximo de la lista: a partir de ahí scrollea dentro en vez de empujar la página
 $lxd-docs-search-result-padding-block: 0.75rem; // Padding vertical de un resultado
 $lxd-docs-search-result-padding-inline: 0.75rem; // Padding horizontal de un resultado
 $lxd-docs-search-result-border-radius: 0px; // Radio de un resultado
@@ -25,3 +25,6 @@ $lxd-docs-search-status-padding-inline: 0.75rem; // Padding horizontal del aviso
 $lxd-docs-search-status-gap: 0.5rem; // Aire entre el indicador de carga y su texto
 $lxd-docs-search-status-font-size: 0.875rem; // Cuerpo del aviso de estado
 $lxd-docs-search-status-color: #4a4a4a; // Color del aviso de estado — atenuado
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-docs-search-results-max-block-size: $lxd-docs-search-results-max-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-docs-search-results-max-height

package/src/tokens/scss/molecules/_dropdown-field.scss

@@ -17,6 +17,7 @@ $lxd-dropdown-field-content-gap: 0.5rem; // Entre el contenido del control y el
 $lxd-dropdown-field-font-family: "Google Sans Flex", system-ui, sans-serif; // Familia tipográfica: la del Select
 $lxd-dropdown-field-font-size: 1rem; // Cuerpo: el del Select
 $lxd-dropdown-field-font-weight: 300; // Peso: el del Select
+$lxd-dropdown-field-line-height: 1; // Interlineado del control: el del Select. Sin él, el botón heredaba el 1,15 de normalize.css
 $lxd-dropdown-field-color: #111e30; // Texto del control
 $lxd-dropdown-field-bg: #ffffff; // Fondo del control
 $lxd-dropdown-field-border-width: 1px; // Borde rectangular, como el Select
@@ -29,11 +30,6 @@ $lxd-dropdown-field-disabled-cursor: not-allowed; // Cursor del control deshabil
 $lxd-dropdown-field-focus-ring-width: 2px; // Anillo de foco
 $lxd-dropdown-field-focus-ring-color: #111e30; // Anillo de foco
 $lxd-dropdown-field-error-border-color: #b30000; // Borde en error: el mismo que el del Select
-$lxd-dropdown-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-dropdown-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-dropdown-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-dropdown-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-dropdown-field-error-color: #b30000; // Color del mensaje de error
 $lxd-dropdown-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-dropdown-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-dropdown-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_file-upload-field.scss

@@ -2,11 +2,6 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-file-upload-field-gap: 0.5rem; // Espacio entre label, control, helper y error
-$lxd-file-upload-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
-$lxd-file-upload-field-error-font-size: 0.875rem; // Font size del mensaje de error
-$lxd-file-upload-field-error-font-weight: 300; // Font weight del mensaje de error
-$lxd-file-upload-field-error-line-height: 1.5; // Line height del mensaje de error
-$lxd-file-upload-field-error-color: #b30000; // Color del mensaje de error
 $lxd-file-upload-field-helper-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del texto de ayuda
 $lxd-file-upload-field-helper-font-size: 0.875rem; // Font size del texto de ayuda
 $lxd-file-upload-field-helper-font-weight: 300; // Font weight del texto de ayuda

package/src/tokens/scss/molecules/_filter-bar.scss

@@ -6,4 +6,7 @@ $lxd-filter-bar-column-gap: 1rem; // Aire entre las columnas de filtros — el d
 $lxd-filter-bar-row-gap: 0.75rem; // Aire entre las filas de filtros cuando hay más de las que caben por punto de corte, y entre los filtros apilados en móvil
 $lxd-filter-bar-actions-gap: 0.75rem; // Aire entre las acciones de la barra — el de los botones de un formulario: la fila de acciones del sistema es una sola
 $lxd-filter-bar-label-offset: calc(0.875rem * 1.5 + 0.5rem); // El renglón que ocupa un rótulo sobre su control: cuerpo × interlineado del `Label` más el aire que los separa en un campo (29px en la aplicación; en la superficie pública el rótulo es mayor y el renglón sube con él). Es lo que la barra reserva sobre lo que NO lleva rótulo —un interruptor, el botón de limpiar— para que no se suba a la línea de las etiquetas
-$lxd-filter-bar-control-block-size: 2.5rem; // La caja de un campo de una línea (40px, la talla md del sistema; 48px en la superficie pública, que parte de lg). Es la referencia contra la que se centra lo que no lleva rótulo: el interruptor queda a la altura óptica del recuadro que tiene al lado, no del renglón entero —que con un control alto al lado sería otra altura cada vez—
+$lxd-filter-bar-control-height: 2.5rem; // La caja de un campo de una línea (40px, la talla md del sistema; 48px en la superficie pública, que parte de lg). Es la referencia contra la que se centra lo que no lleva rótulo: el interruptor queda a la altura óptica del recuadro que tiene al lado, no del renglón entero —que con un control alto al lado sería otra altura cada vez—
+
+// Alias obsoletos: nombres anteriores a la convención D9.
+$lxd-filter-bar-control-block-size: $lxd-filter-bar-control-height; // OBSOLETO (v51, se retira en la v52): usar $lxd-filter-bar-control-height