@maboussoleaidant/design-system 0.1.42 → 0.1.43

package/CHANGELOG.md

@@ -6,6 +6,20 @@ Format inspiré de [Keep a Changelog](https://keepachangelog.com/fr/1.1.0/). Ver
 
 ---
 
+## [0.1.43] — 2026-09-15
+
+Correctif du **menu mobile du header**. **100 % rétrocompatible** (aucune classe modifiée).
+
+### 🐛 Correctif
+
+- **`.mba-header__mobile-menu`** (`src/components/_header.css`) — suppression de l'interstice sous le header.
+  - **Problème** : `top: calc(100% + var(--mba-space-xs))` laissait **8 px de fond de page** entre le bas de la barre et le haut du menu déroulant. La maquette montre un bloc blanc continu.
+  - **Correction** : `top: 100%`. Bas du header et haut du menu coïncident désormais exactement (72 px / 72 px, écart nul).
+  - **Coins hauts mis droits** : `border-radius` passe de `var(--mba-radius-xs)` sur les quatre coins à `0 0 var(--mba-radius-xs) var(--mba-radius-xs)`. Une fois le menu accolé, des coins hauts arrondis auraient laissé le fond transparaître dans la jonction.
+  - Le `border-radius` de `.mba-header` (`0 0 16px 16px`) est **inchangé** : l'encoche qu'il creuse à la jonction est conforme à la maquette.
+
+---
+
 ## [0.1.42] — 2026-09-15
 
 Alignement des **logos du header** sur ceux du footer. **100 % rétrocompatible** (aucune classe modifiée).

package/dist/mba-design-system.css

@@ -3904,11 +3904,14 @@ button.mba-input-icon__icon:hover {
    =========================================== */
 .mba-header__mobile-menu {
   position: absolute;
-  top: calc(100% + var(--mba-space-xs));
+  /* Accolé au header, sans interstice : la maquette montre un bloc blanc
+     continu entre la barre et le menu. Les coins hauts restent droits
+     pour que la jonction ne laisse pas apparaître le fond. */
+  top: 100%;
   left: 0;
   right: 0;
   background-color: var(--mba-color-white);
-  border-radius: var(--mba-radius-xs);
+  border-radius: 0 0 var(--mba-radius-xs) var(--mba-radius-xs);
   padding: var(--mba-space-md);
   display: none;
   z-index: 999;