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