@khipu/design-system 0.2.0-alpha.46 → 0.2.0-alpha.48

package/dist/beercss/khipu-beercss.css

@@ -11,7 +11,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-06-12T15:00:55.820Z
+ * Generated: 2026-06-16T00:13:21.800Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -2231,6 +2231,33 @@ a.kds-btn-google:disabled {
                 color var(--kds-transition-shorter) var(--kds-easing-standard);
 }
 
+/* value y copiedText se apilan en la MISMA celda de grid: la celda toma el
+   ancho del texto más largo, por lo que el botón conserva su ancho al alternar
+   entre "valor" y "copiado" (sin reflow). */
+.kds-copy-button-label {
+    display: inline-grid;
+}
+
+.kds-copy-button-value,
+.kds-copy-button-copied {
+    grid-area: 1 / 1;
+    white-space: nowrap;
+}
+
+/* Estado por defecto: visible el valor, oculto (pero ocupando espacio) el copiado */
+.kds-copy-button-copied {
+    visibility: hidden;
+}
+
+/* Al copiar se invierte la visibilidad; el ancho no cambia */
+.kds-copy-button.copied .kds-copy-button-value {
+    visibility: hidden;
+}
+
+.kds-copy-button.copied .kds-copy-button-copied {
+    visibility: visible;
+}
+
 .kds-copy-button .material-symbols-outlined {
     font-size: 1rem;
     color: var(--kds-color-info-main);
@@ -4611,6 +4638,12 @@ dialog#surveyModal button.circle {
     color: var(--kds-color-primary-dark, #5B3179);
 }
 
+/* Inline emphasis: bold weight only, inherits size/color/family from context so it
+   works as a highlighted fragment inside any other variant (body, heading, etc.). */
+.kds-text-strong {
+    font-weight: var(--kds-font-weight-bold, 700);
+}
+
 /* Display utilities */
 .kds-hidden {
     display: none;