@momentum-design/components 0.102.3 → 0.102.5

package/dist/react/list/index.js

@@ -5,11 +5,15 @@ import { TAG_NAME } from '../../components/list/list.constants';
 /**
  * mdc-list component is used to display a group of list items. It is used as a container to wrap other list items.
  *
+ * To add a header to the list, use the `mdc-listheader` component and place it in the `list-header` slot.
+ * `mdc-listitem` components can be placed in the default slot.
+ *
  * @tagname mdc-list
  *
- * @dependency mdc-text
+ * @slot default - This is a default/unnamed slot, where listitems can be placed.
+ * @slot list-header - This slot is used to pass a header for the list, which can be a `mdc-listheader` component.
  *
- * @slot default - This is a default/unnamed slot
+ * @csspart container - The container slot around the list items
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -43,8 +43,9 @@ import Component from '../../components/password';
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onInput: EventName<InputEvent>;
-    onChange: EventName<Event>;
+    onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
     onFocus: EventName<FocusEvent>;
     onBlur: EventName<FocusEvent>;
+    onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
 }>;
 export default reactWrapper;

package/dist/react/password/index.js

@@ -52,6 +52,7 @@ const reactWrapper = createComponent({
         onChange: 'change',
         onFocus: 'focus',
         onBlur: 'blur',
+        onClear: 'clear',
     },
     displayName: 'Password',
 });

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

@@ -1,7 +1,7 @@
 import { type EventName } from '@lit/react';
 import Component from '../../components/searchfield';
 /**
- * searchfield component is used as an input field for search functionality.
+ * `mdc-searchfield` component is used as an input field for search functionality.
  *
  * It supports `mdc-inputchip` as filters.
  *
@@ -9,13 +9,19 @@ import Component from '../../components/searchfield';
  *
  * @tagname mdc-searchfield
  *
- * @slot filters - Slot for input chips
+ * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).
+ * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).
+ * @event focus - (React: onFocus) This event is dispatched when the input receives focus.
+ * @event blur - (React: onBlur) This event is dispatched when the input loses focus.
+ * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
  *
+ * @slot filters - Slot for input chips
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onInput: EventName<InputEvent>;
-    onChange: EventName<Event>;
+    onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
     onFocus: EventName<FocusEvent>;
     onBlur: EventName<FocusEvent>;
+    onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
 }>;
 export default reactWrapper;

package/dist/react/searchfield/index.js

@@ -3,7 +3,7 @@ import { createComponent } from '@lit/react';
 import Component from '../../components/searchfield';
 import { TAG_NAME } from '../../components/searchfield/searchfield.constants';
 /**
- * searchfield component is used as an input field for search functionality.
+ * `mdc-searchfield` component is used as an input field for search functionality.
  *
  * It supports `mdc-inputchip` as filters.
  *
@@ -11,8 +11,13 @@ import { TAG_NAME } from '../../components/searchfield/searchfield.constants';
  *
  * @tagname mdc-searchfield
  *
- * @slot filters - Slot for input chips
+ * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).
+ * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).
+ * @event focus - (React: onFocus) This event is dispatched when the input receives focus.
+ * @event blur - (React: onBlur) This event is dispatched when the input loses focus.
+ * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
  *
+ * @slot filters - Slot for input chips
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,
@@ -23,6 +28,7 @@ const reactWrapper = createComponent({
         onChange: 'change',
         onFocus: 'focus',
         onBlur: 'blur',
+        onClear: 'clear',
     },
     displayName: 'Searchfield',
 });

package/package.json

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