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

package/dist/beercss/khipu-beercss.css

@@ -11,7 +11,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:33:07.389Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -2133,6 +2133,9 @@ a.kds-btn-google:disabled {
     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-secure-loader-text {
@@ -2158,20 +2161,21 @@ a.kds-btn-google:disabled {
     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.
+   8.5rem (136px) iguala el tamaño visual del loader original. */
 .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, 8.5rem);
+    block-size: var(--kds-secure-loader-size, 8.5rem);
 }
 
 /* Anillo: SVG nativo con arco vía stroke-dasharray, rotando. Replica el
-   CircularProgress original (viewBox 44u, thickness 2, arco ~63%, disableShrink). */
+   CircularProgress original (viewBox 44u, thickness 2 → ~6px, arco ~63%, disableShrink). */
 .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, 8.5rem);
+    block-size: var(--kds-secure-loader-size, 8.5rem);
     animation: kds-secure-loader-spin 1.2s linear infinite;
 }
 
@@ -2190,11 +2194,11 @@ a.kds-btn-google:disabled {
     }
 }
 
-/* Candado centrado sobre el anillo */
+/* Candado centrado sobre el anillo (~0.3 del diámetro ≈ 40px, como el original) */
 .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, 8.5rem) * 0.3);
     pointer-events: none;
 }