@khipu/design-system 0.3.5-alpha.2 → 0.3.5-alpha.4
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.
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
*
|
|
16
16
|
* AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
|
|
17
17
|
* Source: design-system/src/tokens/tokens.json
|
|
18
|
-
* Generated: 2026-08-
|
|
18
|
+
* Generated: 2026-08-13T17:53:31.569Z
|
|
19
19
|
*
|
|
20
20
|
* To regenerate:
|
|
21
21
|
* cd design-system && npm run tokens:generate
|
|
@@ -7990,6 +7990,36 @@
|
|
|
7990
7990
|
}
|
|
7991
7991
|
}
|
|
7992
7992
|
|
|
7993
|
+
/* Widget embebido: dentro de un iframe los media queries de ancho evalúan el viewport
|
|
7994
|
+
DEL IFRAME (~420px), no la pantalla, así que el flujo se ve siempre como mobile
|
|
7995
|
+
aunque el usuario esté en desktop — y el tope plano, pensado para cuando la card se
|
|
7996
|
+
pega al borde del teléfono, queda cortando una card que en realidad flota centrada.
|
|
7997
|
+
`hover`/`pointer` describen el dispositivo de entrada y no el viewport, así que
|
|
7998
|
+
sobreviven al iframe: con mouse las cards conservan las esquinas superiores. */
|
|
7999
|
+
@media (hover: hover) and (pointer: fine) {
|
|
8000
|
+
.kds-theme-root .kds-card-elevated.kds-invoice-sticky {
|
|
8001
|
+
border-radius: var(--kds-radius-card);
|
|
8002
|
+
/* El clip-path del colapso recorta con `round 0 0 R R` y eso PISA al
|
|
8003
|
+
border-radius: aunque la card declare las cuatro esquinas, el recorte las
|
|
8004
|
+
deja rectas arriba. Hay que redondearlas también acá o el fix no se ve. */
|
|
8005
|
+
clip-path: inset(
|
|
8006
|
+
0 0
|
|
8007
|
+
calc(
|
|
8008
|
+
var(--collapse-collapsible-h) * var(--collapse-progress)
|
|
8009
|
+
+ var(--kds-spacing-1) * var(--collapse-progress)
|
|
8010
|
+
)
|
|
8011
|
+
0
|
|
8012
|
+
round var(--kds-radius-card)
|
|
8013
|
+
);
|
|
8014
|
+
}
|
|
8015
|
+
|
|
8016
|
+
.kds-theme-root .kds-screen > .kds-card-elevated.kds-card-elevated--flush-top,
|
|
8017
|
+
.kds-theme-root .kds-card-elevated.kds-card-elevated--flush-top {
|
|
8018
|
+
border-top-left-radius: var(--kds-radius-card);
|
|
8019
|
+
border-top-right-radius: var(--kds-radius-card);
|
|
8020
|
+
}
|
|
8021
|
+
}
|
|
8022
|
+
|
|
7993
8023
|
/* Brand logo row (external, outside cards) */
|
|
7994
8024
|
.kds-theme-root .kds-brand-row {
|
|
7995
8025
|
padding: 0 var(--kds-spacing-0-5);
|