@khipu/design-system 0.3.5-alpha.27 → 0.3.5-alpha.29

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-10-02T15:51:02.237Z
+ * Generated: 2026-10-05T18:10:35.572Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -6743,6 +6743,26 @@
     --kds-typography-h2-margin-block-end: 0;
 }
 
+/* Inline with description (KdsStatusBlock inline + description): the description is a
+   full-width paragraph below the icon+title row, spacing-1 under it. The block drops its
+   bottom padding and owns the gap to what follows (spacing-2), so consumers never add
+   margins around the description. kds-btn-stack and kds-share-card already carry that
+   top margin themselves. */
+.kds-theme-root .kds-status-block.inline.kds-status-block--described {
+    flex-wrap: wrap;
+    row-gap: var(--kds-spacing-1);
+    padding-bottom: 0;
+}
+
+.kds-theme-root .kds-status-block--described > .kds-status-block-description {
+    flex-basis: 100%;
+}
+
+.kds-theme-root .kds-status-block--described + .kds-alert,
+.kds-theme-root .kds-status-block--described + .kds-copy-row {
+    margin-top: var(--kds-spacing-2);
+}
+
 /* 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. */
@@ -6854,6 +6874,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);
 }