@khipu/design-system 0.3.5-alpha.20 → 0.3.5-alpha.22

package/dist/beercss/khipu-beercss.scoped.css

@@ -15,7 +15,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-09-04T16:12:10.133Z
+ * Generated: 2026-09-04T21:52:28.318Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -1224,6 +1224,29 @@
     opacity: 0.9;
 }
 
+/* Outlined success — compone con .kds-btn-outlined, igual que .kds-btn-outlined-white:
+   solo cambia superficie y color, la caja la aporta la variante base. */
+.kds-theme-root button.kds-btn-outlined-success,
+.kds-theme-root a.kds-btn-outlined-success {
+    background: transparent;
+    color: var(--kds-color-success-main);
+    border-color: var(--kds-color-success-main);
+}
+
+.kds-theme-root button.kds-btn-outlined-success:hover:not(:disabled),
+.kds-theme-root a.kds-btn-outlined-success:hover:not(:disabled) {
+    background: var(--kds-color-success-soft);
+    border-color: var(--kds-color-success-dark);
+    color: var(--kds-color-success-dark);
+}
+
+.kds-theme-root button.kds-btn-outlined-success:disabled,
+.kds-theme-root a.kds-btn-outlined-success:disabled {
+    background: transparent;
+    color: var(--kds-color-action-disabled);
+    border-color: var(--kds-color-action-disabled);
+}
+
 /* Text button — mismo tamaño que el resto de variantes (hereda min-height/padding
    del base): solo cambia la superficie, no la caja. */
 .kds-theme-root button.kds-btn-text,
@@ -4373,14 +4396,16 @@
 
 /* Code block for displaying code snippets */
 .kds-theme-root .kds-code-block {
-    background: var(--kds-color-background-elevated);
-    padding: var(--kds-spacing-4);
+    background: var(--kds-color-background-muted);
+    border: 1px solid var(--kds-color-divider);
+    padding: var(--kds-spacing-2);
     border-radius: var(--kds-radius-md);
     overflow-x: auto;
-    font-family: 'Courier New', monospace;
+    font-family: var(--kds-font-family-mono);
     font-size: var(--kds-font-size-sm);
     line-height: var(--kds-line-height-relaxed);
     color: var(--kds-color-text-primary);
+    tab-size: 4;
 }
 
 /* ============================================
@@ -8464,8 +8489,11 @@
     background: var(--kds-color-action-hover);
 }
 
-/* Search field reutilizable (standalone o dentro del KdsBankModal). */
-.kds-theme-root .kds-search-field {
+/* Search field reutilizable (standalone o dentro del KdsBankModal).
+   El selector de descendiente se mantiene por compatibilidad con los consumidores
+   que renderizan el input sin clase (payment lo arma a mano en GSP). */
+.kds-theme-root .kds-search-field,
+.kds-theme-root .kds-bank-modal-search input {
     width: 100%;
     padding: var(--kds-spacing-1-25) var(--kds-spacing-1-5);
     border: 1px solid var(--kds-color-divider);
@@ -8477,11 +8505,13 @@
     background: var(--kds-color-surface);
 }
 
-.kds-theme-root .kds-search-field::placeholder {
+.kds-theme-root .kds-search-field::placeholder,
+.kds-theme-root .kds-bank-modal-search input::placeholder {
     color: var(--kds-color-text-hint);
 }
 
-.kds-theme-root .kds-search-field:focus {
+.kds-theme-root .kds-search-field:focus,
+.kds-theme-root .kds-bank-modal-search input:focus {
     border-color: var(--kds-color-primary-main);
     box-shadow: 0 0 0 2px var(--kds-color-primary-faint);
 }