@khipu/design-system 0.2.0-alpha.47 → 0.2.0-alpha.49
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.
- package/dist/beercss/khipu-beercss.css +45 -1
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +45 -1
- package/dist/beercss/khipu-beercss.scoped.min.css +1 -1
- package/dist/beercss/metadata.json +5 -5
- package/dist/index.d.mts +19 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.js +33 -3
- package/dist/index.mjs +48 -18
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*
|
|
12
12
|
* AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
|
|
13
13
|
* Source: design-system/src/tokens/tokens.json
|
|
14
|
-
* Generated: 2026-06-
|
|
14
|
+
* Generated: 2026-06-16T20:10:13.474Z
|
|
15
15
|
*
|
|
16
16
|
* To regenerate:
|
|
17
17
|
* cd design-system && npm run tokens:generate
|
|
@@ -2231,6 +2231,33 @@ a.kds-btn-google:disabled {
|
|
|
2231
2231
|
color var(--kds-transition-shorter) var(--kds-easing-standard);
|
|
2232
2232
|
}
|
|
2233
2233
|
|
|
2234
|
+
/* value y copiedText se apilan en la MISMA celda de grid: la celda toma el
|
|
2235
|
+
ancho del texto más largo, por lo que el botón conserva su ancho al alternar
|
|
2236
|
+
entre "valor" y "copiado" (sin reflow). */
|
|
2237
|
+
.kds-copy-button-label {
|
|
2238
|
+
display: inline-grid;
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2241
|
+
.kds-copy-button-value,
|
|
2242
|
+
.kds-copy-button-copied {
|
|
2243
|
+
grid-area: 1 / 1;
|
|
2244
|
+
white-space: nowrap;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2247
|
+
/* Estado por defecto: visible el valor, oculto (pero ocupando espacio) el copiado */
|
|
2248
|
+
.kds-copy-button-copied {
|
|
2249
|
+
visibility: hidden;
|
|
2250
|
+
}
|
|
2251
|
+
|
|
2252
|
+
/* Al copiar se invierte la visibilidad; el ancho no cambia */
|
|
2253
|
+
.kds-copy-button.copied .kds-copy-button-value {
|
|
2254
|
+
visibility: hidden;
|
|
2255
|
+
}
|
|
2256
|
+
|
|
2257
|
+
.kds-copy-button.copied .kds-copy-button-copied {
|
|
2258
|
+
visibility: visible;
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2234
2261
|
.kds-copy-button .material-symbols-outlined {
|
|
2235
2262
|
font-size: 1rem;
|
|
2236
2263
|
color: var(--kds-color-info-main);
|
|
@@ -2539,6 +2566,23 @@ body.dark {
|
|
|
2539
2566
|
color: var(--error); /* Rojo error */
|
|
2540
2567
|
}
|
|
2541
2568
|
|
|
2569
|
+
/* ==========================================
|
|
2570
|
+
PASSWORD REVEAL TOGGLE (KdsTextField `revealable`)
|
|
2571
|
+
El <a role="button"> reusa el posicionamiento de icono de BeerCSS
|
|
2572
|
+
(.field > a, pointer-events: all). Aquí solo: color del icono
|
|
2573
|
+
(on-surface-variant) y un focus ring accesible para el toggle
|
|
2574
|
+
navegable por teclado (BeerCSS hace `outline: inherit` en <a>).
|
|
2575
|
+
========================================== */
|
|
2576
|
+
.field > a.kds-field-reveal {
|
|
2577
|
+
color: var(--on-surface-variant);
|
|
2578
|
+
}
|
|
2579
|
+
|
|
2580
|
+
.field > a.kds-field-reveal:focus-visible {
|
|
2581
|
+
outline: 2px solid var(--primary);
|
|
2582
|
+
outline-offset: 2px;
|
|
2583
|
+
border-radius: 50%;
|
|
2584
|
+
}
|
|
2585
|
+
|
|
2542
2586
|
/* ==========================================
|
|
2543
2587
|
LABEL COLOR
|
|
2544
2588
|
Mantener sincronizado con border
|