@khipu/design-system 0.2.0-alpha.77 → 0.2.0-alpha.79

package/dist/beercss/khipu-beercss.scoped.css

@@ -13,7 +13,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-06-26T01:07:23.777Z
+ * Generated: 2026-06-26T14:17:39.448Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -5683,6 +5683,15 @@
 
 .kds-theme-root .kds-expand-toggle i {
     font-size: var(--kds-font-size-base);
+    /* BeerCSS estiliza el `i` bare como caja flex de 30px (height/width/min: 30px), que
+       inflaba el toggle y dejaba aire vertical de más alrededor del label. La achicamos a
+       1.25em MANTENIENDO el centrado flex de BeerCSS (display:flex/align/justify) — así el
+       caret queda compacto Y ópticamente centrado con el texto (no usar height:auto ni
+       line-height:1: descentran el glifo). */
+    width: 1.25em;
+    height: 1.25em;
+    min-width: 0;
+    min-height: 0;
     transition: transform var(--kds-transition-shorter, 0.2s);
 }
 
@@ -7033,6 +7042,15 @@
     border-radius: var(--kds-radius-card);
 }
 
+/* Variante sin radio superior: pantallas de resultado (éxito/fallo/timeout) que van
+   SIN header arriba — la body card va sola y su tope queda plano (flush) en vez de
+   con esquinas redondeadas sueltas. El padding del card sigue manejando el inset. */
+.kds-theme-root .kds-screen > .kds-card-elevated.kds-card-elevated--flush-top,
+.kds-theme-root .kds-card-elevated.kds-card-elevated--flush-top {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
 /* Payment stage — full-viewport centered wrapper.
    Fondo muted (gris) para que las cards blancas (header + body) y el gap entre
    ellas se distingan; sin esto, card blanca sobre fondo blanco se funden. */
@@ -7081,15 +7099,14 @@
     }
 
     /* Invoice sticky card padding (mobile).
-       Top: estático 12px. Bottom: progresivo 20px (expandido) → 8px (colapsado).
-       El padding-bottom animado da breathing room natural cuando expandido y se
-       reduce convencionalmente al colapsar — sin depender de que el clip-path
+       Top: estático 12px. Bottom: progresivo 16px (expandido, = desktop) → 8px (colapsado).
+       El padding-bottom animado se reduce al colapsar — sin depender de que el clip-path
        corte el padding abruptamente. */
     .kds-theme-root .kds-payment-flow .kds-card-elevated.kds-invoice-sticky {
         padding-top: var(--kds-spacing-1-5);
         padding-bottom: calc(
-            var(--kds-spacing-2-5)
-            - var(--kds-spacing-1-5) * var(--collapse-progress, 0)
+            var(--kds-spacing-2)
+            - var(--kds-spacing-1) * var(--collapse-progress, 0)
         );
     }