@khipu/design-system 0.2.0-alpha.34 → 0.2.0-alpha.36
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 +58 -1
- package/dist/beercss/khipu-beercss.min.css +1 -1
- package/dist/beercss/khipu-beercss.scoped.css +58 -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/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-06-
|
|
14
|
+
* Generated: 2026-06-09T20:29:44.508Z
|
|
15
15
|
*
|
|
16
16
|
* To regenerate:
|
|
17
17
|
* cd design-system && npm run tokens:generate
|
|
@@ -996,6 +996,30 @@ a.kds-btn-text:disabled {
|
|
|
996
996
|
box-shadow: none;
|
|
997
997
|
}
|
|
998
998
|
|
|
999
|
+
/* Error text (destructive, ghost) — red text, no fill/border. Para acciones
|
|
1000
|
+
destructivas secundarias que no deben competir con el CTA primario. */
|
|
1001
|
+
button.kds-btn-error-text,
|
|
1002
|
+
a.kds-btn-error-text {
|
|
1003
|
+
background: transparent;
|
|
1004
|
+
color: var(--kds-color-error-main);
|
|
1005
|
+
border: none;
|
|
1006
|
+
padding: 6px var(--kds-spacing-2);
|
|
1007
|
+
min-height: 32px;
|
|
1008
|
+
box-shadow: none;
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
button.kds-btn-error-text:hover:not(:disabled),
|
|
1012
|
+
a.kds-btn-error-text:hover:not(:disabled) {
|
|
1013
|
+
background: var(--kds-color-action-hover);
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
button.kds-btn-error-text:disabled,
|
|
1017
|
+
a.kds-btn-error-text:disabled {
|
|
1018
|
+
background: transparent;
|
|
1019
|
+
color: var(--kds-color-action-disabled);
|
|
1020
|
+
box-shadow: none;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
999
1023
|
/* Icon wrapper - control size via span container */
|
|
1000
1024
|
button.kds-btn > .kds-icon,
|
|
1001
1025
|
a.kds-btn > .kds-icon {
|
|
@@ -6249,6 +6273,39 @@ button.kds-btn-warning::after {
|
|
|
6249
6273
|
display: none;
|
|
6250
6274
|
}
|
|
6251
6275
|
|
|
6276
|
+
/* -- Button Error (red / destructive CTA) -- */
|
|
6277
|
+
button.kds-btn-error,
|
|
6278
|
+
a.kds-btn-error {
|
|
6279
|
+
background: var(--kds-color-error-main);
|
|
6280
|
+
color: var(--kds-color-error-contrast);
|
|
6281
|
+
border: none;
|
|
6282
|
+
}
|
|
6283
|
+
|
|
6284
|
+
button.kds-btn-error:hover:not(:disabled),
|
|
6285
|
+
a.kds-btn-error:hover:not(:disabled) {
|
|
6286
|
+
background: var(--kds-color-error-dark);
|
|
6287
|
+
}
|
|
6288
|
+
|
|
6289
|
+
button.kds-btn-error:active:not(:disabled),
|
|
6290
|
+
button.kds-btn-error:focus-visible:not(:disabled),
|
|
6291
|
+
a.kds-btn-error:active:not(:disabled),
|
|
6292
|
+
a.kds-btn-error:focus-visible:not(:disabled) {
|
|
6293
|
+
background: var(--kds-color-error-dark);
|
|
6294
|
+
outline: 2px solid var(--kds-color-error-main);
|
|
6295
|
+
outline-offset: 2px;
|
|
6296
|
+
}
|
|
6297
|
+
|
|
6298
|
+
button.kds-btn-error:disabled,
|
|
6299
|
+
a.kds-btn-error:disabled {
|
|
6300
|
+
background-color: var(--kds-color-action-disabled-bg);
|
|
6301
|
+
color: var(--kds-color-action-disabled);
|
|
6302
|
+
box-shadow: none;
|
|
6303
|
+
}
|
|
6304
|
+
|
|
6305
|
+
button.kds-btn-error::after {
|
|
6306
|
+
display: none;
|
|
6307
|
+
}
|
|
6308
|
+
|
|
6252
6309
|
/* -- Field Helper Text -- */
|
|
6253
6310
|
.kds-field-helper {
|
|
6254
6311
|
font-size: var(--kds-font-size-xs);
|