@khipu/design-system 0.2.0-alpha.33 → 0.2.0-alpha.35

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.
@@ -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-09T13:05:49.029Z
16
+ * Generated: 2026-06-09T19:35:12.251Z
17
17
  *
18
18
  * To regenerate:
19
19
  * cd design-system && npm run tokens:generate
@@ -6032,12 +6032,12 @@
6032
6032
  /* Opt-in size modifiers (additive — do NOT change default 16/600) */
6033
6033
  .kds-theme-root .kds-card-title--lg {
6034
6034
  font-size: var(--kds-font-size-xl); /* 20px */
6035
- font-weight: var(--kds-font-weight-bold); /* 700 */
6035
+ font-weight: var(--kds-font-weight-semibold);
6036
6036
  }
6037
6037
 
6038
6038
  .kds-theme-root .kds-card-title--xl {
6039
6039
  font-size: var(--kds-font-size-2xl); /* 24px */
6040
- font-weight: var(--kds-font-weight-bold); /* 700 */
6040
+ font-weight: var(--kds-font-weight-semibold);
6041
6041
  }
6042
6042
 
6043
6043
  /* -- Key-Value Grid -- */
@@ -6250,6 +6250,39 @@
6250
6250
  display: none;
6251
6251
  }
6252
6252
 
6253
+ /* -- Button Error (red / destructive CTA) -- */
6254
+ .kds-theme-root button.kds-btn-error,
6255
+ .kds-theme-root a.kds-btn-error {
6256
+ background: var(--kds-color-error-main);
6257
+ color: var(--kds-color-error-contrast);
6258
+ border: none;
6259
+ }
6260
+
6261
+ .kds-theme-root button.kds-btn-error:hover:not(:disabled),
6262
+ .kds-theme-root a.kds-btn-error:hover:not(:disabled) {
6263
+ background: var(--kds-color-error-dark);
6264
+ }
6265
+
6266
+ .kds-theme-root button.kds-btn-error:active:not(:disabled),
6267
+ .kds-theme-root button.kds-btn-error:focus-visible:not(:disabled),
6268
+ .kds-theme-root a.kds-btn-error:active:not(:disabled),
6269
+ .kds-theme-root a.kds-btn-error:focus-visible:not(:disabled) {
6270
+ background: var(--kds-color-error-dark);
6271
+ outline: 2px solid var(--kds-color-error-main);
6272
+ outline-offset: 2px;
6273
+ }
6274
+
6275
+ .kds-theme-root button.kds-btn-error:disabled,
6276
+ .kds-theme-root a.kds-btn-error:disabled {
6277
+ background-color: var(--kds-color-action-disabled-bg);
6278
+ color: var(--kds-color-action-disabled);
6279
+ box-shadow: none;
6280
+ }
6281
+
6282
+ .kds-theme-root button.kds-btn-error::after {
6283
+ display: none;
6284
+ }
6285
+
6253
6286
  /* -- Field Helper Text -- */
6254
6287
  .kds-theme-root .kds-field-helper {
6255
6288
  font-size: var(--kds-font-size-xs);
@@ -7598,3 +7631,6 @@
7598
7631
  .kds-theme-root .kds-col-lg-12 { grid-area: auto/span 12; }
7599
7632
  }
7600
7633
 
7634
+
7635
+ /* coexistence: scope wrapper must not impose layout on the host */
7636
+ .kds-theme-root{display:contents}