@momentum-design/components 0.104.11 → 0.104.13

package/dist/react/cardcheckbox/index.d.ts

@@ -45,9 +45,12 @@ import Component from '../../components/cardcheckbox';
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
- *
+ * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onChange: EventName<CustomEvent<unknown> & {
+        target: Component;
+    }>;
     onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
     onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
     onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;

package/dist/react/cardcheckbox/index.js

@@ -47,13 +47,14 @@ import { TAG_NAME } from '../../components/cardcheckbox/cardcheckbox.constants';
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
- *
+ * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,
     elementClass: Component,
     react: React,
     events: {
+        onChange: 'change',
         onClick: 'click',
         onKeyDown: 'keydown',
         onKeyUp: 'keyup',

package/dist/react/cardradio/index.d.ts

@@ -45,9 +45,12 @@ import Component from '../../components/cardradio';
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
- *
+ * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onChange: EventName<CustomEvent<unknown> & {
+        target: Component;
+    }>;
     onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
     onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
     onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;

package/dist/react/cardradio/index.js

@@ -47,13 +47,14 @@ import { TAG_NAME } from '../../components/cardradio/cardradio.constants';
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the card.
  * It toggles the checked state when space key is used.
  * @event focus - (React: onFocus) Event that gets dispatched when the card receives focus.
- *
+ * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,
     elementClass: Component,
     react: React,
     events: {
+        onChange: 'change',
         onClick: 'click',
         onKeyDown: 'keydown',
         onKeyUp: 'keyup',

package/dist/react/index.d.ts

@@ -31,10 +31,10 @@ 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 LinkButton } from './linkbutton';
-export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as Listheader } from './listheader';
+export { default as Linksimple } from './linksimple';
+export { default as LinkButton } from './linkbutton';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
 export { default as MenuBar } from './menubar';
@@ -72,8 +72,8 @@ export { default as TabList } from './tablist';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
-export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
+export { default as Toast } from './toast';
 export { default as ToggleTip } from './toggletip';
 export { default as Tooltip } from './tooltip';
 export { default as Typewriter } from './typewriter';

package/dist/react/index.js

@@ -31,10 +31,10 @@ 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 LinkButton } from './linkbutton';
-export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as Listheader } from './listheader';
+export { default as Linksimple } from './linksimple';
+export { default as LinkButton } from './linkbutton';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
 export { default as MenuBar } from './menubar';
@@ -72,8 +72,8 @@ export { default as TabList } from './tablist';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
-export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
+export { default as Toast } from './toast';
 export { default as ToggleTip } from './toggletip';
 export { default as Tooltip } from './tooltip';
 export { default as Typewriter } from './typewriter';

package/dist/utils/mixins/FormInternalsMixin.js

@@ -8,7 +8,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { property, query } from 'lit/decorators.js';
-import { v4 as uuidv4 } from 'uuid';
 export const FormInternalsMixin = (superClass) => {
     class InnerMixinClass extends superClass {
         constructor() {
@@ -37,11 +36,6 @@ export const FormInternalsMixin = (superClass) => {
         get willValidate() {
             return this.internals.willValidate;
         }
-        connectedCallback() {
-            super.connectedCallback();
-            /** @internal */
-            this.id = `mdc-el-${uuidv4()}`;
-        }
         /**
          * Sets the validity of the input field based on the input field's validity.
          * @returns void

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.104.11",
+  "version": "0.104.13",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"