@khipu/design-system 0.2.0-alpha.71 → 0.2.0-alpha.73

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-25T17:30:27.483Z
+ * Generated: 2026-06-25T18:49:32.548Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -5126,9 +5126,26 @@
     display: block;
 }
 
+/* Variante para logos que traen su propio marco/forma (logos de comercio/servicio,
+   no fotos): `contain` + padding para que el logo entre completo sin recortar sus
+   esquinas. Opt-in: pasar className="kds-merchant-tile--contain". */
+.kds-theme-root .kds-merchant-tile.logo.kds-merchant-tile--contain {
+    padding: var(--kds-spacing-1);
+}
+.kds-theme-root .kds-merchant-tile.logo.kds-merchant-tile--contain img {
+    object-fit: contain;
+}
+
 .kds-theme-root .kds-merchant-meta {
     display: flex;
     flex-direction: column;
+    gap: var(--kds-spacing-0-5);
+}
+
+/* El meta controla su propio espaciado: anula el margin sibling de BeerCSS
+   (`… + :is(p,h*,…) { margin-block-start: 1rem }`) que separaba de más las líneas. */
+.kds-theme-root .kds-merchant-meta > * {
+    margin-block: 0 !important;
 }
 
 .kds-theme-root .kds-merchant-label {
@@ -6965,6 +6982,13 @@
     padding-bottom: 0;
 }
 
+/* Body card: alto mínimo estable para que NO salte entre estados de distinta altura
+   (loader/progress ↔ formulario). Solo la body card = hijo directo de `.kds-screen`
+   (los headers van dentro de `.kds-invoice-sticky-wrap`, no la afecta). */
+.kds-theme-root .kds-screen > .kds-card-elevated {
+    min-height: 26rem;
+}
+
 /* 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. */