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