@khipu/design-system 0.2.0-alpha.133 → 0.2.0-alpha.135

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-07-21T17:45:24.815Z
+ * Generated: 2026-07-21T22:01:58.921Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -1010,6 +1010,17 @@ a.kds-btn {
     vertical-align: middle;
 }
 
+/* Sin anillo de focus en botones: decision de diseno (KTUF-210) — el estado de
+   focus/active se comunica solo con el cambio de fondo de cada variante. */
+button.kds-btn:focus,
+button.kds-btn:focus-visible,
+a.kds-btn:focus,
+a.kds-btn:focus-visible,
+button.kds-fab:focus,
+button.kds-fab:focus-visible {
+    outline: none;
+}
+
 /* Active state - add subtle press effect */
 button.kds-btn:active:not(:disabled),
 a.kds-btn:active:not(:disabled) {
@@ -1048,8 +1059,6 @@ button.kds-btn-primary:focus-visible:not(:disabled),
 a.kds-btn-primary:active:not(:disabled),
 a.kds-btn-primary:focus-visible:not(:disabled) {
     background: var(--kds-color-primary-dark);
-    outline: 2px solid var(--kds-color-primary-main);
-    outline-offset: 2px;
 }
 
 /* Dark mode: the button is a light lavender with dark text, so hover/active must
@@ -1136,14 +1145,13 @@ a.kds-btn-outlined-white:hover:not(:disabled) {
     opacity: 0.9;
 }
 
-/* Text button */
+/* Text button — mismo tamaño que el resto de variantes (hereda min-height/padding
+   del base): solo cambia la superficie, no la caja. */
 button.kds-btn-text,
 a.kds-btn-text {
     background: transparent;
     color: var(--kds-color-primary-main);
     border: none;
-    padding: 6px var(--kds-spacing-2);  /* Menor padding para text variant */
-    min-height: 32px;   /* Menor altura para text variant */
     box-shadow: none;
 }
 
@@ -1172,8 +1180,6 @@ a.kds-btn-error-text {
     background: transparent;
     color: var(--kds-color-error-main);
     border: none;
-    padding: 6px var(--kds-spacing-2);
-    min-height: 32px;
     box-shadow: none;
 }
 
@@ -5971,10 +5977,7 @@ button.kds-fab:active:not(:disabled) {
     transform: translateY(var(--kds-spacing-0-25));
 }
 
-button.kds-fab:focus-visible {
-    outline: var(--kds-spacing-0-25) solid var(--kds-color-primary-main);
-    outline-offset: var(--kds-spacing-0-25);
-}
+
 
 .kds-fab > i.material-symbols-outlined {
     font-size: var(--kds-spacing-button-icon-size);
@@ -7334,8 +7337,6 @@ button.kds-btn-warning:focus-visible:not(:disabled),
 a.kds-btn-warning:active:not(:disabled),
 a.kds-btn-warning:focus-visible:not(:disabled) {
     background: var(--kds-color-warning-dark);
-    outline: 2px solid var(--kds-color-warning-main);
-    outline-offset: 2px;
 }
 
 button.kds-btn-warning:disabled,
@@ -7367,8 +7368,6 @@ button.kds-btn-error:focus-visible:not(:disabled),
 a.kds-btn-error:active:not(:disabled),
 a.kds-btn-error:focus-visible:not(:disabled) {
     background: var(--kds-color-error-dark);
-    outline: 2px solid var(--kds-color-error-main);
-    outline-offset: 2px;
 }
 
 button.kds-btn-error:disabled,