@khipu/design-system 0.3.5-alpha.26 → 0.3.5-alpha.28

package/dist/beercss/khipu-beercss.scoped.css

@@ -15,7 +15,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-09-30T16:01:39.243Z
+ * Generated: 2026-10-05T17:43:38.354Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -6734,6 +6734,15 @@
     font-size: var(--kds-font-size-xl);
 }
 
+/* Inline without description: the title is the only thing next to the icon. Its
+   margin-bottom (spacing-1, which separates it from the description in the centered
+   variant) made the column taller, so align-items:center left the text ~4px above the
+   icon's center. */
+.kds-theme-root .kds-status-block.inline .kds-status-block-title:last-child {
+    margin-bottom: 0;
+    --kds-typography-h2-margin-block-end: 0;
+}
+
 /* Banda: el bloque de estado sobre una superficie sutil, para cuando acompaña
    al contenido en lugar de encabezar la pantalla. Va después de `.inline`
    porque marca igual en especificidad y necesita ganarle el padding. */
@@ -6845,6 +6854,48 @@
     min-height: 0;
 }
 
+/* Variante alta (size="full"): contenido largo (documentos, textos legales) usa todo el alto
+   máximo del sheet y el body se estira para que un hijo lo llene. Los .kds-theme-root son
+   envoltorios transparentes que el consumidor puede meter entre el body y el contenido (p. ej.
+   un KdsRoot dentro de un div display:contents), así que se estiran a cualquier profundidad. */
+.kds-theme-root .kds-bottom-sheet-full {
+    height: 90vh;
+    height: 90dvh;
+}
+
+.kds-theme-root .kds-bottom-sheet-full .kds-bottom-sheet-body,
+.kds-theme-root .kds-bottom-sheet-full .kds-bottom-sheet-body .kds-theme-root {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+}
+
+/* ========================================
+   DOCUMENT FRAME (.kds-document-frame)
+   Documento embebido (iframe) que llena su contenedor. --kds-document-frame-scale achica
+   documentos pensados para un viewport de escritorio: el iframe se arma más ancho y se
+   escala, así letra, títulos y márgenes bajan juntos.
+   ======================================== */
+
+.kds-theme-root .kds-document-frame {
+    --kds-document-frame-scale: 1;
+    position: relative;
+    flex: 1;
+    min-height: var(--kds-document-frame-min-height, 12rem);
+    overflow: hidden;
+}
+
+.kds-theme-root .kds-document-frame > iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: calc(100% / var(--kds-document-frame-scale));
+    height: calc(100% / var(--kds-document-frame-scale));
+    border: 0;
+    transform: scale(var(--kds-document-frame-scale));
+    transform-origin: 0 0;
+}
+
 .kds-theme-root .kds-bottom-sheet-icon {
     font-size: var(--kds-font-size-4xl);
 }