@khipu/design-system 0.2.0-alpha.50 → 0.2.0-alpha.52

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-16T20:37:41.525Z
+ * Generated: 2026-06-17T00:12:45.797Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -7209,11 +7209,8 @@
     display: none;
 }
 
-.kds-theme-root .kds-bank-modal-search {
-    padding: 0 var(--kds-spacing-2) var(--kds-spacing-1-5);
-}
-
-.kds-theme-root .kds-bank-modal-search input {
+/* Search field reutilizable (standalone o dentro del KdsBankModal). */
+.kds-theme-root .kds-search-field {
     width: 100%;
     padding: var(--kds-spacing-1-25) var(--kds-spacing-1-5);
     border: 1px solid var(--kds-color-divider);
@@ -7225,15 +7222,19 @@
     background: var(--kds-color-surface);
 }
 
-.kds-theme-root .kds-bank-modal-search input::placeholder {
+.kds-theme-root .kds-search-field::placeholder {
     color: var(--kds-color-text-hint);
 }
 
-.kds-theme-root .kds-bank-modal-search input:focus {
+.kds-theme-root .kds-search-field:focus {
     border-color: var(--kds-color-primary-main);
     box-shadow: 0 0 0 2px var(--kds-color-primary-faint);
 }
 
+.kds-theme-root .kds-bank-modal-search {
+    padding: 0 var(--kds-spacing-2) var(--kds-spacing-1-5);
+}
+
 .kds-theme-root .kds-bank-modal-body {
     flex: 1;
     overflow-y: auto;
@@ -7513,6 +7514,40 @@
     display: none;
 }
 
+/* ========================================
+   GRID VARIANT (.kds-copyable-table--grid)
+   Read-only grid of N text cells per row. No copy,
+   no role=button, no "copy all". Cells share the row
+   width equally. Used inside radio options, etc.
+   ======================================== */
+
+.kds-theme-root .kds-copyable-table-row--grid {
+    display: flex;
+    align-items: center;
+    gap: var(--kds-spacing-1-5);
+    padding: var(--kds-spacing-1-25) var(--kds-spacing-1);
+    border-top: 1px solid var(--kds-color-divider);
+    cursor: default;
+    user-select: text;
+}
+
+.kds-theme-root .kds-copyable-table-row--grid:first-child {
+    border-top: 0;
+}
+
+.kds-theme-root .kds-grid-cell {
+    flex: 1 1 0;
+    min-width: 0;
+    font-size: var(--kds-font-size-sm);
+    font-weight: var(--kds-font-weight-medium);
+    color: var(--kds-color-primary-main);
+    word-break: break-word;
+}
+
+.kds-theme-root .kds-grid-cell--disabled {
+    color: var(--kds-color-text-disabled);
+}
+
 /* ========================================
    COPY-ALL BUTTON (.kds-copy-all-btn)
    Modifier for kds-btn kds-btn-outlined that adds