@khipu/design-system 0.3.3 → 0.3.4

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-08-12T20:53:27.253Z
18
+ * Generated: 2026-08-12T21:28:55.469Z
19
19
  *
20
20
  * To regenerate:
21
21
  * cd design-system && npm run tokens:generate
@@ -2424,6 +2424,12 @@
2424
2424
  /* Llena y centra dentro de contenedores flex (pantalla de carga); en flujo
2425
2425
  normal (contenedor no-flex) se reduce a su contenido. */
2426
2426
  flex: 1 1 auto;
2427
+ /* Alto propio: el loader es contenido minimo por definicion, asi que sin esto la
2428
+ card queda del alto del spinner y se lee como un recorte. Ocupa el body completo
2429
+ de un telefono para que la pantalla de carga se lea como una pantalla y no como
2430
+ una franja. Va aca y no en la card para que el minimo aplique solo a la carga:
2431
+ el resto de las pantallas crece con su contenido. */
2432
+ min-height: 36rem;
2427
2433
  }
2428
2434
 
2429
2435
  .kds-theme-root .kds-secure-loader-text {
@@ -7179,6 +7185,19 @@
7179
7185
  padding: var(--kds-spacing-0-5);
7180
7186
  }
7181
7187
 
7188
+ /* Titulo del body de la card: alineado a la izquierda, sin importar que el consumidor
7189
+ traiga .kds-text-center. Va con especificidad de contexto (screen + card) a proposito:
7190
+ el centrado se venia pidiendo app por app y el resultado era inconsistente entre
7191
+ pantallas. Si alguna necesita centrarlo, el modificador explicito es
7192
+ .kds-card-title--centered. */
7193
+ .kds-theme-root .kds-screen > .kds-card-elevated :is(h1, .kds-card-title) {
7194
+ text-align: left;
7195
+ }
7196
+
7197
+ .kds-theme-root .kds-screen > .kds-card-elevated :is(h1, .kds-card-title).kds-card-title--centered {
7198
+ text-align: center;
7199
+ }
7200
+
7182
7201
  /* -- Card Title -- */
7183
7202
  .kds-theme-root .kds-card-title {
7184
7203
  font-weight: var(--kds-font-weight-semibold);