@khipu/design-system 0.2.0-alpha.4 → 0.2.0-alpha.6

package/dist/beercss/khipu-beercss.css

@@ -11,7 +11,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-05-14T19:34:35.577Z
+ * Generated: 2026-05-14T21:45:40.100Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -756,7 +756,7 @@ footer {
    ======================================== */
 :root {
     /* Scroll-linked collapse range (mobile sticky invoice) */
-    --kds-scroll-collapse-end: 150px;
+    --kds-scroll-collapse-end: 60px;
 
     /* Merchant tile: normal and collapsed sizes (from source prototype) */
     --kds-merchant-size: 64px;
@@ -778,6 +778,10 @@ footer {
  * Source: design.khipu.com and Material Design 3 specifications
  */
 
+ * {
+    border-radius: 0;
+ }
+
 
 :has(>main) {
     background-color: transparent !important;
@@ -6089,6 +6093,14 @@ button.kds-btn-success::after {
     padding-top: 0;
     padding-bottom: 0;
 }
+
+/* Reset BeerCSS sibling margin on form/section inside payment cards.
+   BeerCSS sets `:not(.grid,nav,.row) > … + form/section { margin-block-start:1rem }`
+   which adds unwanted spacing inside cards that contain forms. */
+.kds-payment-flow .kds-card-elevated > form,
+.kds-payment-flow .kds-card-elevated > section {
+    margin-block-start: 0;
+}
 .kds-payment-flow .kds-card-elevated.kds-invoice-sticky {
     padding-top: var(--kds-spacing-1);
     padding-bottom: 0;

package/dist/beercss/khipu-beercss.js

@@ -1298,7 +1298,7 @@ const ui = _context.ui;
     /**
      * Initialize sticky invoice card progressive collapse on scroll
      * MOBILE ONLY - Desktop mantiene cajitas normales
-     * Uses scroll-linked animation (0-150px) for smooth collapse/expand
+     * Uses scroll-linked animation (0-60px) for smooth collapse/expand
      * Updates CSS custom property --collapse-progress (0 to 1) for GPU-accelerated animations
      * Works with multiple screens - targets sticky element in currently active screen
      * Safari-compatible: uses native CSS custom properties, calc(), and requestAnimationFrame
@@ -1307,9 +1307,9 @@ const ui = _context.ui;
     function initStickyInvoice(root) {
         root = root || document;
 
-        // Progressive collapse range: 0px (expanded) to 150px (collapsed)
+        // Progressive collapse range: 0px (expanded) to 60px (collapsed)
         var COLLAPSE_START = 0;
-        var COLLAPSE_END = 150;
+        var COLLAPSE_END = 60;
 
         var lastScrollY = 0;
         var ticking = false;