@khipu/design-system 0.2.0-alpha.73 → 0.2.0-alpha.75

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.
@@ -11,7 +11,7 @@
11
11
  *
12
12
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
13
13
  * Source: design-system/src/tokens/tokens.json
14
- * Generated: 2026-06-25T18:49:32.548Z
14
+ * Generated: 2026-06-25T19:17:02.906Z
15
15
  *
16
16
  * To regenerate:
17
17
  * cd design-system && npm run tokens:generate
@@ -6416,7 +6416,9 @@ div.kds-invoice-header,
6416
6416
  line-height: 1.5;
6417
6417
  letter-spacing: -0.31px;
6418
6418
  color: var(--kds-color-text-primary);
6419
- margin-bottom: var(--kds-spacing-2) !important;
6419
+ /* sin !important: no hay regla de margin-bottom para h1 en BeerCSS que competir, y así un
6420
+ consumidor puede anularlo (p.ej. FormTitle dentro de un Stack que ya da el espacio). */
6421
+ margin-bottom: var(--kds-spacing-2);
6420
6422
  }
6421
6423
 
6422
6424
  /* Opt-in size modifiers (additive — do NOT change default 16/600) */
@@ -6983,9 +6985,13 @@ button.kds-btn-success::after {
6983
6985
 
6984
6986
  /* Body card: alto mínimo estable para que NO salte entre estados de distinta altura
6985
6987
  (loader/progress ↔ formulario). Solo la body card = hijo directo de `.kds-screen`
6986
- (los headers van dentro de `.kds-invoice-sticky-wrap`, no la afecta). */
6988
+ (los headers van dentro de `.kds-invoice-sticky-wrap`, no la afecta).
6989
+ Flex-column para que el contenido quede arriba y el footer interno (versión / secure
6990
+ footer) pueda pinearse al fondo con `margin-top: auto` aunque el contenido sea corto. */
6987
6991
  .kds-screen > .kds-card-elevated {
6988
- min-height: 26rem;
6992
+ min-height: 30rem;
6993
+ display: flex;
6994
+ flex-direction: column;
6989
6995
  }
6990
6996
 
6991
6997
  /* Payment stage — full-viewport centered wrapper.