@studiolxd/brand 49.27.0 → 50.0.0

package/src/tokens/scss/components/_breadcrumb.scss

@@ -11,8 +11,6 @@ $lxd-breadcrumb-padding-inline: 0; // Sin padding lateral
 $lxd-breadcrumb-separator-color: #111e30; // Color del separador
 $lxd-breadcrumb-link-color: #111e30; // Color del link navegable
 $lxd-breadcrumb-link-color-hover: #111e30; // Color del link en hover
-$lxd-breadcrumb-link-text-decoration: none; // OBSOLETO — no viste nada. El subrayado de las migas es la línea del sistema, la misma de cualquier enlace, y no `text-decoration`. Se conserva en `none` para no romper a quien lo tenga referenciado; a retirar en el próximo major
-$lxd-breadcrumb-link-text-decoration-hover: none; // OBSOLETO — no viste nada. Valía `underline` y era la vía por la que el subrayado de `text-decoration` seguía entrando en el DS. A retirar en el próximo major
 $lxd-breadcrumb-current-color: #111e30; // Color del item activo (página actual)
 $lxd-breadcrumb-current-font-weight: 500; // Peso del item activo
 $lxd-breadcrumb-focus-ring-color: #111e30; // Color del focus ring

package/src/tokens/scss/components/_button.scss

@@ -4,7 +4,6 @@
 $lxd-button-border-radius: 0px; // Rectangular: el radio del sistema (0), como los campos
 $lxd-button-border-width: 1px; // Border width
 $lxd-button-border-style: solid; // Border style
-$lxd-button-border-color: rgba(0, 0, 0, 0); // Default border color — overridden by variants
 $lxd-button-justify-content: center; // Justify content
 $lxd-button-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family
 $lxd-button-font-size: 1rem; // Font size
@@ -16,7 +15,6 @@ $lxd-button-text-decoration: none; // Text decoration
 $lxd-button-transition-duration: 150ms; // Transition duration
 $lxd-button-transition-easing: ease; // Transition easing
 $lxd-button-disabled-cursor: not-allowed; // Cursor when disabled
-$lxd-button-disabled-bg: #f2f2f2; // Background when disabled — only form button changes bg
 $lxd-button-disabled-color: #4a4a4a; // Text color when disabled — light surface
 $lxd-button-disabled-border: #4a4a4a; // Border color when disabled — light surface, matches text for contrast
 $lxd-button-height: 2.5rem; // Altura fija del botón (talla md): el contenido se centra, no se hace por padding
@@ -64,28 +62,7 @@ $lxd-button-primary-hover-border: #ffcd00; // Hover border color
 $lxd-button-primary-active-bg: #ffcd00; // Active background
 $lxd-button-primary-active-color: #111e30; // Active text color
 $lxd-button-primary-active-border: #ffcd00; // Active border color
-$lxd-button-destructive-border-radius: 0px; // Border radius
-$lxd-button-destructive-border-width: 1px; // Border width
-$lxd-button-destructive-border-style: solid; // Border style
-$lxd-button-destructive-justify-content: center; // Justify content
-$lxd-button-destructive-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family
-$lxd-button-destructive-font-size: 1rem; // Font size
-$lxd-button-destructive-font-weight: 300; // Font weight
-$lxd-button-destructive-line-height: 1; // Line height
-$lxd-button-destructive-cursor: pointer; // Cursor
-$lxd-button-destructive-white-space: nowrap; // White space
-$lxd-button-destructive-text-decoration: none; // Text decoration
-$lxd-button-destructive-transition-duration: 150ms; // Transition duration
-$lxd-button-destructive-transition-easing: ease; // Transition easing
-$lxd-button-destructive-disabled-cursor: not-allowed; // Cursor when disabled
-$lxd-button-destructive-disabled-color: #4a4a4a; // Text color when disabled
-$lxd-button-destructive-disabled-border: #4a4a4a; // Border color when disabled
-$lxd-button-destructive-padding-inline: 2rem; // Inline (horizontal) padding
-$lxd-button-destructive-focus-ring-width: 2px; // Focus ring width
-$lxd-button-destructive-focus-ring-style: solid; // Focus ring border style
-$lxd-button-destructive-focus-ring-offset: 0.25rem; // Focus ring offset
 $lxd-button-destructive-focus-ring-color: #b30000; // Focus ring color
