@khipu/design-system 0.3.5-alpha.23 → 0.3.5-alpha.25

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-09-10T14:19:43.832Z
+ * Generated: 2026-09-29T20:55:12.988Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -6982,6 +6982,15 @@ button.kds-fab:active:not(:disabled) {
 }
 
 /* Auto-managed tab panels: hidden attribute must win over any display rule */
+/* `hidden` es semantica de plataforma: si el atributo esta, el elemento no se
+   renderiza. El UA lo aplica con display:none, pero cualquier regla de autor con
+   display lo pisa — .kds-btn y .kds-btn-stack son flex, asi que un boton con
+   hidden seguia ocupando lugar. El !important es deliberado: ninguna regla de
+   componente deberia poder anular el atributo. */
+[hidden] {
+    display: none !important;
+}
+
 [data-kds-tab-panel][hidden] {
     display: none;
 }
@@ -8072,13 +8081,20 @@ svg[fill='none'] {
 
 /* 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. */
+   ellas se distingan; sin esto, card blanca sobre fondo blanco se funden.
+
+   --kds-color-background-body es el fondo de la pantalla, y es lo que un comercio
+   cambia con su backgroundColor. Se resuelve aca, con muted como fallback, y no
+   como alias en :root: un alias se evalua en :root y queda con el valor de :root,
+   asi que la variable que el widget setea en body nunca llegaria a la etapa. Los
+   otros usos de muted (tabs, bloque de codigo, hover del FAB) no se tocan: son
+   superficies de componentes, no el fondo de la pantalla. */
 .kds-payment-stage {
     min-height: 100vh;
     display: flex;
     justify-content: center;
     padding: var(--kds-spacing-2-5) var(--kds-spacing-2) var(--kds-spacing-8);
-    background: var(--kds-color-background-muted);
+    background: var(--kds-color-background-body, var(--kds-color-background-muted));
 }
 
 /* Payment flow — narrow column */