@khipu/design-system 0.2.0-alpha.48 → 0.2.0-alpha.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,7 +11,7 @@
11
11
  *
12
12
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
13
13
  * Source: design-system/src/tokens/tokens.json
14
- * Generated: 2026-06-16T00:13:21.800Z
14
+ * Generated: 2026-06-16T20:10:13.474Z
15
15
  *
16
16
  * To regenerate:
17
17
  * cd design-system && npm run tokens:generate
@@ -2566,6 +2566,23 @@ body.dark {
2566
2566
  color: var(--error); /* Rojo error */
2567
2567
  }
2568
2568
 
2569
+ /* ==========================================
2570
+ PASSWORD REVEAL TOGGLE (KdsTextField `revealable`)
2571
+ El <a role="button"> reusa el posicionamiento de icono de BeerCSS
2572
+ (.field > a, pointer-events: all). Aquí solo: color del icono
2573
+ (on-surface-variant) y un focus ring accesible para el toggle
2574
+ navegable por teclado (BeerCSS hace `outline: inherit` en <a>).
2575
+ ========================================== */
2576
+ .field > a.kds-field-reveal {
2577
+ color: var(--on-surface-variant);
2578
+ }
2579
+
2580
+ .field > a.kds-field-reveal:focus-visible {
2581
+ outline: 2px solid var(--primary);
2582
+ outline-offset: 2px;
2583
+ border-radius: 50%;
2584
+ }
2585
+
2569
2586
  /* ==========================================
2570
2587
  LABEL COLOR
2571
2588
  Mantener sincronizado con border