@khipu/design-system 0.2.0-alpha.80 → 0.2.0-alpha.81

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-30T16:01:25.716Z
+ * Generated: 2026-06-30T16:44:56.587Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -2420,6 +2420,16 @@
     margin-right: var(--kds-spacing-2);
 }
 
+/* Ícono(s) en color primary. Para íconos MUI/SVG dentro del scope que, por el reset
+   `.kds-theme-root svg { fill: currentColor }`, terminan heredando el color de texto
+   (#333) en vez de su color propio — el `color="primary"` de MUI no le gana al contexto.
+   Aplica al contenedor y a sus i/svg hijos. */
+.kds-theme-root .kds-icon-primary,
+.kds-theme-root .kds-icon-primary i,
+.kds-theme-root .kds-icon-primary svg {
+    color: var(--kds-color-primary-main);
+}
+
 /* Section title icon */
 .kds-theme-root .kds-stage-section-title i {
     vertical-align: middle;
@@ -2462,6 +2472,14 @@
   padding-block-start: 1.5rem;
 }
 
+/* Field con .suffix (endIcon): el label en reposo no debe deslizarse bajo el ícono de la
+   derecha. BeerCSS reserva el lado izquierdo para .prefix (--_start:3rem) pero NO el derecho
+   para .suffix, así que un label largo se superponía con el ícono. Reservamos el ancho del
+   ícono en el inset-inline-end (mismo valor que el padding que .prefix da al input). */
+.kds-theme-root .field.label.suffix > label {
+  inset-inline-end: 2.9375rem;
+}
+
 /* ==========================================
    NOTCH VISIBILITY (opacity)
    ========================================== */