@khipu/design-system 0.2.0-alpha.46 → 0.2.0-alpha.48
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 +34 -1
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +34 -1
- package/dist/beercss/khipu-beercss.scoped.min.css +1 -1
- package/dist/beercss/metadata.json +5 -5
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -2
- package/dist/index.mjs +6 -2
- package/package.json +1 -1
|
@@ -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-
|
|
16
|
+
* Generated: 2026-06-16T00:13:21.800Z
|
|
17
17
|
*
|
|
18
18
|
* To regenerate:
|
|
19
19
|
* cd design-system && npm run tokens:generate
|
|
@@ -2233,6 +2233,33 @@
|
|
|
2233
2233
|
color var(--kds-transition-shorter) var(--kds-easing-standard);
|
|
2234
2234
|
}
|
|
2235
2235
|
|
|
2236
|
+
/* value y copiedText se apilan en la MISMA celda de grid: la celda toma el
|
|
2237
|
+
ancho del texto más largo, por lo que el botón conserva su ancho al alternar
|
|
2238
|
+
entre "valor" y "copiado" (sin reflow). */
|
|
2239
|
+
.kds-theme-root .kds-copy-button-label {
|
|
2240
|
+
display: inline-grid;
|
|
2241
|
+
}
|
|
2242
|
+
|
|
2243
|
+
.kds-theme-root .kds-copy-button-value,
|
|
2244
|
+
.kds-theme-root .kds-copy-button-copied {
|
|
2245
|
+
grid-area: 1 / 1;
|
|
2246
|
+
white-space: nowrap;
|
|
2247
|
+
}
|
|
2248
|
+
|
|
2249
|
+
/* Estado por defecto: visible el valor, oculto (pero ocupando espacio) el copiado */
|
|
2250
|
+
.kds-theme-root .kds-copy-button-copied {
|
|
2251
|
+
visibility: hidden;
|
|
2252
|
+
}
|
|
2253
|
+
|
|
2254
|
+
/* Al copiar se invierte la visibilidad; el ancho no cambia */
|
|
2255
|
+
.kds-theme-root .kds-copy-button.copied .kds-copy-button-value {
|
|
2256
|
+
visibility: hidden;
|
|
2257
|
+
}
|
|
2258
|
+
|
|
2259
|
+
.kds-theme-root .kds-copy-button.copied .kds-copy-button-copied {
|
|
2260
|
+
visibility: visible;
|
|
2261
|
+
}
|
|
2262
|
+
|
|
2236
2263
|
.kds-theme-root .kds-copy-button .material-symbols-outlined {
|
|
2237
2264
|
font-size: 1rem;
|
|
2238
2265
|
color: var(--kds-color-info-main);
|
|
@@ -4613,6 +4640,12 @@
|
|
|
4613
4640
|
color: var(--kds-color-primary-dark, #5B3179);
|
|
4614
4641
|
}
|
|
4615
4642
|
|
|
4643
|
+
/* Inline emphasis: bold weight only, inherits size/color/family from context so it
|
|
4644
|
+
works as a highlighted fragment inside any other variant (body, heading, etc.). */
|
|
4645
|
+
.kds-theme-root .kds-text-strong {
|
|
4646
|
+
font-weight: var(--kds-font-weight-bold, 700);
|
|
4647
|
+
}
|
|
4648
|
+
|
|
4616
4649
|
/* Display utilities */
|
|
4617
4650
|
.kds-theme-root .kds-hidden {
|
|
4618
4651
|
display: none;
|