@momentum-design/components 0.29.0 → 0.29.1

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

@@ -2,7 +2,7 @@ import type { PropertyValues } from 'lit';
 import { CSSResult } from 'lit';
 import { Component } from '../../models';
 import type { ButtonSize, ButtonType } from './buttonsimple.types';
-declare const Buttonsimple_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/FormInternalsMixin").FormInternalsMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/TabIndexMixin").TabIndexMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/DisabledMixin").DisabledMixinInterface> & typeof Component;
+declare const Buttonsimple_base: import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/TabIndexMixin").TabIndexMixinInterface> & import("../../utils/mixins/index.types").Constructor<import("../../utils/mixins/DisabledMixin").DisabledMixinInterface> & typeof Component;
 /**
  * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.
  * It is used as an internal component and is not intended to be used directly by consumers.
@@ -60,6 +60,12 @@ declare class Buttonsimple extends Buttonsimple_base {
      * @internal
      */
     private prevTabindex;
+    /** @internal */
+    static formAssociated: boolean;
+    /** @internal */
+    private internals;
+    /** @internal */
+    get form(): HTMLFormElement | null;
     constructor();
     update(changedProperties: PropertyValues): void;
     protected executeAction(): void;

package/dist/components/buttonsimple/buttonsimple.component.js

@@ -11,7 +11,6 @@ import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Component } from '../../models';
 import { DisabledMixin } from '../../utils/mixins/DisabledMixin';
-import { FormInternalsMixin } from '../../utils/mixins/FormInternalsMixin';
 import { TabIndexMixin } from '../../utils/mixins/TabIndexMixin';
 import { BUTTON_TYPE, DEFAULTS } from './buttonsimple.constants';
 import styles from './buttonsimple.styles';
@@ -27,7 +26,11 @@ import styles from './buttonsimple.styles';
  *
  * @tagname mdc-buttonsimple
  */
-class Buttonsimple extends FormInternalsMixin(TabIndexMixin(DisabledMixin(Component))) {
+class Buttonsimple extends TabIndexMixin(DisabledMixin(Component)) {
+    /** @internal */
+    get form() {
+        return this.internals.form;
+    }
     constructor() {
         super();
         /**
@@ -74,6 +77,8 @@ class Buttonsimple extends FormInternalsMixin(TabIndexMixin(DisabledMixin(Compon
          * @internal
          */
         this.prevTabindex = 0;
+        /** @internal */
+        this.internals = this.attachInternals();
         this.addEventListener('click', this.executeAction.bind(this));
         this.addEventListener('keydown', this.handleKeyDown.bind(this));
         this.addEventListener('keyup', this.handleKeyUp.bind(this));
@@ -203,6 +208,8 @@ class Buttonsimple extends FormInternalsMixin(TabIndexMixin(DisabledMixin(Compon
     `;
     }
 }
+/** @internal */
+Buttonsimple.formAssociated = true;
 Buttonsimple.styles = [...Component.styles, ...styles];
 __decorate([
     property({ type: Boolean, reflect: true }),

package/dist/components/checkbox/checkbox.component.js

@@ -10,7 +10,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { v4 as uuidv4 } from 'uuid';
 import { DataAriaLabelMixin } from '../../utils/mixins/DataAriaLabelMixin';
 import { FormInternalsMixin } from '../../utils/mixins/FormInternalsMixin';
 import FormfieldWrapper from '../formfieldwrapper/formfieldwrapper.component';
@@ -79,7 +78,6 @@ class Checkbox extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper))
         };
         // Checkbox does not contain helpTextType property.
         this.helpTextType = undefined;
-        this.id = `mdc-input-${uuidv4()}`;
     }
     /**
      * Updates the form value to reflect the current state of the checkbox.

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

@@ -117,7 +117,6 @@ declare class Input extends Input_base implements AssociatedFormControl {
      * @default ''
      */
     clearAriaLabel: string;
-    constructor();
     connectedCallback(): void;
     /** @internal */
     formResetCallback(): void;

package/dist/components/input/input.component.js

@@ -10,7 +10,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { v4 as uuidv4 } from 'uuid';
 import styles from './input.styles';
 import FormfieldWrapper from '../formfieldwrapper';
 import { AUTO_CAPITALIZE, DEFAULTS, PREFIX_TEXT_OPTIONS } from './input.constants';
@@ -60,7 +59,7 @@ import { FormInternalsMixin } from '../../utils/mixins/FormInternalsMixin';
  */
 class Input extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
     constructor() {
-        super();
+        super(...arguments);
         /**
          * The placeholder text that is displayed when the input field is empty.
          */
@@ -94,7 +93,6 @@ class Input extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
          * @default ''
          */
         this.clearAriaLabel = '';
-        this.id = `mdc-input-${uuidv4()}`;
     }
     connectedCallback() {
         super.connectedCallback();

package/dist/components/radio/radio.component.js

@@ -11,7 +11,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { v4 as uuidv4 } from 'uuid';
 import styles from './radio.styles';
 import FormfieldWrapper from '../formfieldwrapper/formfieldwrapper.component';
 import { DataAriaLabelMixin } from '../../utils/mixins/DataAriaLabelMixin';
@@ -78,7 +77,6 @@ class Radio extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
         };
         // Radio does not contain helpTextType property.
         this.helpTextType = undefined;
-        this.id = `mdc-radio-${uuidv4()}`;
     }
     firstUpdated() {
         this.updateTabIndex();

package/dist/components/toggle/toggle.component.js

@@ -10,7 +10,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { v4 as uuidv4 } from 'uuid';
 import styles from './toggle.styles';
 import FormfieldWrapper from '../formfieldwrapper';
 import { DEFAULTS as FORMFIELD_DEFAULTS } from '../formfieldwrapper/formfieldwrapper.constants';
@@ -76,7 +75,6 @@ class Toggle extends FormInternalsMixin(DataAriaLabelMixin(FormfieldWrapper)) {
         this.autofocus = false;
         // Toggle does not contain helpTextType property.
         this.helpTextType = undefined;
-        this.id = `mdc-toggle-${uuidv4()}`;
     }
     /** @internal
    * Resets the checkbox to its initial state.