@momentum-design/components 0.52.1 → 0.53.1

package/dist/react/index.d.ts

@@ -17,10 +17,10 @@ export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
-export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
+export { default as InputChip } from './inputchip';
 export { default as Marker } from './marker';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';

package/dist/react/index.js

@@ -17,10 +17,10 @@ export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
-export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
+export { default as InputChip } from './inputchip';
 export { default as Marker } from './marker';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';

package/dist/utils/mixins/FormInternalsMixin.js

@@ -11,18 +11,8 @@ import { property, query } from 'lit/decorators.js';
 import { v4 as uuidv4 } from 'uuid';
 export const FormInternalsMixin = (superClass) => {
     class InnerMixinClass extends superClass {
-        /** @internal */
-        get form() {
-            return this.internals.form;
-        }
-        get validity() {
-            return this.internals.validity;
-        }
-        get willValidate() {
-            return this.internals.willValidate;
-        }
-        constructor(...args) {
-            super(args);
+        constructor() {
+            super(...arguments);
             /**
          * Indicates the name of the component group.
          * They are used to group elements in a form together.
@@ -36,6 +26,20 @@ export const FormInternalsMixin = (superClass) => {
             this.value = '';
             /** @internal */
             this.internals = this.attachInternals();
+        }
+        /** @internal */
+        get form() {
+            return this.internals.form;
+        }
+        get validity() {
+            return this.internals.validity;
+        }
+        get willValidate() {
+            return this.internals.willValidate;
+        }
+        connectedCallback() {
+            super.connectedCallback();
+            /** @internal */
             this.id = `mdc-input-${uuidv4()}`;
         }
         /**

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.52.1"
+  "version": "0.53.1"
 }