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