@khipu/design-system 0.3.5-alpha.16 → 0.3.5-alpha.18

package/dist/beercss/khipu-beercss.css

@@ -13,7 +13,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-08-27T20:57:38.874Z
+ * Generated: 2026-09-01T16:57:01.357Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -6661,11 +6661,27 @@ button.kds-fab:active:not(:disabled) {
    al contenido en lugar de encabezar la pantalla. Va después de `.inline`
    porque marca igual en especificidad y necesita ganarle el padding. */
 .kds-status-block.kds-banded {
+    /* 0.75rem = 12px, el valor que --kds-font-size-xs toma desde tablet. Va plano y no
+       sigue la escala responsiva a proposito: a 11px el mensaje de espera se parte en dos
+       lineas y el diseno lo quiere en una. Como custom property de la variante, siguiendo
+       el patron de kds-spinner-sm con --kds-status-icon-size. */
+    --kds-status-band-font-size: 0.75rem;
     background: var(--kds-color-background-muted);
     border-radius: var(--kds-radius-md);
     padding: var(--kds-spacing-1-5) var(--kds-spacing-2);
 }
 
+/* La banda de espera lleva su propia tipografia, por spec de Figma: 11px en bold.
+   Va scopeada a la variante y no a .kds-status-block-description, que la comparten
+   los bloques de resultado, donde 11px seria ilegible. El color se deja en el token
+   heredado: un #000 fijo se volveria invisible bajo modo oscuro, donde text-primary
+   pasa a blanco. */
+.kds-status-block.kds-banded .kds-status-block-description {
+    font-size: var(--kds-status-band-font-size);
+    font-weight: var(--kds-font-weight-bold);
+    line-height: normal;
+}
+
 @keyframes kds-spin {
     to { transform: rotate(360deg); }
 }