@khipu/design-system 0.2.0-alpha.80 → 0.2.0-alpha.82
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-30T19:28:48.705Z
|
|
15
15
|
*
|
|
16
16
|
* To regenerate:
|
|
17
17
|
* cd design-system && npm run tokens:generate
|
|
@@ -2418,6 +2418,16 @@ footer.primary a:hover {
|
|
|
2418
2418
|
margin-right: var(--kds-spacing-2);
|
|
2419
2419
|
}
|
|
2420
2420
|
|
|
2421
|
+
/* Ícono(s) en color primary. Para íconos MUI/SVG dentro del scope que, por el reset
|
|
2422
|
+
`.kds-theme-root svg { fill: currentColor }`, terminan heredando el color de texto
|
|
2423
|
+
(#333) en vez de su color propio — el `color="primary"` de MUI no le gana al contexto.
|
|
2424
|
+
Aplica al contenedor y a sus i/svg hijos. */
|
|
2425
|
+
.kds-icon-primary,
|
|
2426
|
+
.kds-icon-primary i,
|
|
2427
|
+
.kds-icon-primary svg {
|
|
2428
|
+
color: var(--kds-color-primary-main);
|
|
2429
|
+
}
|
|
2430
|
+
|
|
2421
2431
|
/* Section title icon */
|
|
2422
2432
|
.kds-stage-section-title i {
|
|
2423
2433
|
vertical-align: middle;
|
|
@@ -2460,6 +2470,14 @@ body.dark {
|
|
|
2460
2470
|
padding-block-start: 1.5rem;
|
|
2461
2471
|
}
|
|
2462
2472
|
|
|
2473
|
+
/* Label en reposo (estado "abajo", como placeholder): font-size menor al 1rem de BeerCSS
|
|
2474
|
+
para que un label largo no estorbe con un ícono (prefix/suffix) del input. Token sm
|
|
2475
|
+
(13–14px, siempre < 1rem del input incluso en desktop). Al flotar, BeerCSS lo reduce a
|
|
2476
|
+
.75rem con mayor especificidad, así que esto solo afecta el reposo. */
|
|
2477
|
+
.field.label > label {
|
|
2478
|
+
font-size: var(--kds-font-size-sm);
|
|
2479
|
+
}
|
|
2480
|
+
|
|
2463
2481
|
/* ==========================================
|
|
2464
2482
|
NOTCH VISIBILITY (opacity)
|
|
2465
2483
|
========================================== */
|
|
@@ -7044,10 +7062,15 @@ button.kds-btn-success::after {
|
|
|
7044
7062
|
/* Variante sin radio superior: pantallas de resultado (éxito/fallo/timeout) que van
|
|
7045
7063
|
SIN header arriba — la body card va sola y su tope queda plano (flush) en vez de
|
|
7046
7064
|
con esquinas redondeadas sueltas. El padding del card sigue manejando el inset. */
|
|
7047
|
-
|
|
7048
|
-
.
|
|
7049
|
-
|
|
7050
|
-
|
|
7065
|
+
/* Tope plano SOLO en mobile (< 768px): la body card se pega al borde superior del widget
|
|
7066
|
+
(igual que el header sticky, que también aplana el tope solo en mobile). En desktop la card
|
|
7067
|
+
va centrada y separada, así que conserva el border-radius superior redondeado. */
|
|
7068
|
+
@media (max-width: 767px) {
|
|
7069
|
+
.kds-screen > .kds-card-elevated.kds-card-elevated--flush-top,
|
|
7070
|
+
.kds-card-elevated.kds-card-elevated--flush-top {
|
|
7071
|
+
border-top-left-radius: 0;
|
|
7072
|
+
border-top-right-radius: 0;
|
|
7073
|
+
}
|
|
7051
7074
|
}
|
|
7052
7075
|
|
|
7053
7076
|
/* Payment stage — full-viewport centered wrapper.
|