@khipu/design-system 0.2.0-alpha.81 → 0.2.0-alpha.82

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-30T16:44:56.587Z
+ * Generated: 2026-06-30T19:28:48.705Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -2472,12 +2472,12 @@
   padding-block-start: 1.5rem;
 }
 
-/* Field con .suffix (endIcon): el label en reposo no debe deslizarse bajo el ícono de la
-   derecha. BeerCSS reserva el lado izquierdo para .prefix (--_start:3rem) pero NO el derecho
-   para .suffix, así que un label largo se superponía con el ícono. Reservamos el ancho del
-   ícono en el inset-inline-end (mismo valor que el padding que .prefix da al input). */
-.kds-theme-root .field.label.suffix > label {
-  inset-inline-end: 2.9375rem;
+/* Label en reposo (estado "abajo", como placeholder): font-size menor al 1rem de BeerCSS
+   para que un label largo no estorbe con un ícono (prefix/suffix) del input. Token sm
+   (13–14px, siempre < 1rem del input incluso en desktop). Al flotar, BeerCSS lo reduce a
+   .75rem con mayor especificidad, así que esto solo afecta el reposo. */
+.kds-theme-root .field.label > label {
+  font-size: var(--kds-font-size-sm);
 }
 
 /* ==========================================
@@ -7063,10 +7063,15 @@
 /* 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;
+/* Tope plano SOLO en mobile (< 768px): la body card se pega al borde superior del widget
+   (igual que el header sticky, que también aplana el tope solo en mobile). En desktop la card
+   va centrada y separada, así que conserva el border-radius superior redondeado. */
+@media (max-width: 767px) {
+    .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.