@khipu/design-system 0.2.0-alpha.56 → 0.2.0-alpha.57

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.
@@ -13,7 +13,7 @@
13
13
  *
14
14
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
15
15
  * Source: design-system/src/tokens/tokens.json
16
- * Generated: 2026-06-17T15:15:13.629Z
16
+ * Generated: 2026-06-17T20:27:32.353Z
17
17
  *
18
18
  * To regenerate:
19
19
  * cd design-system && npm run tokens:generate
@@ -7272,6 +7272,27 @@
7272
7272
  box-shadow: 0 0 0 2px var(--kds-color-primary-faint);
7273
7273
  }
7274
7274
 
7275
+ /* Variante con ícono (withIcon): lupa posicionada DENTRO del input, a la derecha. */
7276
+ .kds-theme-root .kds-search-field-wrapper {
7277
+ position: relative;
7278
+ width: 100%;
7279
+ }
7280
+
7281
+ .kds-theme-root .kds-search-field-icon {
7282
+ position: absolute;
7283
+ right: var(--kds-spacing-1-5);
7284
+ top: 50%;
7285
+ transform: translateY(-50%);
7286
+ font-size: 20px;
7287
+ color: var(--kds-color-text-hint);
7288
+ pointer-events: none;
7289
+ }
7290
+
7291
+ /* Espacio a la derecha del texto para no solaparse con la lupa. */
7292
+ .kds-theme-root .kds-search-field-wrapper .kds-search-field {
7293
+ padding-right: calc(var(--kds-spacing-1-5) + var(--kds-spacing-3));
7294
+ }
7295
+
7275
7296
  .kds-theme-root .kds-bank-modal-search {
7276
7297
  padding: 0 var(--kds-spacing-2) var(--kds-spacing-1-5);
7277
7298
  }