-$lxd-button-destructive-bg: #ffffff; // Background
 $lxd-button-destructive-color: #b30000; // Text color
 $lxd-button-destructive-border: #b30000; // Border color
 $lxd-button-destructive-hover-bg: #b30000; // Hover background

package/src/tokens/scss/components/_control.scss

@@ -9,10 +9,6 @@ $lxd-control-font-family: "Google Sans Flex", system-ui, sans-serif; // Familia
 $lxd-control-font-size: 1rem; // Tamaño de fuente
 $lxd-control-font-weight: 300; // Peso tipográfico
 $lxd-control-line-height: 1; // Interlineado
-$lxd-control-cursor: text; // Cursor por defecto
-$lxd-control-disabled-cursor: not-allowed; // Cursor cuando está deshabilitado
-$lxd-control-transition-duration: 150ms; // Duración de la transición
-$lxd-control-transition-easing: ease; // Curva de animación
 $lxd-control-focus-ring-width: 2px; // Grosor del anillo de foco
 $lxd-control-focus-ring-inset-offset: 1px; // Separación entre borde y anillo de foco
 $lxd-control-padding-inline: 1rem; // Padding inline — compartido por controles y elementos de formulario

package/src/tokens/scss/components/_file-upload.scss

@@ -2,9 +2,7 @@
 // Do not edit directly, this file was auto-generated.
 
 $lxd-file-upload-border-color: #111e30; // Borde del dropzone por defecto
-$lxd-file-upload-border-style: dashed; // Estilo de borde del dropzone
 $lxd-file-upload-border-width: 1px; // Grosor del borde
-$lxd-file-upload-border-radius: 0px; // Radio de esquinas del dropzone
 $lxd-file-upload-bg: #f2f2f2; // Fondo del dropzone
 $lxd-file-upload-padding-inline: 1.5rem; // Padding horizontal del dropzone
 $lxd-file-upload-gap: 0.25rem; // Espacio entre elementos dentro del dropzone
@@ -14,10 +12,8 @@ $lxd-file-upload-icon-color: #111e30; // Color del icono upload
 $lxd-file-upload-transition-duration: 150ms; // Duración de transiciones de estado
 $lxd-file-upload-transition-easing: ease; // Easing de transiciones
 $lxd-file-upload-drag-border-color: #111e30; // Borde cuando hay drag activo
-$lxd-file-upload-drag-border-style: solid; // Estilo de borde en drag activo
 $lxd-file-upload-drag-bg: #ffffff; // Fondo en drag activo
 $lxd-file-upload-error-border-color: #b30000; // Borde en estado de error
-$lxd-file-upload-error-border-style: solid; // Estilo de borde en error
 $lxd-file-upload-error-bg: #f2f2f2; // Fondo en estado de error
 $lxd-file-upload-disabled-opacity: 0.5; // Opacidad cuando está deshabilitado
 $lxd-file-upload-disabled-cursor: not-allowed; // Cursor cuando está deshabilitado: el de los campos

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

@@ -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/_spinner.scss

@@ -3,8 +3,8 @@
 
 $lxd-spinner-size-sm: 1rem; // 16px — compact spinner
 $lxd-spinner-size-md: 1.5rem; // 24px — default spinner
