@khipu/design-system 0.3.5-alpha.10 → 0.3.5-alpha.12
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 +23 -2
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +22 -2
- 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 +1 -1
- package/dist/index.mjs +1 -1
- 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-08-
|
|
16
|
+
* Generated: 2026-08-17T17:59:36.196Z
|
|
17
17
|
*
|
|
18
18
|
* To regenerate:
|
|
19
19
|
* cd design-system && npm run tokens:generate
|
|
@@ -3280,12 +3280,33 @@ label.radio span {
|
|
|
3280
3280
|
cursor: pointer;
|
|
3281
3281
|
}
|
|
3282
3282
|
|
|
3283
|
-
/* Checked state
|
|
3283
|
+
/* Checked state.
|
|
3284
|
+
accent-color aplica al input nativo, que BeerCSS deja con opacity 0: no se ve.
|
|
3285
|
+
Se mantiene igual por si algun consumidor no usa el markup de BeerCSS. */
|
|
3284
3286
|
label.checkbox input[type="checkbox"]:checked,
|
|
3285
3287
|
label.radio input[type="radio"]:checked {
|
|
3286
3288
|
accent-color: var(--kds-color-accent, var(--primary));
|
|
3287
3289
|
}
|
|
3288
3290
|
|
|
3291
|
+
/* El control que SI se ve lo dibuja BeerCSS como una ligadura de Material Symbols en
|
|
3292
|
+
`> span::before`, coloreada con var(--primary). Estas dos reglas reproducen sus
|
|
3293
|
+
selectores para que ese pseudo-elemento siga al rol accent.
|
|
3294
|
+
|
|
3295
|
+
Misma especificidad que el original y sin !important: este archivo va ultimo en el
|
|
3296
|
+
bundle, asi que gana por orden. El fallback deja el valor anterior intacto cuando la
|
|
3297
|
+
marca no define accent, que es el caso de todo consumidor actual.
|
|
3298
|
+
|
|
3299
|
+
No se toca `.switch`: es un control de encendido/apagado, no de seleccion, y el
|
|
3300
|
+
contrato de marca no lo incluye. */
|
|
3301
|
+
:is(.checkbox, .radio) > span::before {
|
|
3302
|
+
color: var(--kds-color-accent, var(--primary));
|
|
3303
|
+
}
|
|
3304
|
+
|
|
3305
|
+
:is(.checkbox, .radio) > input:checked + span::before,
|
|
3306
|
+
:is(.checkbox, .radio).icon > input:checked + span > i {
|
|
3307
|
+
color: var(--kds-color-accent, var(--primary));
|
|
3308
|
+
}
|
|
3309
|
+
|
|
3289
3310
|
/* Disabled state */
|
|
3290
3311
|
label.checkbox input[type="checkbox"]:disabled,
|
|
3291
3312
|
label.radio input[type="radio"]:disabled {
|