@khipu/design-system 0.3.5-alpha.32 → 0.3.5-alpha.33

package/dist/beercss/khipu-beercss.css

@@ -13,7 +13,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-10-07T16:45:16.034Z
+ * Generated: 2026-10-08T13:28:14.131Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -5127,7 +5127,10 @@ dialog#surveyModal button.circle {
 }
 
 /* ── Text-transform utilities ── */
+/* Also declares --kds-button-text-transform: .kds-btn reads that variable, so the
+   utility wins on buttons without a specificity fight (button.kds-btn is 0-1-1). */
 .kds-text-transform-none {
+    --kds-button-text-transform: none;
     text-transform: none;
 }
 
@@ -6796,6 +6799,43 @@ button.kds-fab:active:not(:disabled) {
     to { transform: rotate(360deg); }
 }
 
+/* Dots loader: three dots pulsing in sequence, for an in-progress status inline with
+   text. Color follows currentColor so the consumer sets it with a color utility. */
+.kds-dots-loader {
+    align-items: center;
+    display: inline-flex;
+    gap: var(--kds-spacing-0-5);
+    vertical-align: middle;
+}
+
+.kds-dots-loader > span {
+    animation: kds-dots-pulse 1.2s ease-in-out infinite;
+    background: currentColor;
+    border-radius: var(--kds-radius-full);
+    height: var(--kds-spacing-0-75);
+    width: var(--kds-spacing-0-75);
+}
+
+.kds-dots-loader > span:nth-child(2) {
+    animation-delay: 0.15s;
+}
+
+.kds-dots-loader > span:nth-child(3) {
+    animation-delay: 0.3s;
+}
+
+@keyframes kds-dots-pulse {
+    0%, 80%, 100% { opacity: 0.25; }
+    40% { opacity: 1; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .kds-dots-loader > span {
+        animation: none;
+        opacity: 0.6;
+    }
+}
+
 /* ========================================
    14 - BOTTOM SHEET (.kds-bottom-sheet)
    Modal bottom sheet for mobile confirmations