@momentum-design/components 0.121.4 → 0.121.6

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;

package/dist/components/input/input.styles.js

@@ -13,11 +13,13 @@ const styles = [
     :host,
     :host::part(input-container),
     :host::part(input-section),
-    :host::part(input-text) {
+    :host::part(input-text),
+    ::slotted(input) {
       width: 100%;
     }
 
-    :host::part(input-text) {
+    :host::part(input-text),
+    ::slotted(input) {
       font-family: inherit;
     }
 
@@ -55,14 +57,16 @@ const styles = [
       gap: 0.25rem;
     }
 
-    :host::part(input-text) {
+    :host::part(input-text),
+    ::slotted(input) {
       border: none;
       color: var(--mdc-input-text-color);
       background-color: inherit;
       outline: none;
     }
 
-    :host::part(input-text)::selection {
+    :host::part(input-text)::selection,
+    ::slotted(input)::selection {
       background-color: var(--mdc-input-selection-background-color);
       color: var(--mdc-input-selection-text-color);
     }

package/dist/components/password/password.component.js

@@ -136,11 +136,11 @@ class Password extends Input {
 }
 Password.styles = [...Input.styles];
 __decorate([
-    property({ type: String, attribute: 'show-button-aria-label' }),
+    property({ type: String, attribute: 'show-button-aria-label', reflect: true }),
     __metadata("design:type", Object)
 ], Password.prototype, "showButtonAriaLabel", void 0);
 __decorate([
-    property({ type: String, attribute: 'hide-button-aria-label' }),
+    property({ type: String, attribute: 'hide-button-aria-label', reflect: true }),
     __metadata("design:type", Object)
 ], Password.prototype, "hideButtonAriaLabel", void 0);
 __decorate([

package/dist/components/textarea/textarea.types.d.ts

@@ -3,11 +3,16 @@ import type Textarea from './textarea.component';
 import { AUTO_COMPLETE, WRAP } from './textarea.constants';
 type WrapType = ValueOf<typeof WRAP>;
 type AutoCompleteType = ValueOf<typeof AUTO_COMPLETE>;
+type TextareaInputEvent = OverrideEventTarget<InputEvent, Textarea>;
+type TextareaChangeEvent = TypedCustomEvent<Textarea>;
+type TextareaFocusEvent = OverrideEventTarget<FocusEvent, Textarea>;
+type TextareaBlurEvent = OverrideEventTarget<FocusEvent, Textarea>;
+type TextareaLimitExceededEvent = TypedCustomEvent<Textarea>;
 interface Events {
-    onInputEvent: OverrideEventTarget<InputEvent, Textarea>;
-    onChangeEvent: TypedCustomEvent<Textarea>;
-    onFocusEvent: OverrideEventTarget<FocusEvent, Textarea>;
-    onBlurEvent: OverrideEventTarget<FocusEvent, Textarea>;
-    onLimitExceededEvent: TypedCustomEvent<Textarea>;
+    onInputEvent: TextareaInputEvent;
+    onChangeEvent: TextareaChangeEvent;
+    onFocusEvent: TextareaFocusEvent;
+    onBlurEvent: TextareaBlurEvent;
+    onLimitExceededEvent: TextareaLimitExceededEvent;
 }
-export type { WrapType, AutoCompleteType, Events };
+export type { WrapType, AutoCompleteType, Events, TextareaInputEvent, TextareaChangeEvent, TextareaFocusEvent, TextareaBlurEvent, TextareaLimitExceededEvent, };