@momentum-design/components 0.102.4 → 0.102.6

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionGroup } from './accordiongroup';
 export { default as AccordionButton } from './accordionbutton';
+export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
@@ -11,10 +11,10 @@ export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
-export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
+export { default as ButtonLink } from './buttonlink';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';
@@ -72,7 +72,7 @@ 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 ToggleTip } from './toggletip';
 export { default as Tooltip } from './tooltip';
 export { default as Typewriter } from './typewriter';
 export { default as VirtualizedList } from './virtualizedlist';
+export { default as ToggleTip } from './toggletip';

package/dist/react/index.js

@@ -1,6 +1,6 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionGroup } from './accordiongroup';
 export { default as AccordionButton } from './accordionbutton';
+export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
@@ -11,10 +11,10 @@ export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
-export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
 export { default as CardButton } from './cardbutton';
+export { default as ButtonLink } from './buttonlink';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';
@@ -72,7 +72,7 @@ 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 ToggleTip } from './toggletip';
 export { default as Tooltip } from './tooltip';
 export { default as Typewriter } from './typewriter';
 export { default as VirtualizedList } from './virtualizedlist';
+export { default as ToggleTip } from './toggletip';

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

@@ -18,6 +18,7 @@ import Component from '../../components/input';
  * @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.
  *
  * @dependency mdc-icon
  * @dependency mdc-text
@@ -43,8 +44,9 @@ import Component from '../../components/input';
  *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
     onInput: EventName<InputEvent>;
-    onChange: EventName<Event>;
+    onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
     onFocus: EventName<FocusEvent>;
     onBlur: EventName<FocusEvent>;
 }>;

package/dist/react/input/index.js

@@ -20,6 +20,7 @@ import { TAG_NAME } from '../../components/input/input.constants';
  * @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.
  *
  * @dependency mdc-icon
  * @dependency mdc-text
@@ -49,6 +50,7 @@ const reactWrapper = createComponent({
     elementClass: Component,
     react: React,
     events: {
+        onClear: 'clear',
         onInput: 'input',
         onChange: 'change',
         onFocus: 'focus',

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.4",
+  "version": "0.102.6",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"