@khipu/design-system 0.2.0-alpha.107 → 0.2.0-alpha.109

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.
@@ -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-07-07T15:39:54.699Z
14
+ * Generated: 2026-07-08T20:36:23.970Z
15
15
  *
16
16
  * To regenerate:
17
17
  * cd design-system && npm run tokens:generate
@@ -6769,6 +6769,20 @@ div.kds-invoice-header,
6769
6769
  text-overflow: ellipsis;
6770
6770
  }
6771
6771
 
6772
+ /* -- Summary panel --
6773
+ Recuadro de datos del pago en pantallas de resultado: contenido en columna
6774
+ (gap spacing-2, típicamente pares kv) dentro de un borde sutil. */
6775
+ .kds-summary-panel {
6776
+ display: flex;
6777
+ flex-direction: column;
6778
+ gap: var(--kds-spacing-2);
6779
+ width: 100%;
6780
+ padding: var(--kds-spacing-2);
6781
+ border: var(--kds-border-width-sm) solid var(--kds-color-border);
6782
+ border-radius: var(--kds-radius-card);
6783
+ text-align: left;
6784
+ }
6785
+
6772
6786
  /* -- Dividers -- */
6773
6787
  .kds-hr {
6774
6788
  height: 1px;
@@ -7121,6 +7135,18 @@ svg[fill='none'] {
7121
7135
  fill: none;
7122
7136
  }
7123
7137
 
7138
+ /* -- Bottom sheet centered content --
7139
+ Contenido escueto centrado verticalmente con altura mínima estable, para que
7140
+ el sheet no encoja cuando la vista tiene pocos elementos (p.ej. drawer de
7141
+ autorización: título + ilustración + timer). */
7142
+ .kds-bottom-sheet-centered-content {
7143
+ display: flex;
7144
+ flex-direction: column;
7145
+ align-items: center;
7146
+ justify-content: center;
7147
+ min-height: var(--kds-bottom-sheet-content-min-height, 21rem);
7148
+ }
7149
+
7124
7150
  /* -- Bottom sheet description (subtle / smaller) -- */
7125
7151
  .kds-bottom-sheet-description-subtle {
7126
7152
  color: var(--kds-color-text-secondary);