@khipu/design-system 0.3.5-alpha.20 → 0.3.5-alpha.21

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.
@@ -15,7 +15,7 @@
15
15
  *
16
16
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
17
17
  * Source: design-system/src/tokens/tokens.json
18
- * Generated: 2026-09-04T16:12:10.133Z
18
+ * Generated: 2026-09-04T20:24:13.733Z
19
19
  *
20
20
  * To regenerate:
21
21
  * cd design-system && npm run tokens:generate
@@ -1224,6 +1224,29 @@
1224
1224
  opacity: 0.9;
1225
1225
  }
1226
1226
 
1227
+ /* Outlined success — compone con .kds-btn-outlined, igual que .kds-btn-outlined-white:
1228
+ solo cambia superficie y color, la caja la aporta la variante base. */
1229
+ .kds-theme-root button.kds-btn-outlined-success,
1230
+ .kds-theme-root a.kds-btn-outlined-success {
1231
+ background: transparent;
1232
+ color: var(--kds-color-success-main);
1233
+ border-color: var(--kds-color-success-main);
1234
+ }
1235
+
1236
+ .kds-theme-root button.kds-btn-outlined-success:hover:not(:disabled),
1237
+ .kds-theme-root a.kds-btn-outlined-success:hover:not(:disabled) {
1238
+ background: var(--kds-color-success-soft);
1239
+ border-color: var(--kds-color-success-dark);
1240
+ color: var(--kds-color-success-dark);
1241
+ }
1242
+
1243
+ .kds-theme-root button.kds-btn-outlined-success:disabled,
1244
+ .kds-theme-root a.kds-btn-outlined-success:disabled {
1245
+ background: transparent;
1246
+ color: var(--kds-color-action-disabled);
1247
+ border-color: var(--kds-color-action-disabled);
1248
+ }
1249
+
1227
1250
  /* Text button — mismo tamaño que el resto de variantes (hereda min-height/padding
1228
1251
  del base): solo cambia la superficie, no la caja. */
1229
1252
  .kds-theme-root button.kds-btn-text,
@@ -4373,14 +4396,16 @@
4373
4396
 
4374
4397
  /* Code block for displaying code snippets */
4375
4398
  .kds-theme-root .kds-code-block {
4376
- background: var(--kds-color-background-elevated);
4377
- padding: var(--kds-spacing-4);
4399
+ background: var(--kds-color-background-muted);
4400
+ border: 1px solid var(--kds-color-divider);
4401
+ padding: var(--kds-spacing-2);
4378
4402
  border-radius: var(--kds-radius-md);
4379
4403
  overflow-x: auto;
4380
- font-family: 'Courier New', monospace;
4404
+ font-family: var(--kds-font-family-mono);
4381
4405
  font-size: var(--kds-font-size-sm);
4382
4406
  line-height: var(--kds-line-height-relaxed);
4383
4407
  color: var(--kds-color-text-primary);
4408
+ tab-size: 4;
4384
4409
  }
4385
4410
 
4386
4411
  /* ============================================