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