@khipu/design-system 0.2.0-alpha.71 → 0.2.0-alpha.73
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-
|
|
14
|
+
* Generated: 2026-06-25T18:49:32.548Z
|
|
15
15
|
*
|
|
16
16
|
* To regenerate:
|
|
17
17
|
* cd design-system && npm run tokens:generate
|
|
@@ -5124,9 +5124,26 @@ dialog#surveyModal button.circle {
|
|
|
5124
5124
|
display: block;
|
|
5125
5125
|
}
|
|
5126
5126
|
|
|
5127
|
+
/* Variante para logos que traen su propio marco/forma (logos de comercio/servicio,
|
|
5128
|
+
no fotos): `contain` + padding para que el logo entre completo sin recortar sus
|
|
5129
|
+
esquinas. Opt-in: pasar className="kds-merchant-tile--contain". */
|
|
5130
|
+
.kds-merchant-tile.logo.kds-merchant-tile--contain {
|
|
5131
|
+
padding: var(--kds-spacing-1);
|
|
5132
|
+
}
|
|
5133
|
+
.kds-merchant-tile.logo.kds-merchant-tile--contain img {
|
|
5134
|
+
object-fit: contain;
|
|
5135
|
+
}
|
|
5136
|
+
|
|
5127
5137
|
.kds-merchant-meta {
|
|
5128
5138
|
display: flex;
|
|
5129
5139
|
flex-direction: column;
|
|
5140
|
+
gap: var(--kds-spacing-0-5);
|
|
5141
|
+
}
|
|
5142
|
+
|
|
5143
|
+
/* El meta controla su propio espaciado: anula el margin sibling de BeerCSS
|
|
5144
|
+
(`… + :is(p,h*,…) { margin-block-start: 1rem }`) que separaba de más las líneas. */
|
|
5145
|
+
.kds-merchant-meta > * {
|
|
5146
|
+
margin-block: 0 !important;
|
|
5130
5147
|
}
|
|
5131
5148
|
|
|
5132
5149
|
.kds-merchant-label {
|
|
@@ -6964,6 +6981,13 @@ button.kds-btn-success::after {
|
|
|
6964
6981
|
padding-bottom: 0;
|
|
6965
6982
|
}
|
|
6966
6983
|
|
|
6984
|
+
/* Body card: alto mínimo estable para que NO salte entre estados de distinta altura
|
|
6985
|
+
(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). */
|
|
6987
|
+
.kds-screen > .kds-card-elevated {
|
|
6988
|
+
min-height: 26rem;
|
|
6989
|
+
}
|
|
6990
|
+
|
|
6967
6991
|
/* Payment stage — full-viewport centered wrapper.
|
|
6968
6992
|
Fondo muted (gris) para que las cards blancas (header + body) y el gap entre
|
|
6969
6993
|
ellas se distingan; sin esto, card blanca sobre fondo blanco se funden. */
|