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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,7 +15,7 @@
15
15
  *
16
16
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
17
17
  * Source: design-system/src/tokens/tokens.json
18
- * Generated: 2026-09-10T15:52:45.564Z
18
+ * Generated: 2026-09-29T20:55:12.988Z
19
19
  *
20
20
  * To regenerate:
21
21
  * cd design-system && npm run tokens:generate
@@ -8081,13 +8081,20 @@
8081
8081
 
8082
8082
  /* Payment stage — full-viewport centered wrapper.
8083
8083
  Fondo muted (gris) para que las cards blancas (header + body) y el gap entre
8084
- ellas se distingan; sin esto, card blanca sobre fondo blanco se funden. */
8084
+ ellas se distingan; sin esto, card blanca sobre fondo blanco se funden.
8085
+
8086
+ --kds-color-background-body es el fondo de la pantalla, y es lo que un comercio
8087
+ cambia con su backgroundColor. Se resuelve aca, con muted como fallback, y no
8088
+ como alias en :root: un alias se evalua en :root y queda con el valor de :root,
8089
+ asi que la variable que el widget setea en body nunca llegaria a la etapa. Los
8090
+ otros usos de muted (tabs, bloque de codigo, hover del FAB) no se tocan: son
8091
+ superficies de componentes, no el fondo de la pantalla. */
8085
8092
  .kds-theme-root .kds-payment-stage {
8086
8093
  min-height: 100vh;
8087
8094
  display: flex;
8088
8095
  justify-content: center;
8089
8096
  padding: var(--kds-spacing-2-5) var(--kds-spacing-2) var(--kds-spacing-8);
8090
- background: var(--kds-color-background-muted);
8097
+ background: var(--kds-color-background-body, var(--kds-color-background-muted));
8091
8098
  }
8092
8099
 
8093
8100
  /* Payment flow — narrow column */