-$lxd-spinner-size-lg: 2rem; // 32px — large 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: 3px; // Grosor del trazo (stroke) para lg
-$lxd-spinner-animation-duration: 1000ms; // Tiempo en dibujar el contorno completo (un ciclo del bucle)
+$lxd-spinner-border-width-lg: 2px; // Grosor del trazo (stroke) para lg
+$lxd-spinner-animation-duration: 2000ms; // Un ciclo del bucle: dibujar el contorno (mitad) y desdibujarlo (mitad)

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-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/_chart.scss

@@ -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/_consent.scss

@@ -9,6 +9,7 @@ $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-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

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-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/_dropdown-field.scss

@@ -29,11 +29,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/_floating-toolbar.scss

@@ -0,0 +1,15 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$lxd-floating-toolbar-gap: 0.25rem; // Separación entre los botones de un grupo y entre los dos grupos de la barra superior
+$lxd-floating-toolbar-offset: 0.5rem; // Distancia entre la barra y el borde del elemento: por encima de él en la barra superior, a su lado en los raíles
+$lxd-floating-toolbar-padding-block: 0.25rem; // Aire vertical del panel de la barra (o de cada raíl)
+$lxd-floating-toolbar-padding-inline: 0.25rem; // Aire horizontal del panel de la barra (o de cada raíl)
+$lxd-floating-toolbar-button-size: 2rem; // Caja de cada botón de icono: la talla `sm` del botón. Es también lo que mide el raíl de ancho, y por eso el hueco que el elemento reserva a cada lado
+$lxd-floating-toolbar-bg: #ffffff; // Fondo del panel: el de cualquier panel flotante, para que la barra se lea encima del contenido vecino
+$lxd-floating-toolbar-border-width: 1px; // Grosor del borde del panel
+$lxd-floating-toolbar-border-color: #111e30; // Color del borde del panel
+$lxd-floating-toolbar-border-radius: 0px; // Radio del panel
+$lxd-floating-toolbar-shadow: none; // Sombra del panel
+$lxd-floating-toolbar-transition-duration: 150ms; // Duración de la aparición y la desaparición. Con `prefers-reduced-motion: reduce` vale 0ms
+$lxd-floating-toolbar-transition-easing: ease; // Curva de la aparición y la desaparición

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

@@ -16,7 +16,6 @@ $lxd-input-field-search-clear-focus-ring-offset: 2px; // Separación del anillo
 $lxd-input-field-search-clear-focus-ring-color: #111e30; // Color del anillo de foco del aspa: la tinta de la superficie
 $lxd-input-field-search-input-padding-inline-start: 2.5rem; // Padding izquierdo del campo — el texto empieza donde acaba la lupa
 $lxd-input-field-search-input-padding-inline-end: 2.5rem; // Padding derecho del campo cuando ofrece borrado — el texto termina donde empieza el aspa
-$lxd-input-field-error-font-family: "Google Sans Flex", system-ui, sans-serif; // Font family del mensaje de error
 $lxd-input-field-error-font-size: 0.875rem; // Font size del mensaje de error
 $lxd-input-field-error-font-weight: 300; // Font weight del mensaje de error
 $lxd-input-field-error-line-height: 1.5; // Line height del mensaje de error

package/src/tokens/scss/molecules/_input-phone-field.scss

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

package/src/tokens/scss/molecules/_modal.scss

@@ -20,6 +20,7 @@ $lxd-modal-title-font-weight: 500; // Peso del título
 $lxd-modal-title-line-height: 1.1; // Interlineado del título — el de un título grande. Con el cuerpo del título da la altura de su primera línea, que es sobre la que se centra el aspa de cerrar
 $lxd-modal-title-color: #111e30; // Color del título
 $lxd-modal-width-max: 560px; // Anchura máxima del panel. Medida de layout (como container.max-width-*), no de la escala de espaciado ni de tallas de componente
