@maboussoleaidant/design-system 0.1.37 → 0.1.38

package/dist/mba-design-system.css

@@ -4668,6 +4668,19 @@ button.mba-input-icon__icon:hover {
     background-color: transparent;
   }
 
+  /* ===========================================
+     IMBRICATION (parent → sous-éléments)
+     - Parent : séparateur ligne pleine (défaut .mba-accordion--line).
+     - Sous-élément imbriqué dans le panneau du parent : ligne pointillés.
+     - Replier le parent replie visuellement les sous-éléments : ils vivent
+       dans .mba-accordion__panel (display:none tant que le parent est fermé).
+     =========================================== */
+
+  /* Tout accordion line imbriqué dans le panneau d'un parent → trait pointillés */
+  .mba-accordion__panel .mba-accordion--line .mba-accordion__header {
+    border-bottom-style: dashed;
+  }
+
   .mba-accordion__title-wrapper {
     display: flex;
     align-items: center;
@@ -4725,7 +4738,8 @@ button.mba-input-icon__icon:hover {
     transition: transform var(--mba-transition-base);
   }
 
-  .mba-accordion--open .mba-accordion__icon {
+  /* Enfant direct uniquement : ne pas piloter l'icône des accordions imbriqués */
+  .mba-accordion--open > .mba-accordion__header .mba-accordion__icon {
     transform: rotate(180deg);
   }
 
@@ -4737,7 +4751,9 @@ button.mba-input-icon__icon:hover {
     background-color: var(--mba-color-white);
   }
 
-  .mba-accordion--open .mba-accordion__panel {
+  /* Enfant direct uniquement : chaque accordion contrôle son propre panneau,
+     sans forcer l'ouverture des panneaux des accordions imbriqués */
+  .mba-accordion--open > .mba-accordion__panel {
     display: block;
   }