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