+$lxd-modal-inline-size: 90vw; // Ancho del panel antes del tope de `width-max`: deja aire a los lados en pantallas estrechas. Medida de layout, igual que width-max
 $lxd-modal-max-height: 90dvh; // Altura máxima del panel modal (dvh para móviles con barra de navegador variable). Medida de layout, igual que width-max
 $lxd-modal-transition-duration: 250ms; // Duración de la animación entrada/salida
 $lxd-modal-transition-easing: ease-in-out; // Easing de la animación

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

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

package/src/tokens/scss/molecules/_number-input-field.scss

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

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

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

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

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

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

@@ -4,6 +4,7 @@
 $lxd-recurrence-field-gap: 1rem; // Separación entre los campos del editor de recurrencia
 $lxd-recurrence-field-row-gap: 0.75rem; // Separación entre los campos que comparten fila
 $lxd-recurrence-field-interval-width: 8rem; // Ancho del campo de intervalo — cabe un número de dos cifras y sus flechas, no la fila entera
+$lxd-recurrence-field-end-flex-basis: 12rem; // Base flexible del bloque de fin de la repetición: por debajo de ella pasa a otra línea
 $lxd-recurrence-field-weekdays-gap: 0.25rem; // Separación entre los días de la semana
 $lxd-recurrence-field-legend-font-size: 0.875rem; // Tamaño de la etiqueta del grupo de días — el de una etiqueta de campo
 $lxd-recurrence-field-legend-color: #111e30; // Color de la etiqueta del grupo de días

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

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

package/src/tokens/scss/molecules/_sidebar-nav.scss

@@ -16,13 +16,11 @@ $lxd-sidebar-nav-item-font-size: 1rem; // Tamaño de texto de ítems
 $lxd-sidebar-nav-item-font-weight: 300; // Peso de ítems
 $lxd-sidebar-nav-item-line-height: 1.3; // Interlineado de ítems
 $lxd-sidebar-nav-item-color: #111e30; // Color de ítems
-$lxd-sidebar-nav-item-active-color: #111e30; // Color de ítem activo
 $lxd-sidebar-nav-item-active-font-weight: 500; // Peso de ítem activo
 $lxd-sidebar-nav-focus-ring-color: #111e30; // Color del focus ring
 $lxd-sidebar-nav-focus-ring-width: 2px; // Grosor del anillo de foco
 $lxd-sidebar-nav-item-gap: 0.25rem; // Gap entre ítems dentro de un grupo
 $lxd-sidebar-nav-rail-item-size: 2.5rem; // En rail cada entrada es un cuadrado a talla md, como un botón de icono
-$lxd-sidebar-nav-rail-active-bar-width: 2px; // Barra al borde que marca la sección activa en rail
 $lxd-sidebar-nav-item-icon-size: 2rem; // Icono de ítem: talla sm del sistema
 $lxd-sidebar-nav-item-icon-gap: 0.5rem; // Gap entre icono y texto del ítem
 $lxd-sidebar-nav-transition-duration: 150ms; // Duración de transición de ítems
@@ -33,5 +31,3 @@ $lxd-sidebar-nav-item-empty-color: #4a4a4a; // Tinta de una entrada vacía: sigu
 $lxd-sidebar-nav-item-empty-cursor: not-allowed; // Cursor de una entrada vacía
 $lxd-sidebar-nav-item-empty-mark-font-size: 0.875rem; // Tamaño de la marca «sin docs»
 $lxd-sidebar-nav-item-empty-mark-color: #4a4a4a; // Tinta de la marca «sin docs»
-$lxd-sidebar-nav-item-hover-line-width: 1px; // Grosor de la línea que marca el ítem bajo el puntero. El hover no pinta relleno (regla de Colores): deja una línea de tinta bajo el ítem, el mismo grafismo del subrayado de `Link`
-$lxd-sidebar-nav-item-hover-line-color: #111e30; // Color de la línea de hover — tinta de la superficie

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

