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