@momentum-design/components 0.104.1 → 0.104.3

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

@@ -1,21 +1,21 @@
-import type { ValueOf, TypedEvent } from '../../utils/types';
+import type { ValueOf, TypedCustomEvent, OverrideEventTarget } from '../../utils/types';
 import type { PopoverPlacement, PopoverShownEvent, PopoverHiddenEvent } from '../popover/popover.types';
 import type Select from './select.component';
 import { ARROW_ICON } from './select.constants';
-type SelectChangeEvent = TypedEvent<Select, {
+type SelectChangeEvent = TypedCustomEvent<Select, {
     value: string;
     label?: string;
 }>;
-type SelectInputEvent = TypedEvent<Select, {
+type SelectInputEvent = TypedCustomEvent<Select, {
     value: string;
     label?: string;
 }>;
 interface Events {
-    onClickEvent: MouseEvent;
+    onClickEvent: OverrideEventTarget<MouseEvent, Select>;
     onChangeEvent: SelectChangeEvent;
     onInputEvent: SelectInputEvent;
-    onKeyDownEvent: KeyboardEvent;
-    onFocusEvent: FocusEvent;
+    onKeyDownEvent: OverrideEventTarget<KeyboardEvent, Select>;
+    onFocusEvent: OverrideEventTarget<FocusEvent, Select>;
     onShownEvent: PopoverShownEvent;
     onHiddenEvent: PopoverHiddenEvent;
 }

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

@@ -1,7 +1,11 @@
-import type { ValueOf } from '../../utils/types';
+import type { TypedCustomEvent, ValueOf } from '../../utils/types';
+import type SideNavigation from './sidenavigation.component';
 import { VARIANTS } from './sidenavigation.constants';
 type SideNavigationVariant = ValueOf<typeof VARIANTS>;
 interface Events {
-    onActiveChangeEvent: Event;
+    onActiveChangeEvent: TypedCustomEvent<SideNavigation, {
+        navId: string;
+        active: boolean;
+    }>;
 }
 export type { SideNavigationVariant, Events };

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

@@ -1,11 +1,12 @@
-import type { ValueOf } from '../../utils/types';
+import type { OverrideEventTarget, ValueOf } from '../../utils/types';
 import { VARIANT, STATUS } from './stepperitem.constants';
+import type StepperItem from './stepperitem.component';
 type VariantType = ValueOf<typeof VARIANT>;
 type StatusType = ValueOf<typeof STATUS>;
 type StatusIconType = ValueOf<typeof STATUS>;
 interface Events {
-    onClickEvent: MouseEvent;
-    onKeyDownEvent: KeyboardEvent;
-    onKeyUpEvent: KeyboardEvent;
+    onClickEvent: OverrideEventTarget<MouseEvent, StepperItem>;
+    onKeyDownEvent: OverrideEventTarget<KeyboardEvent, StepperItem>;
+    onKeyUpEvent: OverrideEventTarget<KeyboardEvent, StepperItem>;
 }
 export type { VariantType, StatusType, StatusIconType, Events };

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

@@ -1,7 +1,11 @@
-import { ValueOf } from '../../utils/types';
+import { TypedCustomEvent, ValueOf } from '../../utils/types';
+import type Tab from './tab.component';
 import { TAB_VARIANTS } from './tab.constants';
 type Variant = ValueOf<typeof TAB_VARIANTS>;
 interface Events {
-    onActiveChangeEvent: Event;
+    onActiveChangeEvent: TypedCustomEvent<Tab, {
+        tabId: string;
+        active: boolean;
+    }>;
 }
 export type { Variant, Events };

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

@@ -1,7 +1,10 @@
-import type { ValueOf } from '../../utils/types';
+import type { TypedCustomEvent, ValueOf } from '../../utils/types';
+import type TabList from './tablist.component';
 import { ARROW_BUTTON_DIRECTION } from './tablist.constants';
 interface Events {
-    onChangeEvent: CustomEvent;
+    onChangeEvent: TypedCustomEvent<TabList, {
+        tabId: string;
+    }>;
 }
 type ArrowButtonDirectionType = ValueOf<typeof ARROW_BUTTON_DIRECTION>;
 export { ArrowButtonDirectionType, Events };

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

@@ -1,12 +1,13 @@
-import type { ValueOf } from '../../utils/types';
+import type { OverrideEventTarget, TypedCustomEvent, ValueOf } from '../../utils/types';
+import type Textarea from './textarea.component';
 import { AUTO_COMPLETE, WRAP } from './textarea.constants';
 type WrapType = ValueOf<typeof WRAP>;
 type AutoCompleteType = ValueOf<typeof AUTO_COMPLETE>;
 interface Events {
-    onInputEvent: InputEvent;
-    onChangeEvent: Event;
-    onFocusEvent: FocusEvent;
-    onBlurEvent: FocusEvent;
-    onLimitExceededEvent: Event;
+    onInputEvent: OverrideEventTarget<InputEvent, Textarea>;
+    onChangeEvent: TypedCustomEvent<Textarea>;
+    onFocusEvent: OverrideEventTarget<FocusEvent, Textarea>;
+    onBlurEvent: OverrideEventTarget<FocusEvent, Textarea>;
+    onLimitExceededEvent: TypedCustomEvent<Textarea>;
 }
 export type { WrapType, AutoCompleteType, Events };

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

@@ -1,7 +1,8 @@
-import type { ValueOf } from '../../utils/types';
+import type { TypedCustomEvent, ValueOf } from '../../utils/types';
+import type Toast from './toast.component';
 import { TOAST_VARIANT } from './toast.constants';
 interface Events {
-    onCloseEvent: Event;
+    onCloseEvent: TypedCustomEvent<Toast>;
 }
 type ToastVariant = ValueOf<typeof TOAST_VARIANT>;
 export type { ToastVariant, Events };

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

@@ -1,8 +1,9 @@
-import type { ValueOf } from '../../utils/types';
+import type { OverrideEventTarget, TypedCustomEvent, ValueOf } from '../../utils/types';
+import type Toggle from './toggle.component';
 import { TOGGLE_SIZE } from './toggle.constants';
 type ToggleSize = ValueOf<typeof TOGGLE_SIZE>;
 interface Events {
-    onChangeEvent: Event;
-    onFocusEvent: FocusEvent;
+    onChangeEvent: TypedCustomEvent<Toggle>;
+    onFocusEvent: OverrideEventTarget<FocusEvent, Toggle>;
 }
 export type { ToggleSize, Events };

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

@@ -1,7 +1,9 @@
+import type { TypedCustomEvent } from "../../utils/types";
+import type ToggleTip from "./toggletip.component";
 interface Events {
-    onShownEvent: Event;
-    onHiddenEvent: Event;
-    onCreatedEvent: Event;
-    onDestroyedEvent: Event;
+    onShownEvent: TypedCustomEvent<ToggleTip>;
+    onHiddenEvent: TypedCustomEvent<ToggleTip>;
+    onCreatedEvent: TypedCustomEvent<ToggleTip>;
+    onDestroyedEvent: TypedCustomEvent<ToggleTip>;
 }
 export type { Events };

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

@@ -1,4 +1,4 @@
-import type { TypedEvent } from '../../utils/types';
+import type { TypedCustomEvent } from '../../utils/types';
 import type { TextType, TagName } from '../text/text.types';
 import type Typewriter from './typewriter.component';
 type TypewriterSpeed = 'slow' | 'normal' | 'fast' | 'very-slow' | 'very-fast' | string;
@@ -7,13 +7,11 @@ interface TextChunk {
     speed?: TypewriterSpeed;
     instant?: boolean;
 }
-type TypewriterChangeEvent = TypedEvent<Typewriter, {
+type TypewriterChangeEvent = TypedCustomEvent<Typewriter, {
     content: string;
     isTyping: boolean;
 }>;
-type TypewriterTypingCompleteEvent = TypedEvent<Typewriter, {
-    finalContent: string;
-}>;
+type TypewriterTypingCompleteEvent = TypedCustomEvent<Typewriter>;
 interface Events {
     onChangeEvent: TypewriterChangeEvent;
     onTypingCompleteEvent: TypewriterTypingCompleteEvent;

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

@@ -1,12 +1,14 @@
 import { VirtualItem, VirtualizerOptions } from '@tanstack/virtual-core';
 import { StyleInfo } from 'lit/directives/style-map.js';
+import type { TypedCustomEvent } from '../../utils/types';
+import type VirtualizedList from './virtualizedlist.component';
 interface SetListDataProps {
     virtualItems: Array<VirtualItem>;
     measureElement: (node: Element | null | undefined) => void;
     listStyle: Readonly<StyleInfo>;
 }
 interface Events {
-    onScrollEvent: Event;
+    onScrollEvent: TypedCustomEvent<VirtualizedList>;
 }
 type VirtualizerProps = Partial<VirtualizerOptions<Element, Element>>;
 export type { Events, VirtualizerProps, SetListDataProps };