@@ -3,12 +3,10 @@
 
 $lxd-site-search-inline-size: 100%; // Anchura del buscador: la de su contenedor. Es la página de resultados entera, así que ocupa todo el hueco donde se monte — declarada y no heredada del flujo, para que tampoco se encoja dentro de una fila flex o una celda de retícula
 $lxd-site-search-gap: 1.5rem; // Aire entre los bloques del buscador: el formulario, el aviso de estado, los resultados y el pie
-$lxd-site-search-block-gap: 0.75rem; // Aire entre las líneas de un bloque de estado (reposo, escribiendo, carga)
 $lxd-site-search-status-font-size: 0.875rem; // Cuerpo del aviso de estado: cuántos resultados hay, que se está buscando o que no hay nada
 $lxd-site-search-status-line-height: 1.5; // Interlineado del aviso de estado
 $lxd-site-search-status-color: #4a4a4a; // Color del aviso de estado — atenuado: acompaña a los resultados, no compite con ellos
 $lxd-site-search-status-gap: 0.5rem; // Aire entre el indicador de carga y su texto
-$lxd-site-search-status-query-font-weight: 500; // Peso de la consulta dentro del aviso: lo único que cambia de una búsqueda a otra
 $lxd-site-search-results-gap: 2rem; // Aire entre dos resultados (32px). Sin filete que los separe, es el aire el que dice dónde acaba uno y empieza el siguiente: tiene que ser claramente mayor que el que hay entre las líneas de un mismo resultado
 $lxd-site-search-result-gap: 0.5rem; // Aire entre las cuatro líneas de un resultado: sección, título, extracto y dirección
 $lxd-site-search-result-title-font-size: 1.25rem; // Cuerpo del título del resultado: un peldaño por encima del cuerpo de la superficie, para que siga mandando ahora que el extracto y la dirección leen al cuerpo entero

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

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

package/src/tokens/scss/molecules/_table.scss

@@ -12,6 +12,7 @@ $lxd-table-header-padding-block: 0.75rem; // Padding block del encabezado
 $lxd-table-header-padding-inline: 0.75rem; // Padding inline del encabezado
 $lxd-table-header-font-weight: 500; // Peso tipográfico del encabezado
 $lxd-table-header-border-width: 1px; // Borde inferior del thead — 1px, como todo borde del sistema; la cabecera se lee por peso, no por grosor
+$lxd-table-actions-inline-size: 1px; // Ancho de la cabecera de la columna de acciones. No fija un ancho: con `table-layout: auto` el sobrante se reparte entre las demás columnas y esta se encoge a su contenido
 $lxd-table-header-content-gap: 0.5rem; // Separación entre el rótulo de la columna y el icono de ordenación
 $lxd-table-header-border-color: #111e30; // Color del borde inferior del thead
 $lxd-table-sort-icon-color: #4a4a4a; // Icono de ordenación en reposo, tinta plana; el hover lo lleva al color activo

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

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

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

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

package/src/tokens/surface-dark-derived.css

@@ -72,7 +72,6 @@ html.dark {
   --popover-border-color: var(--floating-panel-border-color);
   --user-menu-content-bg: var(--floating-panel-bg);
   --user-menu-content-border-color: var(--floating-panel-border-color);
-  --autocomplete-field-error-color: var(--async-select-field-error-color);
   --autocomplete-field-helper-color: var(--async-select-field-helper-color);
   --calendar-year-color: var(--calendar-day-color);
   --calendar-year-current-color: var(--calendar-today-color);
@@ -88,6 +87,8 @@ html.dark {
   --color-picker-trigger-disabled-bg: var(--input-disabled-bg);
   --color-picker-trigger-disabled-border-color: var(--input-disabled-border-color);
   --command-palette-input-border-color: var(--floating-panel-border-color);
+  --floating-toolbar-bg: var(--floating-panel-bg);
+  --floating-toolbar-border-color: var(--floating-panel-border-color);
   --prose-color: var(--text-color);
   --prose-quote-border-color: var(--separator-color);
   --prose-code-bg: var(--code-bg);