@khipu/design-system 0.3.5-alpha.23 → 0.3.5-alpha.25
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 +19 -3
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +19 -3
- 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
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
*
|
|
16
16
|
* AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
|
|
17
17
|
* Source: design-system/src/tokens/tokens.json
|
|
18
|
-
* Generated: 2026-09-
|
|
18
|
+
* Generated: 2026-09-29T20:55:12.988Z
|
|
19
19
|
*
|
|
20
20
|
* To regenerate:
|
|
21
21
|
* cd design-system && npm run tokens:generate
|
|
@@ -6982,6 +6982,15 @@
|
|
|
6982
6982
|
}
|
|
6983
6983
|
|
|
6984
6984
|
/* Auto-managed tab panels: hidden attribute must win over any display rule */
|
|
6985
|
+
/* `hidden` es semantica de plataforma: si el atributo esta, el elemento no se
|
|
6986
|
+
renderiza. El UA lo aplica con display:none, pero cualquier regla de autor con
|
|
6987
|
+
display lo pisa — .kds-btn y .kds-btn-stack son flex, asi que un boton con
|
|
6988
|
+
hidden seguia ocupando lugar. El !important es deliberado: ninguna regla de
|
|
6989
|
+
componente deberia poder anular el atributo. */
|
|
6990
|
+
.kds-theme-root [hidden] {
|
|
6991
|
+
display: none !important;
|
|
6992
|
+
}
|
|
6993
|
+
|
|
6985
6994
|
.kds-theme-root [data-kds-tab-panel][hidden] {
|
|
6986
6995
|
display: none;
|
|
6987
6996
|
}
|
|
@@ -8072,13 +8081,20 @@
|
|
|
8072
8081
|
|
|
8073
8082
|
/* Payment stage — full-viewport centered wrapper.
|
|
8074
8083
|
Fondo muted (gris) para que las cards blancas (header + body) y el gap entre
|
|
8075
|
-
ellas se distingan; sin esto, card blanca sobre fondo blanco se funden.
|
|
8084
|
+
ellas se distingan; sin esto, card blanca sobre fondo blanco se funden.
|
|
8085
|
+
|
|
8086
|
+
--kds-color-background-body es el fondo de la pantalla, y es lo que un comercio
|
|
8087
|
+
cambia con su backgroundColor. Se resuelve aca, con muted como fallback, y no
|
|
8088
|
+
como alias en :root: un alias se evalua en :root y queda con el valor de :root,
|
|
8089
|
+
asi que la variable que el widget setea en body nunca llegaria a la etapa. Los
|
|
8090
|
+
otros usos de muted (tabs, bloque de codigo, hover del FAB) no se tocan: son
|
|
8091
|
+
superficies de componentes, no el fondo de la pantalla. */
|
|
8076
8092
|
.kds-theme-root .kds-payment-stage {
|
|
8077
8093
|
min-height: 100vh;
|
|
8078
8094
|
display: flex;
|
|
8079
8095
|
justify-content: center;
|
|
8080
8096
|
padding: var(--kds-spacing-2-5) var(--kds-spacing-2) var(--kds-spacing-8);
|
|
8081
|
-
background: var(--kds-color-background-muted);
|
|
8097
|
+
background: var(--kds-color-background-body, var(--kds-color-background-muted));
|
|
8082
8098
|
}
|
|
8083
8099
|
|
|
8084
8100
|
/* Payment flow — narrow column */
|