@momentum-design/components 0.121.4 → 0.121.5

package/dist/components/accordion/accordion.component.d.ts

@@ -54,6 +54,14 @@ declare class Accordion extends AccordionButton {
     leadingControlsSlot: Array<HTMLElement>;
     /** @internal */
     trailingControlsSlot: Array<HTMLElement>;
+    /**
+     * Aria-label attribute for the trigger button when accordion is collapsed.
+     */
+    openButtonAriaLabel?: string;
+    /**
+     * Aria-label attribute for the trigger button when accordion is expanded.
+     */
+    closeButtonAriaLabel?: string;
     /**
      * Handles property changes for the accordion.
      * If the disabled property is updated, applies the same disabled state to all elements in the leading and trailing controls slots.

package/dist/components/accordion/accordion.component.js

@@ -8,7 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { html } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
+import { queryAssignedElements, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { ROLE } from '../../utils/roles';
 import AccordionButton from '../accordionbutton/accordionbutton.component';
@@ -108,7 +108,7 @@ class Accordion extends AccordionButton {
             @click="${this.handleHeaderClick}"
             aria-controls="${this.bodySectionId}"
             aria-expanded="${this.expanded}"
-            title="${ifDefined(this.headerText)}"
+            aria-label="${ifDefined(this.expanded ? this.closeButtonAriaLabel : this.openButtonAriaLabel)}"
             prefix-icon="${this.getArrowIconName()}"
             variant="${BUTTON_VARIANTS.TERTIARY}"
             size="${ICON_BUTTON_SIZES[20]}"
@@ -127,4 +127,12 @@ __decorate([
     queryAssignedElements({ slot: 'trailing-controls' }),
     __metadata("design:type", Array)
 ], Accordion.prototype, "trailingControlsSlot", void 0);
+__decorate([
+    property({ type: String, attribute: 'open-button-aria-label', reflect: true }),
+    __metadata("design:type", String)
+], Accordion.prototype, "openButtonAriaLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'close-button-aria-label', reflect: true }),
+    __metadata("design:type", String)
+], Accordion.prototype, "closeButtonAriaLabel", void 0);
 export default Accordion;