@khipu/design-system 0.2.0-alpha.37 → 0.2.0-alpha.39

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-09T21:03:55.063Z
+ * Generated: 2026-06-10T13:47:19.938Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -991,7 +991,7 @@
 
 .kds-theme-root button.kds-btn-text:hover:not(:disabled),
 .kds-theme-root a.kds-btn-text:hover:not(:disabled) {
-    background: var(--kds-color-primary-hover);  /* rgba(131, 71, 173, 0.04) */
+    color: var(--kds-color-primary-dark);
 }
 
 .kds-theme-root button.kds-btn-text:disabled,
@@ -2100,6 +2100,28 @@
     height: var(--kds-spacing-button-icon-size);
 }
 
+/* ========================================
+   KDS LINEAR PROGRESS
+   Native <progress> (KdsLinearProgress). Additive over BeerCSS `progress`,
+   scoped to .kds-progress so other consumers are unaffected.
+   ======================================== */
+
+/* `progress` is inline-block by default → leaves a baseline (descender) gap
+   below the bar. Block removes that gap so it sits flush with siblings. */
+.kds-theme-root .kds-progress {
+    display: block;
+}
+
+/* Animate the filled value when it changes (e.g. advancing a step). BeerCSS
+   sets the value background but no transition, so the width jumps abruptly. */
+.kds-theme-root .kds-progress::-webkit-progress-value {
+    transition: width var(--kds-transition-shorter) var(--kds-easing-standard);
+}
+
+.kds-theme-root .kds-progress::-moz-progress-bar {
+    transition: width var(--kds-transition-shorter) var(--kds-easing-standard);
+}
+
 /* ========================================
    Link Styles
    ======================================== */