@khipu/design-system 0.2.0-alpha.60 → 0.2.0-alpha.62

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-19T14:59:44.921Z
16
+ * Generated: 2026-06-19T16:51:52.701Z
17
17
  *
18
18
  * To regenerate:
19
19
  * cd design-system && npm run tokens:generate
@@ -2219,7 +2219,11 @@
2219
2219
  display: inline-flex;
2220
2220
  align-items: center;
2221
2221
  gap: var(--kds-spacing-1);
2222
- padding: var(--kds-spacing-0-5) var(--kds-spacing-1-5);
2222
+ padding: var(--kds-spacing-0-25) var(--kds-spacing-1-5);
2223
+ /* No usar el alto de botón táctil de BeerCSS (~44px): es un chip compacto,
2224
+ su alto lo define el contenido + padding. */
2225
+ block-size: auto;
2226
+ min-block-size: 0;
2223
2227
  border: none;
2224
2228
  border-radius: var(--kds-radius-button);
2225
2229
  background: var(--kds-alert-info-bg);
@@ -2233,6 +2237,13 @@
2233
2237
  color var(--kds-transition-shorter) var(--kds-easing-standard);
2234
2238
  }
2235
2239
 
2240
+ /* active = hover: sin el aro de focus/active (outline morado de BeerCSS). */
2241
+ .kds-theme-root .kds-copy-button:focus,
2242
+ .kds-theme-root .kds-copy-button:focus-visible,
2243
+ .kds-theme-root .kds-copy-button:active {
2244
+ outline: none;
2245
+ }
2246
+
2236
2247
  /* value y copiedText se apilan en la MISMA celda de grid: la celda toma el
2237
2248
  ancho del texto más largo, por lo que el botón conserva su ancho al alternar
2238
2249
  entre "valor" y "copiado" (sin reflow). */
@@ -7309,6 +7320,11 @@
7309
7320
  .kds-theme-root .field.kds-field--narrow {
7310
7321
  width: 6rem;
7311
7322
  flex: 0 0 auto;
7323
+ /* En fila horizontal no aplica el margin vertical que BeerCSS da a fields
7324
+ hermanos (regla de "flow" `... + :is(.field,...)`, specificity ~0,3,1);
7325
+ sin el reset los siguientes quedan desalineados hacia abajo. `!important`
7326
+ para ganarle a esa regla de framework. */
7327
+ margin-block: 0 !important;
7312
7328
  }
7313
7329
 
7314
7330
  .kds-theme-root .field.kds-field--narrow > input {