@khipu/design-system 0.2.0-alpha.97 → 0.2.0-alpha.99
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 -1
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +23 -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 +5 -3
- package/dist/index.mjs +5 -3
- 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-07-
|
|
16
|
+
* Generated: 2026-07-06T20:11:54.646Z
|
|
17
17
|
*
|
|
18
18
|
* To regenerate:
|
|
19
19
|
* cd design-system && npm run tokens:generate
|
|
@@ -4611,6 +4611,10 @@
|
|
|
4611
4611
|
color: var(--on-surface-variant);
|
|
4612
4612
|
}
|
|
4613
4613
|
|
|
4614
|
+
.kds-theme-root .kds-text-primary {
|
|
4615
|
+
color: var(--kds-color-primary-main);
|
|
4616
|
+
}
|
|
4617
|
+
|
|
4614
4618
|
.kds-theme-root .kds-text-sm {
|
|
4615
4619
|
font-size: var(--kds-font-size-sm);
|
|
4616
4620
|
}
|
|
@@ -6143,6 +6147,9 @@
|
|
|
6143
6147
|
.kds-theme-root .kds-bottom-sheet {
|
|
6144
6148
|
width: 100%;
|
|
6145
6149
|
max-width: var(--kds-bottom-sheet-max-width);
|
|
6150
|
+
max-height: 90dvh;
|
|
6151
|
+
display: flex;
|
|
6152
|
+
flex-direction: column;
|
|
6146
6153
|
background: var(--kds-color-background-paper);
|
|
6147
6154
|
border-radius: var(--kds-radius-2xl) var(--kds-radius-2xl) 0 0;
|
|
6148
6155
|
padding: var(--kds-spacing-3-5) var(--kds-spacing-3) var(--kds-spacing-3);
|
|
@@ -6195,6 +6202,8 @@
|
|
|
6195
6202
|
.kds-theme-root .kds-bottom-sheet-body {
|
|
6196
6203
|
text-align: left;
|
|
6197
6204
|
margin-top: var(--kds-spacing-1);
|
|
6205
|
+
overflow-y: auto;
|
|
6206
|
+
min-height: 0;
|
|
6198
6207
|
}
|
|
6199
6208
|
|
|
6200
6209
|
.kds-theme-root .kds-bottom-sheet-icon {
|
|
@@ -6243,6 +6252,19 @@
|
|
|
6243
6252
|
to { opacity: 1; }
|
|
6244
6253
|
}
|
|
6245
6254
|
|
|
6255
|
+
/* Botón con llenado progresivo (feedback visual de auto-cierre).
|
|
6256
|
+
Duración parametrizable con --kds-fill-duration (default 12s). */
|
|
6257
|
+
.kds-theme-root .kds-btn-fill-progress {
|
|
6258
|
+
background-image: linear-gradient(to right, var(--kds-color-primary-dark), var(--kds-color-primary-dark));
|
|
6259
|
+
background-repeat: no-repeat;
|
|
6260
|
+
background-size: 0% 100%;
|
|
6261
|
+
animation: kds-btn-fill var(--kds-fill-duration, 12s) linear forwards;
|
|
6262
|
+
}
|
|
6263
|
+
|
|
6264
|
+
@keyframes kds-btn-fill {
|
|
6265
|
+
to { background-size: 100% 100%; }
|
|
6266
|
+
}
|
|
6267
|
+
|
|
6246
6268
|
@keyframes kds-rise {
|
|
6247
6269
|
from { transform: translateY(var(--kds-spacing-2-5)); opacity: 0.4; }
|
|
6248
6270
|
to { transform: none; opacity: 1; }
|