@khipu/design-system 0.2.0-alpha.31 → 0.2.0-alpha.32

package/dist/beercss/khipu-beercss.css

@@ -11,7 +11,7 @@
  *
  * AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
  * Source: design-system/src/tokens/tokens.json
- * Generated: 2026-06-04T13:33:39.898Z
+ * Generated: 2026-06-05T17:00:00.009Z
  *
  * To regenerate:
  *   cd design-system && npm run tokens:generate
@@ -5983,6 +5983,9 @@ div.kds-invoice-header,
     place-items: center;
     color: #fff;
     flex-shrink: 0;
+    /* Clip the slightly-oversized logo (see `.kds-invoice-merchant img`) to the
+       rounded square so it can fully cover the deep-purple background. */
+    overflow: hidden;
 }
 
 .kds-invoice-merchant i {
@@ -6002,8 +6005,11 @@ div.kds-invoice-header,
 }
 
 .kds-invoice-merchant img {
-    width: 100%;
-    height: 100%;
+    /* Slightly larger than the container (+2px, centered by the grid) so the
+       logo overflows under the parent's rounded clip and the deep-purple
+       background never peeks through at the corners when the logo shrinks. */
+    width: calc(100% + 2px);
+    height: calc(100% + 2px);
     object-fit: cover;
     border-radius: var(--kds-radius-md);
 }
@@ -7416,7 +7422,8 @@ a.kds-copy-all-btn.copied:hover {
     margin-bottom: var(--kds-spacing-4);
 }
 
-.kds-payment-total .kds-payment-amount .kds-payment-total-decimal-sup {
+.kds-payment-total .kds-payment-amount .kds-payment-total-decimal-sup,
+.kds-invoice-amount .kds-payment-total-decimal-sup {
     font-size: var(--kds-font-size-decimal-sup);
     font-weight: var(--kds-font-weight-semibold);
     position: relative;