@khipu/design-system 0.2.0-alpha.112 → 0.2.0-alpha.114

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.
@@ -13,7 +13,7 @@
13
13
  *
14
14
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
15
15
  * Source: design-system/src/tokens/tokens.json
16
- * Generated: 2026-07-08T20:53:59.745Z
16
+ * Generated: 2026-07-09T17:09:41.359Z
17
17
  *
18
18
  * To regenerate:
19
19
  * cd design-system && npm run tokens:generate
@@ -1585,6 +1585,14 @@
1585
1585
  min-inline-size: 0 !important;
1586
1586
  }
1587
1587
 
1588
+ /* Separador vertical (entre chips/logos hermanos en una fila). */
1589
+ .kds-theme-root .kds-vr {
1590
+ width: 1px;
1591
+ height: var(--kds-spacing-3);
1592
+ background: var(--kds-color-divider);
1593
+ flex: 0 0 auto;
1594
+ }
1595
+
1588
1596
  /* Gap utilities */
1589
1597
  .kds-theme-root .kds-gap-0-25 { gap: var(--kds-spacing-0-25); }
1590
1598
  .kds-theme-root .kds-gap-1 { gap: var(--kds-spacing-1); }
@@ -4785,23 +4793,25 @@
4785
4793
  text-transform: uppercase;
4786
4794
  }
4787
4795
 
4788
- /* KV label — label del par clave↔valor (letra del dt de .kds-kv: "PAGO A" / "ASUNTO"). */
4796
+ /* KV label — label del par clave↔valor (letra del dt de .kds-kv: "PAGO A" / "ASUNTO").
4797
+ line-height tight: en pares apilados el relaxed infla la separación de tinta. */
4789
4798
  .kds-theme-root .kds-text-kv-label {
4790
4799
  font-family: var(--kds-font-family-primary, 'Public Sans', sans-serif);
4791
4800
  font-size: var(--kds-font-size-xs);
4792
4801
  font-weight: var(--kds-font-weight-regular);
4793
- line-height: var(--kds-line-height-relaxed);
4802
+ line-height: var(--kds-line-height-tight);
4794
4803
  letter-spacing: normal;
4795
4804
  text-transform: uppercase;
4796
4805
  color: var(--kds-color-text-secondary);
4797
4806
  }
4798
4807
 
4799
- /* Value — dato/valor destacado (ej. nombre del comercio en el header del cobro). */
4808
+ /* Value — dato/valor destacado (ej. nombre del comercio en el header del cobro).
4809
+ line-height tight: se usa en pares apilados y el relaxed infla la separación. */
4800
4810
  .kds-theme-root .kds-text-value {
4801
4811
  font-family: var(--kds-font-family-primary, 'Public Sans', sans-serif);
4802
4812
  font-size: var(--kds-font-size-sm);
4803
4813
  font-weight: var(--kds-font-weight-semibold);
4804
- line-height: var(--kds-line-height-relaxed);
4814
+ line-height: var(--kds-line-height-tight);
4805
4815
  color: var(--kds-color-gray-800);
4806
4816
  }
4807
4817
 
@@ -4933,6 +4943,14 @@
4933
4943
  flex-shrink: 0;
4934
4944
  }
4935
4945
 
4946
+ /* Separador vertical (entre chips/logos hermanos en una fila). */
4947
+ .kds-theme-root .kds-vr {
4948
+ width: 1px;
4949
+ height: var(--kds-spacing-3);
4950
+ background: var(--kds-color-divider);
4951
+ flex: 0 0 auto;
4952
+ }
4953
+
4936
4954
  /* Gap utilities */
4937
4955
  .kds-theme-root .kds-gap-0-25 { gap: var(--kds-spacing-0-25); }
4938
4956
  .kds-theme-root .kds-gap-1 { gap: var(--kds-spacing-1); }