@momentum-design/components 0.106.6 → 0.106.8

package/dist/components/alertchip/alertchip.component.d.ts

@@ -21,6 +21,11 @@ import type { VariantType } from './alertchip.types';
  *
  * @csspart icon - The alert icon
  * @csspart label - The text label of the alertchip
+ *
+ * @event click - (React: onClick) This event is dispatched when the chip is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
+ * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
  */
 declare class AlertChip extends Buttonsimple {
     /**

package/dist/components/alertchip/alertchip.component.js

@@ -34,6 +34,11 @@ import { getAlertIcon } from './alertchip.utils';
  *
  * @csspart icon - The alert icon
  * @csspart label - The text label of the alertchip
+ *
+ * @event click - (React: onClick) This event is dispatched when the chip is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
+ * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
  */
 class AlertChip extends Buttonsimple {
     constructor() {

package/dist/components/alertchip/alertchip.types.d.ts

@@ -1,6 +1,13 @@
-import type { ValueOf } from '../../utils/types';
+import type { OverrideEventTarget, ValueOf } from '../../utils/types';
 import type { IconNames } from '../icon/icon.types';
+import type AlertChip from './alertchip.component';
 import { VARIANTS } from './alertchip.constants';
 type VariantType = ValueOf<typeof VARIANTS>;
 type IconListType = Extract<IconNames, 'error-legacy-badge-filled' | 'warning-badge-filled' | 'check-circle-badge-filled' | 'dnd-presence-badge-filled' | 'info-badge-filled'>;
-export type { VariantType, IconListType };
+interface Events {
+    onClickEvent: OverrideEventTarget<MouseEvent, AlertChip>;
+    onKeyDownEvent: OverrideEventTarget<KeyboardEvent, AlertChip>;
+    onKeyUpEvent: OverrideEventTarget<KeyboardEvent, AlertChip>;
+    onFocusEvent: OverrideEventTarget<FocusEvent, AlertChip>;
+}
+export type { VariantType, IconListType, Events };

package/dist/components/chip/chip.component.d.ts

@@ -21,6 +21,13 @@ declare const Chip_base: import("../../utils/mixins/index.types").Constructor<im
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
  *
+ * @csspart label - The label part of the chip.
+ *
+ * @event click - (React: onClick) This event is dispatched when the chip is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
+ * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
+ *
  */
 declare class Chip extends Chip_base {
     /**

package/dist/components/chip/chip.component.js

@@ -33,6 +33,13 @@ import styles from './chip.styles';
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
  *
+ * @csspart label - The label part of the chip.
+ *
+ * @event click - (React: onClick) This event is dispatched when the chip is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
+ * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
+ *
  */
 class Chip extends IconNameMixin(Buttonsimple) {
     constructor() {

package/dist/components/chip/chip.types.d.ts

@@ -1,4 +1,11 @@
-import type { ValueOf } from '../../utils/types';
+import type { OverrideEventTarget, ValueOf } from '../../utils/types';
+import type Chip from './chip.component';
 import { COLOR } from './chip.constants';
 type ColorType = ValueOf<typeof COLOR>;
-export type { ColorType };
+interface Events {
+    onClickEvent: OverrideEventTarget<MouseEvent, Chip>;
+    onKeyDownEvent: OverrideEventTarget<KeyboardEvent, Chip>;
+    onKeyUpEvent: OverrideEventTarget<KeyboardEvent, Chip>;
+    onFocusEvent: OverrideEventTarget<FocusEvent, Chip>;
+}
+export type { ColorType, Events };

package/dist/components/filterchip/filterchip.component.d.ts

@@ -8,6 +8,19 @@ import Chip from '../chip/chip.component';
  *
  * @tagname mdc-filterchip
  *
+ * @dependency mdc-icon
+ * @dependency mdc-text
+ *
+ * @csspart label - The label part of the chip.
+ *
+ * @cssproperty --mdc-chip-color - The color of the chip.
+ * @cssproperty --mdc-chip-border-color - The border color of the chip.
+ * @cssproperty --mdc-chip-background-color - The background color of the chip.
+ *
+ * @event click - (React: onClick) This event is dispatched when the chip is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
+ * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
  */
 declare class FilterChip extends Chip {
     /**

package/dist/components/filterchip/filterchip.component.js

@@ -19,6 +19,19 @@ import { DEFAULTS } from './filterchip.constants';
  *
  * @tagname mdc-filterchip
  *
+ * @dependency mdc-icon
+ * @dependency mdc-text
+ *
+ * @csspart label - The label part of the chip.
+ *
+ * @cssproperty --mdc-chip-color - The color of the chip.
+ * @cssproperty --mdc-chip-border-color - The border color of the chip.
+ * @cssproperty --mdc-chip-background-color - The background color of the chip.
+ *
+ * @event click - (React: onClick) This event is dispatched when the chip is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the chip.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the chip.
+ * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
  */
 class FilterChip extends Chip {
     constructor() {

package/dist/components/filterchip/filterchip.types.d.ts

@@ -0,0 +1,9 @@
+import type { OverrideEventTarget } from '../../utils/types';
+import type FilterChip from './filterchip.component';
+interface Events {
+    onClickEvent: OverrideEventTarget<MouseEvent, FilterChip>;
+    onKeyDownEvent: OverrideEventTarget<KeyboardEvent, FilterChip>;
+    onKeyUpEvent: OverrideEventTarget<KeyboardEvent, FilterChip>;
+    onFocusEvent: OverrideEventTarget<FocusEvent, FilterChip>;
+}
+export type { Events };

package/dist/components/filterchip/filterchip.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/inputchip/inputchip.component.d.ts

@@ -16,6 +16,10 @@ declare const InputChip_base: import("../../utils/mixins/index.types").Construct
  *
  * @event remove - This event is dispatched when the close button is activated. It bubbles and is composed.
  *
+ * @csspart label - The label part of the chip.
+ * @csspart icon - The icon part of the chip.
+ * @csspart close-icon - The close icon part of the chip.
+ *
  * @cssproperty --mdc-chip-color - The color of the chip.
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
  * @cssproperty --mdc-chip-background-color - The background color of the chip.

package/dist/components/inputchip/inputchip.component.js

@@ -29,6 +29,10 @@ import { DEFAULTS } from './inputchip.constants';
  *
  * @event remove - This event is dispatched when the close button is activated. It bubbles and is composed.
  *
+ * @csspart label - The label part of the chip.
+ * @csspart icon - The icon part of the chip.
+ * @csspart close-icon - The close icon part of the chip.
+ *
  * @cssproperty --mdc-chip-color - The color of the chip.
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
@@ -62,7 +66,7 @@ class InputChip extends IconNameMixin(DisabledMixin(Component)) {
     renderIcon() {
         if (!this.iconName)
             return nothing;
-        return html ` <mdc-icon name="${this.iconName}" length-unit="rem" size="1"></mdc-icon> `;
+        return html ` <mdc-icon part="icon" name="${this.iconName}" length-unit="rem" size="1"></mdc-icon> `;
     }
     /**
      * Handles the behavior of the close button on click event.