@khipu/design-system 0.3.5-alpha.19 → 0.3.5-alpha.20

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-03T19:38:31.358Z
+ * Generated: 2026-09-04T16:12:10.133Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -6321,48 +6321,39 @@ button.kds-fab:active:not(:disabled) {
    alto que el mark de Khipu. Sirve para <img> o un elemento con .kds-psp-mark. */
 .kds-secure-footer img,
 .kds-secure-footer .kds-psp-mark {
-    height: 11px;
     width: auto;
     flex: 0 0 auto;
     display: block;
     object-fit: contain;
 }
 
-/* El alto del logo del PSP es ajustable, con el mismo valor que el mark de Khipu por
-   defecto: un asset bien preparado no necesita nada mas.
+/* Logo del PSP: dos perillas, las dos calibradas contra el asset real que sube un PSP
+   hoy (klap.png, 60x30, con 2px de aire transparente arriba y abajo).
 
-   Por que existe la perilla: el ojo lee la altura de x, no la caja. Dos wordmarks a
-   igual alto de caja se ven de tamanos distintos si su anatomia difiere, porque unos
-   ascendentes largos y un descendente grande dejan menos espacio para el cuerpo de
-   las minusculas. Medido: un klap.png exportado sin recorte daba una altura de x del
-   85% de la de Khipu y se veia mas chico; el mismo logo exportado a 33x15 -la misma
-   altura de caja que Khipu- con el aire recortado calza a 11px sin tocar nada.
+   Se nivela por LINEA DE BASE, no por caja ni por borde inferior de la tinta: los dos
+   wordmarks tienen descendente -la "p" de Khipu baja un 20% de su caja- asi que igualar
+   los bordes de abajo deja al logo del PSP flotando sobre la linea de Khipu.
 
-   Asi que la calibracion correcta vive en el asset. Esta propiedad es la salida para
-   un PSP que entregue un logo con aire interno y no pueda re-exportarlo, y
-   --kds-psp-mark-shift corrige la linea de base si al cambiar el alto se desalinea. */
+   - --kds-psp-mark-height: el alto de la caja. El ojo lee la tinta, no la caja, y el
+     aire del PNG se come parte del alto: a 11px la tinta de klap medía 9.5px contra los
+     11px de Khipu y se veia mas chico. A 15px la tinta llega a 13px y se leen iguales.
+   - --kds-psp-mark-top: cuanto baja para que su linea de base calce con la de Khipu.
+     Va como valor y no como formula a proposito: depende del aire y de la anatomia del
+     asset de cada PSP, y se termina de ajustar mirando la pantalla. */
 .kds-secure-footer {
-    --kds-psp-mark-height: 11.5px;
-    --kds-psp-mark-shift: 0px;
+    --kds-psp-mark-height: 15px;
+    --kds-psp-mark-top: 1px;
 }
 
+.kds-secure-footer img,
 .kds-secure-footer .kds-psp-mark {
     height: var(--kds-psp-mark-height);
-    /* Dos correcciones, ambas para que el logo del PSP quede al ras abajo con el de Khipu:
-
-       1. Los 0.75px son la misma correccion optica que lleva .khipu-mark, y por el mismo
-          motivo: el logo del PSP tambien tiene descendente, asi que su masa visible queda
-          sobre el centro geometrico de su caja. Sin esto queda 0.75px mas alto que Khipu,
-          que si la trae.
-       2. El footer centra por caja, asi que un alto distinto al de Khipu corre el borde
-          inferior la mitad de la diferencia. Restarla mantiene los bordes al ras para
-          cualquier valor de --kds-psp-mark-height.
-
-       --kds-psp-mark-shift queda para el aire interno que traiga el asset. */
     position: relative;
-    top: calc(0.75px + (11px - var(--kds-psp-mark-height)) / 2 + var(--kds-psp-mark-shift));
+    top: var(--kds-psp-mark-top);
 }
 
+
+
 .kds-secure-footer-code {
     color: var(--kds-color-text-hint);
 }