@khipu/design-system 0.2.0-alpha.134 → 0.2.0-alpha.136
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 +13 -11
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +13 -11
- package/dist/beercss/khipu-beercss.scoped.min.css +1 -1
- package/dist/beercss/metadata.json +5 -5
- package/dist/index.d.mts +42 -1
- package/dist/index.d.ts +42 -1
- package/dist/index.js +102 -0
- package/dist/index.mjs +98 -0
- package/package.json +1 -1
|
@@ -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-
|
|
14
|
+
* Generated: 2026-07-22T17:27:14.628Z
|
|
15
15
|
*
|
|
16
16
|
* To regenerate:
|
|
17
17
|
* cd design-system && npm run tokens:generate
|
|
@@ -1010,6 +1010,17 @@ a.kds-btn {
|
|
|
1010
1010
|
vertical-align: middle;
|
|
1011
1011
|
}
|
|
1012
1012
|
|
|
1013
|
+
/* Sin anillo de focus en botones: decision de diseno (KTUF-210) — el estado de
|
|
1014
|
+
focus/active se comunica solo con el cambio de fondo de cada variante. */
|
|
1015
|
+
button.kds-btn:focus,
|
|
1016
|
+
button.kds-btn:focus-visible,
|
|
1017
|
+
a.kds-btn:focus,
|
|
1018
|
+
a.kds-btn:focus-visible,
|
|
1019
|
+
button.kds-fab:focus,
|
|
1020
|
+
button.kds-fab:focus-visible {
|
|
1021
|
+
outline: none;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1013
1024
|
/* Active state - add subtle press effect */
|
|
1014
1025
|
button.kds-btn:active:not(:disabled),
|
|
1015
1026
|
a.kds-btn:active:not(:disabled) {
|
|
@@ -1048,8 +1059,6 @@ button.kds-btn-primary:focus-visible:not(:disabled),
|
|
|
1048
1059
|
a.kds-btn-primary:active:not(:disabled),
|
|
1049
1060
|
a.kds-btn-primary:focus-visible:not(:disabled) {
|
|
1050
1061
|
background: var(--kds-color-primary-dark);
|
|
1051
|
-
outline: 2px solid var(--kds-color-primary-main);
|
|
1052
|
-
outline-offset: 2px;
|
|
1053
1062
|
}
|
|
1054
1063
|
|
|
1055
1064
|
/* Dark mode: the button is a light lavender with dark text, so hover/active must
|
|
@@ -5968,10 +5977,7 @@ button.kds-fab:active:not(:disabled) {
|
|
|
5968
5977
|
transform: translateY(var(--kds-spacing-0-25));
|
|
5969
5978
|
}
|
|
5970
5979
|
|
|
5971
|
-
|
|
5972
|
-
outline: var(--kds-spacing-0-25) solid var(--kds-color-primary-main);
|
|
5973
|
-
outline-offset: var(--kds-spacing-0-25);
|
|
5974
|
-
}
|
|
5980
|
+
|
|
5975
5981
|
|
|
5976
5982
|
.kds-fab > i.material-symbols-outlined {
|
|
5977
5983
|
font-size: var(--kds-spacing-button-icon-size);
|
|
@@ -7331,8 +7337,6 @@ button.kds-btn-warning:focus-visible:not(:disabled),
|
|
|
7331
7337
|
a.kds-btn-warning:active:not(:disabled),
|
|
7332
7338
|
a.kds-btn-warning:focus-visible:not(:disabled) {
|
|
7333
7339
|
background: var(--kds-color-warning-dark);
|
|
7334
|
-
outline: 2px solid var(--kds-color-warning-main);
|
|
7335
|
-
outline-offset: 2px;
|
|
7336
7340
|
}
|
|
7337
7341
|
|
|
7338
7342
|
button.kds-btn-warning:disabled,
|
|
@@ -7364,8 +7368,6 @@ button.kds-btn-error:focus-visible:not(:disabled),
|
|
|
7364
7368
|
a.kds-btn-error:active:not(:disabled),
|
|
7365
7369
|
a.kds-btn-error:focus-visible:not(:disabled) {
|
|
7366
7370
|
background: var(--kds-color-error-dark);
|
|
7367
|
-
outline: 2px solid var(--kds-color-error-main);
|
|
7368
|
-
outline-offset: 2px;
|
|
7369
7371
|
}
|
|
7370
7372
|
|
|
7371
7373
|
button.kds-btn-error:disabled,
|