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