@khipu/design-system 0.2.0-alpha.41 → 0.2.0-alpha.43

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

@@ -13,7 +13,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-06-11T18:38:45.718Z
+ * Generated: 2026-06-11T19:44:27.704Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -2135,6 +2135,9 @@
     justify-content: center;
     gap: var(--kds-spacing-4);
     text-align: center;
+    /* Llena y centra dentro de contenedores flex (pantalla de carga); en flujo
+       normal (contenedor no-flex) se reduce a su contenido. */
+    flex: 1 1 auto;
 }
 
 .kds-theme-root .kds-secure-loader-text {
@@ -2160,20 +2163,21 @@
     color: var(--kds-color-primary-main);
 }
 
-/* Caja del spinner con tamaño fijo: la animación no altera el layout */
+/* Caja del spinner con tamaño fijo: la animación no altera el layout.
+   6.25rem (100px) = tamaño del loader original (CircularProgress size=100). */
 .kds-theme-root .kds-secure-loader-spinner {
     position: relative;
     display: inline-grid;
     place-items: center;
-    inline-size: var(--kds-secure-loader-size, 7rem);
-    block-size: var(--kds-secure-loader-size, 7rem);
+    inline-size: var(--kds-secure-loader-size, 6.25rem);
+    block-size: var(--kds-secure-loader-size, 6.25rem);
 }
 
 /* Anillo: SVG nativo con arco vía stroke-dasharray, rotando. Replica el
    CircularProgress original (viewBox 44u, thickness 2, arco ~63%, disableShrink). */
 .kds-theme-root .kds-secure-loader-ring {
-    inline-size: var(--kds-secure-loader-size, 6.5rem);
-    block-size: var(--kds-secure-loader-size, 6.5rem);
+    inline-size: var(--kds-secure-loader-size, 6.25rem);
+    block-size: var(--kds-secure-loader-size, 6.25rem);
     animation: kds-secure-loader-spin 1.2s linear infinite;
 }
 
@@ -2192,11 +2196,11 @@
     }
 }
 
-/* Candado centrado sobre el anillo */
+/* Candado centrado sobre el anillo (0.4 del diámetro ≈ 40px, como el original) */
 .kds-theme-root .kds-secure-loader-lock {
     position: absolute;
     color: var(--kds-color-text-secondary);
-    font-size: calc(var(--kds-secure-loader-size, 7rem) * 0.4);
+    font-size: calc(var(--kds-secure-loader-size, 6.25rem) * 0.4);
     pointer-events: none;
 }