feat(components): add part body to the post-accordion-item .accordion-body shadowdom element (#6205)

Author: oliverschuerch

.changeset/popular-wombats-glow.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': minor
+---
+
+Added the `part="body"` attribute to the `post-accordion-item .accordion-body` shadowdom element, so it is possible to override the implemented styles.

packages/components/src/components/post-accordion-item/post-accordion-item.tsx

@@ -4,6 +4,8 @@ import { HEADING_LEVELS, HeadingLevel } from '@/types';
 import { checkEmptyOrOneOf } from '@/utils';
 
 /**
+ * @part accordion-item - The container element that wraps the entire accordion item.
+ * @part body - The container element that holds the accordion item's content.
  * @slot header - Slot for placing custom content within the accordion item's header.
  * @slot default - Slot for placing content within the accordion item's body.
  */
@@ -86,7 +88,7 @@ export class PostAccordionItem {
             collapsed={this.collapsed}
             ref={el => (this.collapsible = el)}
           >
-            <div class="accordion-body">
+            <div class="accordion-body" part="body">
               <slot />
             </div>
           </post-collapsible>

packages/components/src/components/post-accordion-item/readme.md

@@ -42,9 +42,10 @@ Type: `Promise<boolean>`
 
 ## Shadow Parts
 
-| Part               | Description |
-| ------------------ | ----------- |
-| `"accordion-item"` |             |
+| Part               | Description                                                    |
+| ------------------ | -------------------------------------------------------------- |
+| `"accordion-item"` | The container element that wraps the entire accordion item.    |
+| `"body"`           | The container element that holds the accordion item's content. |
 
 
 ## Dependencies