@khipu/design-system 0.3.5-alpha.2 → 0.3.5-alpha.3

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-13T15:55:41.056Z
18
+ * Generated: 2026-08-13T16:19:44.738Z
19
19
  *
20
20
  * To regenerate:
21
21
  * cd design-system && npm run tokens:generate
@@ -7990,6 +7990,24 @@
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
+ }
8003
+
8004
+ .kds-theme-root .kds-screen > .kds-card-elevated.kds-card-elevated--flush-top,
8005
+ .kds-theme-root .kds-card-elevated.kds-card-elevated--flush-top {
8006
+ border-top-left-radius: var(--kds-radius-card);
8007
+ border-top-right-radius: var(--kds-radius-card);
8008
+ }
8009
+ }
8010
+
7993
8011
  /* Brand logo row (external, outside cards) */
7994
8012
  .kds-theme-root .kds-brand-row {
7995
8013
  padding: 0 var(--kds-spacing-0-5);