@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
|
@@ -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-22T17:27:14.628Z
|
|
17
17
|
*
|
|
18
18
|
* To regenerate:
|
|
19
19
|
* cd design-system && npm run tokens:generate
|
|
@@ -1012,6 +1012,17 @@
|
|
|
1012
1012
|
vertical-align: middle;
|
|
1013
1013
|
}
|
|
1014
1014
|
|
|
1015
|
+
/* Sin anillo de focus en botones: decision de diseno (KTUF-210) — el estado de
|
|
1016
|
+
focus/active se comunica solo con el cambio de fondo de cada variante. */
|
|
1017
|
+
.kds-theme-root button.kds-btn:focus,
|
|
1018
|
+
.kds-theme-root button.kds-btn:focus-visible,
|
|
1019
|
+
.kds-theme-root a.kds-btn:focus,
|
|
1020
|
+
.kds-theme-root a.kds-btn:focus-visible,
|
|
1021
|
+
.kds-theme-root button.kds-fab:focus,
|
|
1022
|
+
.kds-theme-root button.kds-fab:focus-visible {
|
|
1023
|
+
outline: none;
|
|
1024
|
+
}
|
|
1025
|
+
|
|
1015
1026
|
/* Active state - add subtle press effect */
|
|
1016
1027
|
.kds-theme-root button.kds-btn:active:not(:disabled),
|
|
1017
1028
|
.kds-theme-root a.kds-btn:active:not(:disabled) {
|
|
@@ -1050,8 +1061,6 @@
|
|
|
1050
1061
|
.kds-theme-root a.kds-btn-primary:active:not(:disabled),
|
|
1051
1062
|
.kds-theme-root a.kds-btn-primary:focus-visible:not(:disabled) {
|
|
1052
1063
|
background: var(--kds-color-primary-dark);
|
|
1053
|
-
outline: 2px solid var(--kds-color-primary-main);
|
|
1054
|
-
outline-offset: 2px;
|
|
1055
1064
|
}
|
|
1056
1065
|
|
|
1057
1066
|
/* Dark mode: the button is a light lavender with dark text, so hover/active must
|
|
@@ -5969,10 +5978,7 @@
|
|
|
5969
5978
|
transform: translateY(var(--kds-spacing-0-25));
|
|
5970
5979
|
}
|
|
5971
5980
|
|
|
5972
|
-
|
|
5973
|
-
outline: var(--kds-spacing-0-25) solid var(--kds-color-primary-main);
|
|
5974
|
-
outline-offset: var(--kds-spacing-0-25);
|
|
5975
|
-
}
|
|
5981
|
+
|
|
5976
5982
|
|
|
5977
5983
|
.kds-theme-root .kds-fab > i.material-symbols-outlined {
|
|
5978
5984
|
font-size: var(--kds-spacing-button-icon-size);
|
|
@@ -7332,8 +7338,6 @@
|
|
|
7332
7338
|
.kds-theme-root a.kds-btn-warning:active:not(:disabled),
|
|
7333
7339
|
.kds-theme-root a.kds-btn-warning:focus-visible:not(:disabled) {
|
|
7334
7340
|
background: var(--kds-color-warning-dark);
|
|
7335
|
-
outline: 2px solid var(--kds-color-warning-main);
|
|
7336
|
-
outline-offset: 2px;
|
|
7337
7341
|
}
|
|
7338
7342
|
|
|
7339
7343
|
.kds-theme-root button.kds-btn-warning:disabled,
|
|
@@ -7365,8 +7369,6 @@
|
|
|
7365
7369
|
.kds-theme-root a.kds-btn-error:active:not(:disabled),
|
|
7366
7370
|
.kds-theme-root a.kds-btn-error:focus-visible:not(:disabled) {
|
|
7367
7371
|
background: var(--kds-color-error-dark);
|
|
7368
|
-
outline: 2px solid var(--kds-color-error-main);
|
|
7369
|
-
outline-offset: 2px;
|
|
7370
7372
|
}
|
|
7371
7373
|
|
|
7372
7374
|
.kds-theme-root button.kds-btn-error:disabled,
|