@momentum-design/components 0.102.4 → 0.102.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/browser/index.js +2 -2
  2. package/dist/browser/index.js.map +3 -3
  3. package/dist/components/input/input.component.d.ts +1 -0
  4. package/dist/components/input/input.component.js +2 -0
  5. package/dist/components/input/input.types.d.ts +7 -3
  6. package/dist/components/searchfield/searchfield.component.d.ts +7 -2
  7. package/dist/components/searchfield/searchfield.component.js +8 -3
  8. package/dist/components/searchfield/searchfield.types.d.ts +2 -0
  9. package/dist/components/searchfield/searchfield.types.js +1 -0
  10. package/dist/custom-elements.json +233 -201
  11. package/dist/react/index.d.ts +1 -1
  12. package/dist/react/index.js +1 -1
  13. package/dist/react/input/index.d.ts +3 -1
  14. package/dist/react/input/index.js +2 -0
  15. package/dist/react/password/index.d.ts +2 -1
  16. package/dist/react/password/index.js +1 -0
  17. package/dist/react/searchfield/index.d.ts +9 -3
  18. package/dist/react/searchfield/index.js +8 -2
  19. package/package.json +1 -1
package/dist/react/input/index.js CHANGED
@@ -20,6 +20,7 @@ import { TAG_NAME } from '../../components/input/input.constants';
20
20
  * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).
21
21
  * @event focus - (React: onFocus) This event is dispatched when the input receives focus.
22
22
  * @event blur - (React: onBlur) This event is dispatched when the input loses focus.
23
+ * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
23
24
  *
24
25
  * @dependency mdc-icon
25
26
  * @dependency mdc-text
@@ -49,6 +50,7 @@ const reactWrapper = createComponent({
49
50
  elementClass: Component,
50
51
  react: React,
51
52
  events: {
53
+ onClear: 'clear',
52
54
  onInput: 'input',
53
55
  onChange: 'change',
54
56
  onFocus: 'focus',
package/dist/react/password/index.d.ts CHANGED
@@ -43,8 +43,9 @@ import Component from '../../components/password';
43
43
  */
44
44
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
45
45
  onInput: EventName<InputEvent>;
46
- onChange: EventName<Event>;
46
+ onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
47
47
  onFocus: EventName<FocusEvent>;
48
48
  onBlur: EventName<FocusEvent>;
49
+ onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
49
50
  }>;
50
51
  export default reactWrapper;
package/dist/react/password/index.js CHANGED
@@ -52,6 +52,7 @@ const reactWrapper = createComponent({
52
52
  onChange: 'change',
53
53
  onFocus: 'focus',
54
54
  onBlur: 'blur',
55
+ onClear: 'clear',
55
56
  },
56
57
  displayName: 'Password',
57
58
  });
package/dist/react/searchfield/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/searchfield';
3
3
  /**
4
- * searchfield component is used as an input field for search functionality.
4
+ * `mdc-searchfield` component is used as an input field for search functionality.
5
5
  *
6
6
  * It supports `mdc-inputchip` as filters.
7
7
  *
@@ -9,13 +9,19 @@ import Component from '../../components/searchfield';
9
9
  *
10
10
  * @tagname mdc-searchfield
11
11
  *
12
- * @slot filters - Slot for input chips
12
+ * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).
13
+ * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).
14
+ * @event focus - (React: onFocus) This event is dispatched when the input receives focus.
15
+ * @event blur - (React: onBlur) This event is dispatched when the input loses focus.
16
+ * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
13
17
  *
18
+ * @slot filters - Slot for input chips
14
19
  */
15
20
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
16
21
  onInput: EventName<InputEvent>;
17
- onChange: EventName<Event>;
22
+ onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
18
23
  onFocus: EventName<FocusEvent>;
19
24
  onBlur: EventName<FocusEvent>;
25
+ onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
20
26
  }>;
21
27
  export default reactWrapper;
package/dist/react/searchfield/index.js CHANGED
@@ -3,7 +3,7 @@ import { createComponent } from '@lit/react';
3
3
  import Component from '../../components/searchfield';
4
4
  import { TAG_NAME } from '../../components/searchfield/searchfield.constants';
5
5
  /**
6
- * searchfield component is used as an input field for search functionality.
6
+ * `mdc-searchfield` component is used as an input field for search functionality.
7
7
  *
8
8
  * It supports `mdc-inputchip` as filters.
9
9
  *
@@ -11,8 +11,13 @@ import { TAG_NAME } from '../../components/searchfield/searchfield.constants';
11
11
  *
12
12
  * @tagname mdc-searchfield
13
13
  *
14
- * @slot filters - Slot for input chips
14
+ * @event input - (React: onInput) This event is dispatched when the value of the input field changes (every press).
15
+ * @event change - (React: onChange) This event is dispatched when the value of the input field changes (on blur).
16
+ * @event focus - (React: onFocus) This event is dispatched when the input receives focus.
17
+ * @event blur - (React: onBlur) This event is dispatched when the input loses focus.
18
+ * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
15
19
  *
20
+ * @slot filters - Slot for input chips
16
21
  */
17
22
  const reactWrapper = createComponent({
18
23
  tagName: TAG_NAME,
@@ -23,6 +28,7 @@ const reactWrapper = createComponent({
23
28
  onChange: 'change',
24
29
  onFocus: 'focus',
25
30
  onBlur: 'blur',
31
+ onClear: 'clear',
26
32
  },
27
33
  displayName: 'Searchfield',
28
34
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@momentum-design/components",
3
3
  "packageManager": "yarn@3.2.4",
4
- "version": "0.102.4",
4
+ "version": "0.102.5",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"