@momentum-design/components 0.117.2 → 0.117.3

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 (95) hide show
  1. package/dist/browser/index.js +167 -156
  2. package/dist/browser/index.js.map +3 -3
  3. package/dist/components/accordionbutton/accordionbutton.constants.d.ts +3 -2
  4. package/dist/components/animation/animation.component.js +1 -1
  5. package/dist/components/badge/badge.component.d.ts +1 -1
  6. package/dist/components/cardcheckbox/cardcheckbox.constants.d.ts +3 -2
  7. package/dist/components/checkbox/checkbox.component.d.ts +1 -1
  8. package/dist/components/checkbox/checkbox.constants.d.ts +3 -2
  9. package/dist/components/checkbox/checkbox.styles.js +5 -0
  10. package/dist/components/combobox/combobox.component.d.ts +1 -1
  11. package/dist/components/combobox/combobox.constants.d.ts +3 -2
  12. package/dist/components/dialog/dialog.constants.d.ts +2 -1
  13. package/dist/components/filterchip/filterchip.constants.d.ts +4 -2
  14. package/dist/components/formfieldwrapper/formfieldwrapper.component.js +1 -0
  15. package/dist/components/formfieldwrapper/formfieldwrapper.constants.d.ts +2 -1
  16. package/dist/components/formfieldwrapper/formfieldwrapper.styles.js +4 -0
  17. package/dist/components/formfieldwrapper/formfieldwrapper.utils.d.ts +1 -1
  18. package/dist/components/input/input.component.d.ts +1 -1
  19. package/dist/components/input/input.constants.d.ts +2 -1
  20. package/dist/components/inputchip/inputchip.constants.d.ts +2 -1
  21. package/dist/components/menuitem/menuitem.constants.d.ts +3 -2
  22. package/dist/components/navmenuitem/navmenuitem.constants.d.ts +2 -1
  23. package/dist/components/password/password.constants.d.ts +3 -2
  24. package/dist/components/presence/presence.utils.d.ts +1 -1
  25. package/dist/components/progressspinner/progressspinner.constants.d.ts +3 -2
  26. package/dist/components/progressspinner/progressspinner.constants.js +2 -2
  27. package/dist/components/radio/radio.component.d.ts +1 -1
  28. package/dist/components/radio/radio.styles.js +3 -0
  29. package/dist/components/searchfield/searchfield.constants.d.ts +2 -1
  30. package/dist/components/select/select.component.d.ts +1 -1
  31. package/dist/components/select/select.constants.d.ts +3 -2
  32. package/dist/components/statictoggle/statictoggle.constants.d.ts +3 -2
  33. package/dist/components/stepperitem/stepperitem.constants.d.ts +4 -3
  34. package/dist/components/textarea/textarea.component.d.ts +1 -1
  35. package/dist/components/textarea/textarea.styles.js +1 -0
  36. package/dist/components/toast/toast.component.js +16 -21
  37. package/dist/components/toast/toast.constants.d.ts +7 -6
  38. package/dist/components/toggle/toggle.component.d.ts +1 -1
  39. package/dist/components/toggle/toggle.constants.d.ts +3 -2
  40. package/dist/components/toggle/toggle.styles.js +5 -0
  41. package/dist/custom-elements.json +2448 -2448
  42. package/dist/react/accordion/index.d.ts +2 -3
  43. package/dist/react/accordionbutton/index.d.ts +2 -3
  44. package/dist/react/alertchip/index.d.ts +5 -4
  45. package/dist/react/animation/index.d.ts +4 -9
  46. package/dist/react/avatarbutton/index.d.ts +5 -4
  47. package/dist/react/brandvisual/index.d.ts +3 -6
  48. package/dist/react/button/index.d.ts +5 -4
  49. package/dist/react/buttonlink/index.d.ts +5 -4
  50. package/dist/react/buttonsimple/index.d.ts +5 -4
  51. package/dist/react/cardbutton/index.d.ts +5 -4
  52. package/dist/react/cardcheckbox/index.d.ts +6 -7
  53. package/dist/react/cardradio/index.d.ts +6 -7
  54. package/dist/react/checkbox/index.d.ts +3 -2
  55. package/dist/react/chip/index.d.ts +5 -4
  56. package/dist/react/coachmark/index.d.ts +5 -12
  57. package/dist/react/combobox/index.d.ts +6 -15
  58. package/dist/react/dialog/index.d.ts +6 -15
  59. package/dist/react/filterchip/index.d.ts +5 -4
  60. package/dist/react/index.d.ts +2 -2
  61. package/dist/react/index.js +2 -2
  62. package/dist/react/input/index.d.ts +6 -5
  63. package/dist/react/inputchip/index.d.ts +2 -1
  64. package/dist/react/link/index.d.ts +5 -4
  65. package/dist/react/linkbutton/index.d.ts +5 -4
  66. package/dist/react/linksimple/index.d.ts +5 -4
  67. package/dist/react/listbox/index.d.ts +2 -1
  68. package/dist/react/listitem/index.d.ts +9 -8
  69. package/dist/react/menuitem/index.d.ts +9 -8
  70. package/dist/react/menuitemcheckbox/index.d.ts +11 -9
  71. package/dist/react/menuitemradio/index.d.ts +11 -9
  72. package/dist/react/menupopover/index.d.ts +8 -14
  73. package/dist/react/menusection/index.d.ts +3 -2
  74. package/dist/react/navmenuitem/index.d.ts +11 -12
  75. package/dist/react/option/index.d.ts +9 -8
  76. package/dist/react/password/index.d.ts +6 -5
  77. package/dist/react/popover/index.d.ts +5 -12
  78. package/dist/react/radio/index.d.ts +3 -2
  79. package/dist/react/searchfield/index.d.ts +6 -5
  80. package/dist/react/select/index.d.ts +6 -5
  81. package/dist/react/sidenavigation/index.d.ts +3 -11
  82. package/dist/react/slider/index.d.ts +3 -4
  83. package/dist/react/stepperitem/index.d.ts +4 -3
  84. package/dist/react/tab/index.d.ts +7 -8
  85. package/dist/react/tablist/index.d.ts +2 -3
  86. package/dist/react/textarea/index.d.ts +6 -5
  87. package/dist/react/toast/index.d.ts +2 -1
  88. package/dist/react/toggle/index.d.ts +3 -2
  89. package/dist/react/toggletip/index.d.ts +5 -12
  90. package/dist/react/tooltip/index.d.ts +5 -12
  91. package/dist/react/typewriter/index.d.ts +3 -2
  92. package/dist/react/virtualizedlist/index.d.ts +2 -1
  93. package/dist/utils/provider/index.d.ts +2 -4
  94. package/dist/utils/tag-name/index.d.ts +3 -1
  95. package/package.json +1 -1
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/accordion';
3
+ import type { Events as EventsInherited } from '../../components/accordionbutton/accordionbutton.types';
3
4
  /**
4
5
  * An accordion contains a header and body section with a focusable heading that can be expanded or collapsed.
5
6
  *
@@ -50,8 +51,6 @@ import Component from '../../components/accordion';
50
51
  * @csspart body-section - The body section of the accordion.
51
52
  */
52
53
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
53
- onShown: EventName<import("../../utils/types").TypedCustomEvent<import("../../components/accordionbutton/accordionbutton.component").default, {
54
- expanded: boolean;
55
- }>>;
54
+ onShown: EventName<EventsInherited["onShownEvent"]>;
56
55
  }>;
57
56
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/accordionbutton';
3
+ import type { Events } from '../../components/accordionbutton/accordionbutton.types';
3
4
  /**
4
5
  * An accordion button contains a header and body section with optional slots inside the heading which are focusable.
5
6
  *
@@ -47,8 +48,6 @@ import Component from '../../components/accordionbutton';
47
48
  * @csspart body-section - The body section of the accordion button.
48
49
  */
49
50
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
50
- onShown: EventName<import("../../utils/types").TypedCustomEvent<Component, {
51
- expanded: boolean;
52
- }>>;
51
+ onShown: EventName<Events["onShownEvent"]>;
53
52
  }>;
54
53
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/alertchip';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * mdc-alertchip component is an interactive chip that consumers can use to represent an alert.
5
6
  *
@@ -27,9 +28,9 @@ import Component from '../../components/alertchip';
27
28
  * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
28
29
  */
29
30
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
30
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
31
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
32
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
33
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
31
+ onClick: EventName<EventsInherited["onClickEvent"]>;
32
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
33
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
34
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
34
35
  }>;
35
36
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/animation';
3
+ import type { Events } from '../../components/animation/animation.types';
3
4
  /**
4
5
  * The `mdc-animation` component is a wrapper around the Lottie animation library.
5
6
  * It fetches the animation data dynamically based on the provided name and renders it.
@@ -13,14 +14,8 @@ import Component from '../../components/animation';
13
14
  * @event error - (React: onError) This event is dispatched when animation loading failed
14
15
  */
15
16
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
16
- onLoad: EventName<import("../../utils/types").TypedCustomEvent<Component, {
17
- name: "meeting" | "success" | "audio_video" | "calling" | "alert_32px_loop" | "hello_32px" | "processing_32px_end" | "processing_32px_loop" | "processing_32px_start" | "responding_32px_end" | "responding_32px_loop" | "responding_32px_start" | "contacts" | "discoverability_badge" | "heart_opacity_test" | "personal_insight" | "celebrate" | "clap_dark" | "clap_light" | "clap_medium_dark" | "clap_medium_light" | "clap_medium" | "clap_yellow" | "fire" | "haha" | "heart" | "on_video_celebrate" | "on_video_clap_dark" | "on_video_clap_light" | "on_video_clap_medium_dark" | "on_video_clap_medium_light" | "on_video_clap_medium" | "on_video_clap_yellow" | "on_video_fire" | "on_video_haha" | "on_video_heart" | "on_video_prayer_dark" | "on_video_prayer_light" | "on_video_prayer_medium_dark" | "on_video_prayer_medium_light" | "on_video_prayer_medium" | "on_video_prayer_yellow" | "on_video_raise_hand_dark" | "on_video_raise_hand_light" | "on_video_raise_hand_medium_dark" | "on_video_raise_hand_medium_light" | "on_video_raise_hand_medium" | "on_video_raise_hand_yellow" | "on_video_sad" | "on_video_slow_down" | "on_video_smile" | "on_video_speed_up" | "on_video_thumb_down_dark" | "on_video_thumb_down_light" | "on_video_thumb_down_medium_dark" | "on_video_thumb_down_medium_light" | "on_video_thumb_down_medium" | "on_video_thumb_down_yellow" | "on_video_thumb_up_dark" | "on_video_thumb_up_light" | "on_video_thumb_up_medium_dark" | "on_video_thumb_up_medium_light" | "on_video_thumb_up_medium" | "on_video_thumb_up_yellow" | "on_video_wow" | "prayer_dark" | "prayer_light" | "prayer_medium_dark" | "prayer_medium_light" | "prayer_medium" | "prayer_yellow" | "raise_hand_dark" | "raise_hand_light" | "raise_hand_medium_dark" | "raise_hand_medium_light" | "raise_hand_medium" | "raise_hand_yellow" | "sad" | "slow_down" | "smile" | "speed_up" | "thumb_down_dark" | "thumb_down_light" | "thumb_down_medium_dark" | "thumb_down_medium_light" | "thumb_down_medium" | "thumb_down_yellow" | "thumb_up_dark" | "thumb_up_light" | "thumb_up_medium_dark" | "thumb_up_medium_light" | "thumb_up_medium" | "thumb_up_yellow" | "wow" | "space" | "teams" | "webex_logo_loop" | "welcome";
18
- }>>;
19
- onComplete: EventName<import("../../utils/types").TypedCustomEvent<Component, {
20
- name: "meeting" | "success" | "audio_video" | "calling" | "alert_32px_loop" | "hello_32px" | "processing_32px_end" | "processing_32px_loop" | "processing_32px_start" | "responding_32px_end" | "responding_32px_loop" | "responding_32px_start" | "contacts" | "discoverability_badge" | "heart_opacity_test" | "personal_insight" | "celebrate" | "clap_dark" | "clap_light" | "clap_medium_dark" | "clap_medium_light" | "clap_medium" | "clap_yellow" | "fire" | "haha" | "heart" | "on_video_celebrate" | "on_video_clap_dark" | "on_video_clap_light" | "on_video_clap_medium_dark" | "on_video_clap_medium_light" | "on_video_clap_medium" | "on_video_clap_yellow" | "on_video_fire" | "on_video_haha" | "on_video_heart" | "on_video_prayer_dark" | "on_video_prayer_light" | "on_video_prayer_medium_dark" | "on_video_prayer_medium_light" | "on_video_prayer_medium" | "on_video_prayer_yellow" | "on_video_raise_hand_dark" | "on_video_raise_hand_light" | "on_video_raise_hand_medium_dark" | "on_video_raise_hand_medium_light" | "on_video_raise_hand_medium" | "on_video_raise_hand_yellow" | "on_video_sad" | "on_video_slow_down" | "on_video_smile" | "on_video_speed_up" | "on_video_thumb_down_dark" | "on_video_thumb_down_light" | "on_video_thumb_down_medium_dark" | "on_video_thumb_down_medium_light" | "on_video_thumb_down_medium" | "on_video_thumb_down_yellow" | "on_video_thumb_up_dark" | "on_video_thumb_up_light" | "on_video_thumb_up_medium_dark" | "on_video_thumb_up_medium_light" | "on_video_thumb_up_medium" | "on_video_thumb_up_yellow" | "on_video_wow" | "prayer_dark" | "prayer_light" | "prayer_medium_dark" | "prayer_medium_light" | "prayer_medium" | "prayer_yellow" | "raise_hand_dark" | "raise_hand_light" | "raise_hand_medium_dark" | "raise_hand_medium_light" | "raise_hand_medium" | "raise_hand_yellow" | "sad" | "slow_down" | "smile" | "speed_up" | "thumb_down_dark" | "thumb_down_light" | "thumb_down_medium_dark" | "thumb_down_medium_light" | "thumb_down_medium" | "thumb_down_yellow" | "thumb_up_dark" | "thumb_up_light" | "thumb_up_medium_dark" | "thumb_up_medium_light" | "thumb_up_medium" | "thumb_up_yellow" | "wow" | "space" | "teams" | "webex_logo_loop" | "welcome";
21
- }>>;
22
- onError: EventName<import("../../utils/types").TypedCustomEvent<Component, {
23
- error: Error;
24
- }>>;
17
+ onLoad: EventName<Events["onLoadEvent"]>;
18
+ onComplete: EventName<Events["onCompleteEvent"]>;
19
+ onError: EventName<Events["onErrorEvent"]>;
25
20
  }>;
26
21
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/avatarbutton';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.
5
6
  *
@@ -29,9 +30,9 @@ import Component from '../../components/avatarbutton';
29
30
  * @csspart loader - The loading indicator part of the avatar.
30
31
  */
31
32
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
32
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
33
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
34
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
35
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
33
+ onClick: EventName<EventsInherited["onClickEvent"]>;
34
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
35
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
36
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
36
37
  }>;
37
38
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/brandvisual';
3
+ import type { Events } from '../../components/brandvisual/brandvisual.types';
3
4
  /**
4
5
  * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are
5
6
  * displayed correctly within applications.
@@ -18,11 +19,7 @@ import Component from '../../components/brandvisual';
18
19
  *
19
20
  */
20
21
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
21
- onLoad: EventName<import("../../utils/types").TypedCustomEvent<Component, {
22
- name: "device-deskphone-eighteightsevenfour" | "device-deskphone-eighteightsevenone" | "device-deskphone-eighteightseventwo" | "device-deskphone-eighteightsevenzero" | "device-deskphone-nineeightfiveone" | "device-deskphone-nineeightfourone" | "device-deskphone-nineeightsevenone" | "device-deskphone-nineeightsixone" | "device-deskpro-gtwo" | "device-dx-sixfivezero" | "device-ip-conference-phone-seveneightthreethree" | "device-ip-phone-eighteightfiveone-plus-multiple-screen" | "device-ip-phone-eighteightfiveone-plus-screen" | "device-ip-phone-eighteightfiveone" | "device-ip-phone-eighteightfourfive" | "device-ip-phone-eighteightfourone" | "device-ip-phone-eighteightoneone" | "device-ip-phone-eighteightsixfive-plus-screen" | "device-ip-phone-eighteightsixfive" | "device-ip-phone-eighteightsixone" | "device-ip-phone-seveneightfourone" | "device-ip-phone-seveneightoneone" | "device-ip-phone-seveneightsixone" | "device-ip-phone-seveneighttwoone" | "device-ip-phone-sixeightfiveone" | "device-ip-phone-sixeightsevenone" | "device-ip-phone-sixeightsixone" | "device-ip-phone-sixeighttwoone" | "device-ip-phone-sixninezeroone" | "device-thumbnails-deskphone-eighteightsevenfour" | "device-thumbnails-deskphone-eighteightsevenone" | "device-thumbnails-deskphone-eighteightseventwo" | "device-thumbnails-deskphone-eighteightsevenzero" | "device-thumbnails-deskphone-nineeightfiveone" | "device-thumbnails-deskphone-nineeightfourone" | "device-thumbnails-deskphone-nineeightsevenone" | "device-thumbnails-deskphone-nineeightsixone" | "device-thumbnails-deskpro-gtwo" | "device-thumbnails-dx-sixfivezero" | "device-thumbnails-ip-conference-phone-seveneightthreethree" | "device-thumbnails-ip-phone-eighteightfiveone-plus-multiple-screen" | "device-thumbnails-ip-phone-eighteightfiveone-plus-screen" | "device-thumbnails-ip-phone-eighteightfiveone" | "device-thumbnails-ip-phone-eighteightfourfive" | "device-thumbnails-ip-phone-eighteightfourone" | "device-thumbnails-ip-phone-eighteightoneone" | "device-thumbnails-ip-phone-eighteightsixfive-plus-screen" | "device-thumbnails-ip-phone-eighteightsixfive" | "device-thumbnails-ip-phone-eighteightsixone" | "device-thumbnails-ip-phone-seveneightfourone" | "device-thumbnails-ip-phone-seveneightoneone" | "device-thumbnails-ip-phone-seveneightsixone" | "device-thumbnails-ip-phone-seveneighttwoone" | "device-thumbnails-ip-phone-sixeightfiveone" | "device-thumbnails-ip-phone-sixeightsevenone" | "device-thumbnails-ip-phone-sixeightsixone" | "device-thumbnails-ip-phone-sixeighttwoone" | "device-thumbnails-ip-phone-sixninezeroone" | "operation-pop-background-dark" | "operation-pop-background-light" | "webex-background-dark" | "webex-background-light" | "alphalink" | "amazon-q-color" | "apple-business-chat-color" | "cisco-ai-assistant-bw-gradient" | "cisco-ai-assistant-bw-outline" | "cisco-ai-assistant-color-gradient" | "cisco-logo-dark-bw" | "cisco-logo-light-bw" | "cisco-logo-light-color" | "cisco-wordmark-finesse" | "citynet-horizontal" | "citynet-mark" | "creative-direction-logo-dark-bw-horizontal" | "creative-direction-logo-dark-bw-mark" | "creative-direction-logo-dark-bw-vertical" | "creative-direction-logo-dark-color-horizontal" | "creative-direction-logo-dark-color-mark" | "creative-direction-logo-dark-color-vertical" | "creative-direction-logo-light-bw-horizontal" | "creative-direction-logo-light-bw-mark" | "creative-direction-logo-light-bw-vertical" | "creative-direction-logo-light-color-horizontal" | "creative-direction-logo-light-color-mark" | "creative-direction-logo-light-color-vertical" | "device-deskphone-eighteightsevenfive" | "device-deskphone-eighteightsixsix" | "device-deskpro" | "device-generic-mobile" | "device-phoenix" | "device-telepresence-dxeightzero" | "device-telepresence-dxsevenzero" | "device-telepresence-ixfivezerozerozero" | "device-telepresence-mxeightzerozero-dual" | "device-telepresence-mxeightzerozero-speakertrack" | "device-telepresence-mxeightzerozero" | "device-telepresence-mxsevenzerozero" | "device-telepresence-mxtwozerozero-gtwo" | "device-telepresence-sxeightzero" | "device-telepresence-sxonezero" | "device-thumbnails-deskphone-eighteightsevenfive" | "device-thumbnails-deskphone-eighteightsixsix" | "device-thumbnails-deskpro" | "device-thumbnails-generic-mobile" | "device-thumbnails-phoenix" | "device-thumbnails-telepresence-dxeightzero" | "device-thumbnails-telepresence-dxsevenzero" | "device-thumbnails-telepresence-ixfivezerozerozero" | "device-thumbnails-telepresence-mxeightzerozero-dual" | "device-thumbnails-telepresence-mxeightzerozero-speakertrack" | "device-thumbnails-telepresence-mxeightzerozero" | "device-thumbnails-telepresence-mxsevenzerozero" | "device-thumbnails-telepresence-mxtwozerozero-gtwo" | "device-thumbnails-telepresence-sxeightzero" | "device-thumbnails-telepresence-sxonezero" | "device-thumbnails-webex-board-fivefive" | "device-thumbnails-webex-codec-plus" | "device-thumbnails-webex-room-bar" | "device-thumbnails-webex-room-fivefive" | "device-thumbnails-webex-room-kit-mini" | "device-thumbnails-webex-room-kit-plus" | "device-thumbnails-webex-room-kit-psixzero" | "device-thumbnails-webex-room-kit" | "device-thumbnails-webex-room-sevenzero-dual" | "device-thumbnails-webex-room-sevenzero" | "device-thumbnails-webex-share-ninesix-with-spark" | "device-thumbnails-webex-share-with-macbook" | "device-thumbnails-webex-share" | "device-webex-board-fivefive" | "device-webex-codec-plus" | "device-webex-room-bar" | "device-webex-room-fivefive" | "device-webex-room-kit-mini" | "device-webex-room-kit-plus" | "device-webex-room-kit-psixzero" | "device-webex-room-kit" | "device-webex-room-sevenzero-dual" | "device-webex-room-sevenzero" | "device-webex-share-ninesix-with-spark" | "device-webex-share-with-macbook" | "device-webex-share" | "excelcom-horizontal" | "excelcom-mark" | "fedramp-logo" | "glean-color" | "google-meet-color" | "iq-horizontal" | "iq-mark" | "jira-color" | "momentum-design-logo-dark-bw-horizontal" | "momentum-design-logo-dark-bw-mark" | "momentum-design-logo-dark-bw-vertical" | "momentum-design-logo-dark-color-horizontal" | "momentum-design-logo-dark-color-mark" | "momentum-design-logo-dark-color-vertical" | "momentum-design-logo-light-bw-horizontal" | "momentum-design-logo-light-bw-mark" | "momentum-design-logo-light-bw-vertical" | "momentum-design-logo-light-color-horizontal" | "momentum-design-logo-light-color-mark" | "momentum-design-logo-light-color-vertical" | "ms-teams-color" | "northland-horizontal" | "northland-mark" | "salesforce-color" | "slack-color" | "slido-color" | "social-alexa-bw" | "social-alexa-color" | "social-facebook-bw" | "social-facebook-color" | "social-fbmessenger-bw" | "social-fbmessenger-color" | "social-instagram" | "social-line-bw" | "social-line-color" | "social-microsoft-bw" | "social-microsoft-color" | "social-rcs-bw" | "social-rcs-color" | "social-telegram-bw" | "social-telegram-color" | "social-viber-bw" | "social-viber-color" | "social-wechat-bw" | "social-wechat-color" | "social-whatsapp-bw" | "social-whatsapp-color" | "social-x" | "swiftmatch-bw" | "swiftmatch-color" | "switchconnect-horizontal" | "switchconnect-mark" | "telus-horizontal" | "telus-mark" | "verizon-horizontal" | "verizon-mark" | "videotron-horizontal" | "videotron-mark" | "voicepilot-mark" | "voxon-horizontal" | "voxon-mark" | "webex-app-icon-color-container" | "webex-app-icon-meet-container" | "webex-app-icon-play-container" | "webex-app-icon-record-container" | "webex-app-icon-wda-container" | "webex-design-logo-dark-bw-gradient" | "webex-design-logo-dark-bw-outline" | "webex-design-logo-light-bw-gradient" | "webex-design-logo-light-bw-outline" | "webex-graphic-element-graphic-five" | "webex-graphic-element-graphic-four" | "webex-graphic-element-graphic-one" | "webex-graphic-element-graphic-three" | "webex-graphic-element-graphic-two" | "webex-graphic-element-wx-graphic" | "webex-logo-lockup-dark-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-bw-gradient-horizontal" | "webex-logo-lockup-dark-bw-gradient-vertical-bycisco" | "webex-logo-lockup-dark-bw-gradient-vertical" | "webex-logo-lockup-dark-bw-outline-horizontal-bycisco" | "webex-logo-lockup-dark-bw-outline-horizontal" | "webex-logo-lockup-dark-bw-outline-vertical-bycisco" | "webex-logo-lockup-dark-bw-outline-vertical" | "webex-logo-lockup-dark-color-gradient-horizontal-bycisco" | "webex-logo-lockup-dark-color-gradient-horizontal" | "webex-logo-lockup-dark-color-gradient-vertical-bycisco" | "webex-logo-lockup-dark-color-gradient-vertical" | "webex-logo-lockup-light-bw-gradient-horizontal-bycisco" | "webex-logo-lockup-light-bw-gradient-horizontal" | "webex-logo-lockup-light-bw-gradient-vertical-bycisco" | "webex-logo-lockup-light-bw-gradient-vertical" | "webex-logo-lockup-light-bw-outline-horizontal-bycisco" | "webex-logo-lockup-light-bw-outline-horizontal" | "webex-logo-lockup-light-bw-outline-vertical-bycisco" | "webex-logo-lockup-light-bw-outline-vertical" | "webex-logo-lockup-light-color-gradient-horizontal-bycisco" | "webex-logo-lockup-light-color-gradient-horizontal" | "webex-logo-lockup-light-color-gradient-vertical-bycisco" | "webex-logo-lockup-light-color-gradient-vertical" | "webex-partnership-logo-lockup-dark-apple" | "webex-partnership-logo-lockup-dark-box" | "webex-partnership-logo-lockup-dark-microsoft" | "webex-partnership-logo-lockup-dark-ms-teams" | "webex-partnership-logo-lockup-dark-okta" | "webex-partnership-logo-lockup-light-apple" | "webex-partnership-logo-lockup-light-box" | "webex-partnership-logo-lockup-light-microsoft" | "webex-partnership-logo-lockup-light-ms-teams" | "webex-partnership-logo-lockup-light-okta" | "webex-suite-icons-dark-bw-outline-events" | "webex-suite-icons-dark-bw-outline-vidcast" | "webex-suite-icons-dark-bw-outline-webex" | "webex-suite-icons-dark-color-gradient-events" | "webex-suite-icons-dark-color-gradient-vidcast" | "webex-suite-icons-dark-color-gradient-webex" | "webex-suite-icons-light-bw-outline-events" | "webex-suite-icons-light-bw-outline-vidcast" | "webex-suite-icons-light-bw-outline-webex" | "webex-suite-icons-light-color-gradient-events" | "webex-suite-icons-light-color-gradient-vidcast" | "webex-suite-icons-light-color-gradient-webex" | "webex-suite-tiles-dark-assist" | "webex-suite-tiles-dark-bot" | "webex-suite-tiles-dark-campaign" | "webex-suite-tiles-dark-engage" | "webex-suite-tiles-light-assist" | "webex-suite-tiles-light-bot" | "webex-suite-tiles-light-campaign" | "webex-suite-tiles-light-engage" | "webex-suite-wordmark-dark-account" | "webex-suite-wordmark-dark-adoption-methodology" | "webex-suite-wordmark-dark-ai-agent-studio" | "webex-suite-wordmark-dark-ambassador" | "webex-suite-wordmark-dark-analyzer" | "webex-suite-wordmark-dark-app-hub" | "webex-suite-wordmark-dark-assist" | "webex-suite-wordmark-dark-campaign-management" | "webex-suite-wordmark-dark-campaign-manager" | "webex-suite-wordmark-dark-campaign" | "webex-suite-wordmark-dark-connect-integrations" | "webex-suite-wordmark-dark-connect" | "webex-suite-wordmark-dark-contact-center" | "webex-suite-wordmark-dark-control-hub" | "webex-suite-wordmark-dark-cx-studio" | "webex-suite-wordmark-dark-directory-connector" | "webex-suite-wordmark-dark-ediscovery" | "webex-suite-wordmark-dark-engage" | "webex-suite-wordmark-dark-events" | "webex-suite-wordmark-dark-flow-designer" | "webex-suite-wordmark-dark-for-developers" | "webex-suite-wordmark-dark-global-service-status" | "webex-suite-wordmark-dark-interact" | "webex-suite-wordmark-dark-notify" | "webex-suite-wordmark-dark-partner-hub" | "webex-suite-wordmark-dark-placeholder" | "webex-suite-wordmark-dark-reach" | "webex-suite-wordmark-dark-settings" | "webex-suite-wordmark-dark-suite-settings" | "webex-suite-wordmark-dark-support" | "webex-suite-wordmark-dark-the-bridge" | "webex-suite-wordmark-dark-topic-analytics" | "webex-suite-wordmark-dark-user-hub" | "webex-suite-wordmark-dark-vidcast" | "webex-suite-wordmark-dark-view" | "webex-suite-wordmark-dark-whiteboard" | "webex-suite-wordmark-light-account" | "webex-suite-wordmark-light-adoption-methodology" | "webex-suite-wordmark-light-ai-agent-studio" | "webex-suite-wordmark-light-ambassador" | "webex-suite-wordmark-light-analyzer" | "webex-suite-wordmark-light-app-hub" | "webex-suite-wordmark-light-assist" | "webex-suite-wordmark-light-campaign-management" | "webex-suite-wordmark-light-campaign-manager" | "webex-suite-wordmark-light-campaign" | "webex-suite-wordmark-light-connect-integrations" | "webex-suite-wordmark-light-connect" | "webex-suite-wordmark-light-contact-center" | "webex-suite-wordmark-light-control-hub" | "webex-suite-wordmark-light-cx-studio" | "webex-suite-wordmark-light-directory-connector" | "webex-suite-wordmark-light-ediscovery" | "webex-suite-wordmark-light-engage" | "webex-suite-wordmark-light-events" | "webex-suite-wordmark-light-flow-designer" | "webex-suite-wordmark-light-for-developers" | "webex-suite-wordmark-light-global-service-status" | "webex-suite-wordmark-light-interact" | "webex-suite-wordmark-light-notify" | "webex-suite-wordmark-light-partner-hub" | "webex-suite-wordmark-light-placeholder" | "webex-suite-wordmark-light-reach" | "webex-suite-wordmark-light-settings" | "webex-suite-wordmark-light-suite-settings" | "webex-suite-wordmark-light-support" | "webex-suite-wordmark-light-the-bridge" | "webex-suite-wordmark-light-topic-analytics" | "webex-suite-wordmark-light-user-hub" | "webex-suite-wordmark-light-vidcast" | "webex-suite-wordmark-light-view" | "webex-suite-wordmark-light-whiteboard" | "webex-symbol-common-color-gradient" | "webex-symbol-dark-bw-gradient" | "webex-symbol-dark-bw-outline" | "webex-symbol-light-bw-gradient" | "webex-symbol-light-bw-outline" | "webex-wordmark-dark-horizontal-bycisco" | "webex-wordmark-dark-vertical-bycisco-center" | "webex-wordmark-dark-vertical-bycisco-right" | "webex-wordmark-dark-wordmark" | "webex-wordmark-light-horizontal-bycisco" | "webex-wordmark-light-vertical-bycisco-center" | "webex-wordmark-light-vertical-bycisco-right" | "webex-wordmark-light-wordmark" | "xtel-horizontal" | "xtel-mark" | "zoom-color";
23
- }>>;
24
- onError: EventName<import("../../utils/types").TypedCustomEvent<Component, {
25
- error: Error;
26
- }>>;
22
+ onLoad: EventName<Events["onLoadEvent"]>;
23
+ onError: EventName<Events["onErrorEvent"]>;
27
24
  }>;
28
25
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/button';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * `mdc-button` is a component that can be configured in various ways to suit different use cases.
5
6
  *
@@ -39,9 +40,9 @@ import Component from '../../components/button';
39
40
  * @csspart postfix - Content after the text label, passed in `postfix` slot
40
41
  */
41
42
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
42
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
43
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
44
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
45
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
43
+ onClick: EventName<EventsInherited["onClickEvent"]>;
44
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
45
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
46
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
46
47
  }>;
47
48
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/buttonlink';
3
+ import type { Events as EventsInherited } from '../../components/linksimple/linksimple.types';
3
4
  /**
4
5
  * `mdc-buttonlink` combines the functional behavior of `mdc-linksimple` with the visual and structural
5
6
  * features of `mdc-button`. This includes support for variants, sizing, and optional
@@ -27,9 +28,9 @@ import Component from '../../components/buttonlink';
27
28
  *
28
29
  */
29
30
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
30
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/linksimple/linksimple.component").default>>;
31
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/linksimple/linksimple.component").default>>;
32
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/linksimple/linksimple.component").default>>;
33
- onBlur: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/linksimple/linksimple.component").default>>;
31
+ onClick: EventName<EventsInherited["onClickEvent"]>;
32
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
33
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
34
+ onBlur: EventName<EventsInherited["onBlurEvent"]>;
34
35
  }>;
35
36
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/buttonsimple';
3
+ import type { Events } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.
5
6
  * It is used as an internal component and is not intended to be used directly by consumers.
@@ -13,9 +14,9 @@ import Component from '../../components/buttonsimple';
13
14
  * @tagname mdc-buttonsimple
14
15
  */
15
16
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
16
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
17
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
18
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
19
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
17
+ onClick: EventName<Events["onClickEvent"]>;
18
+ onKeyDown: EventName<Events["onKeyDownEvent"]>;
19
+ onKeyUp: EventName<Events["onKeyUpEvent"]>;
20
+ onFocus: EventName<Events["onFocusEvent"]>;
20
21
  }>;
21
22
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/cardbutton';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * cardbutton component looks like a card and behaves as a button component.
5
6
  *
@@ -38,9 +39,9 @@ import Component from '../../components/cardbutton';
38
39
  * @cssproperty --mdc-card-width - The width of the card
39
40
  */
40
41
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
41
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
42
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
43
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
44
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
42
+ onClick: EventName<EventsInherited["onClickEvent"]>;
43
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
44
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
45
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
45
46
  }>;
46
47
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/cardcheckbox';
3
+ import type { Events } from '../../components/cardcheckbox/cardcheckbox.types';
3
4
  /**
4
5
  * cardcheckbox component extends `mdc-card` and supports checkbox selection interaction addtionally.
5
6
  *
@@ -48,12 +49,10 @@ import Component from '../../components/cardcheckbox';
48
49
  * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
49
50
  */
50
51
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
51
- onChange: EventName<CustomEvent<unknown> & {
52
- target: Component;
53
- }>;
54
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
55
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
56
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
57
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
52
+ onChange: EventName<Events["onChangeEvent"]>;
53
+ onClick: EventName<Events["onClickEvent"]>;
54
+ onKeyDown: EventName<Events["onKeyDownEvent"]>;
55
+ onKeyUp: EventName<Events["onKeyUpEvent"]>;
56
+ onFocus: EventName<Events["onFocusEvent"]>;
58
57
  }>;
59
58
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/cardradio';
3
+ import type { Events } from '../../components/cardradio/cardradio.types';
3
4
  /**
4
5
  * cardradio component extends `mdc-card` and supports radio selection interaction addtionally.
5
6
  *
@@ -48,12 +49,10 @@ import Component from '../../components/cardradio';
48
49
  * @event change - (React: onChange) Event that gets dispatched when the card's checked state changes.
49
50
  */
50
51
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
51
- onChange: EventName<CustomEvent<unknown> & {
52
- target: Component;
53
- }>;
54
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
55
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
56
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
57
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
52
+ onChange: EventName<Events["onChangeEvent"]>;
53
+ onClick: EventName<Events["onClickEvent"]>;
54
+ onKeyDown: EventName<Events["onKeyDownEvent"]>;
55
+ onKeyUp: EventName<Events["onKeyUpEvent"]>;
56
+ onFocus: EventName<Events["onFocusEvent"]>;
58
57
  }>;
59
58
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/checkbox';
3
+ import type { Events } from '../../components/checkbox/checkbox.types';
3
4
  /**
4
5
  * Checkboxes allow users to select multiple options from a list or turn an item/feature on or off.
5
6
  * These are often used in forms, settings, and selections in lists.
@@ -26,7 +27,7 @@ import Component from '../../components/checkbox';
26
27
  * @cssproperty --mdc-checkbox-disabled-checked-icon-color - Background color for a selected checkbox when disabled.
27
28
  */
28
29
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
29
- onChange: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
30
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
30
+ onChange: EventName<Events["onChangeEvent"]>;
31
+ onFocus: EventName<Events["onFocusEvent"]>;
31
32
  }>;
32
33
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/chip';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * mdc-chip is an interactive element that can be used to represent a chip. It supports a leading icon along with label.
5
6
  * Consumers can wrap this component around a tooltip to provide additional context.
@@ -28,9 +29,9 @@ import Component from '../../components/chip';
28
29
  *
29
30
  */
30
31
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
31
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
32
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
33
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
34
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
32
+ onClick: EventName<EventsInherited["onClickEvent"]>;
33
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
34
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
35
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
35
36
  }>;
36
37
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/coachmark';
3
+ import type { Events as EventsInherited } from '../../components/popover/popover.types';
3
4
  /**
4
5
  * Coachmark component based on top of the popover component,
5
6
  * with the default value of certain properties changed.
@@ -27,17 +28,9 @@ import Component from '../../components/coachmark';
27
28
  *
28
29
  */
29
30
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
30
- onShown: EventName<import("../../components/popover/popover.types").PopoverShownEvent>;
31
- onHidden: EventName<import("../../components/popover/popover.types").PopoverHiddenEvent>;
32
- onCreated: EventName<CustomEvent<{
33
- show: boolean;
34
- }> & {
35
- target: import("../../components/popover/popover.component").default;
36
- }>;
37
- onDestroyed: EventName<CustomEvent<{
38
- show: boolean;
39
- }> & {
40
- target: import("../../components/popover/popover.component").default;
41
- }>;
31
+ onShown: EventName<EventsInherited["onShownEvent"]>;
32
+ onHidden: EventName<EventsInherited["onHiddenEvent"]>;
33
+ onCreated: EventName<EventsInherited["onCreatedEvent"]>;
34
+ onDestroyed: EventName<EventsInherited["onDestroyedEvent"]>;
42
35
  }>;
43
36
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/combobox';
3
+ import type { Events } from '../../components/combobox/combobox.types';
3
4
  /**
4
5
  * The Combobox component is a text-based dropdown control that allows users to select an option from a predefined list.
5
6
  * Users can type text to filter the options and select their desired choice.
@@ -60,20 +61,10 @@ import Component from '../../components/combobox';
60
61
  * @csspart combobox__button-icon - The icon element of the button of the combobox.
61
62
  */
62
63
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
63
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, Component>>;
64
- onChange: EventName<CustomEvent<{
65
- value: string;
66
- label?: string | undefined;
67
- }> & {
68
- target: Component;
69
- }>;
70
- onInput: EventName<CustomEvent<{
71
- value: string;
72
- label?: string | undefined;
73
- }> & {
74
- target: Component;
75
- }>;
76
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, Component>>;
77
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, Component>>;
64
+ onClick: EventName<Events["onClickEvent"]>;
65
+ onChange: EventName<Events["onChangeEvent"]>;
66
+ onInput: EventName<Events["onInputEvent"]>;
67
+ onKeyDown: EventName<Events["onKeyDownEvent"]>;
68
+ onFocus: EventName<Events["onFocusEvent"]>;
78
69
  }>;
79
70
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/dialog';
3
+ import type { Events } from '../../components/dialog/dialog.types';
3
4
  /**
4
5
  * Dialog component is a modal dialog that can be used to display information or prompt the user for input.
5
6
  * It can be used to create custom dialogs where content for the body and footer actions is provided by the consumer.
@@ -56,20 +57,10 @@ import Component from '../../components/dialog';
56
57
  * using the footer-link and footer-button slots is preferred
57
58
  */
58
59
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
59
- onShown: EventName<import("../../utils/types").TypedCustomEvent<Component, {
60
- show: boolean;
61
- }>>;
62
- onHidden: EventName<import("../../utils/types").TypedCustomEvent<Component, {
63
- show: boolean;
64
- }>>;
65
- onCreated: EventName<import("../../utils/types").TypedCustomEvent<Component, {
66
- show: boolean;
67
- }>>;
68
- onDestroyed: EventName<import("../../utils/types").TypedCustomEvent<Component, {
69
- show: boolean;
70
- }>>;
71
- onClose: EventName<import("../../utils/types").TypedCustomEvent<Component, {
72
- show: boolean;
73
- }>>;
60
+ onShown: EventName<Events["onShownEvent"]>;
61
+ onHidden: EventName<Events["onHiddenEvent"]>;
62
+ onCreated: EventName<Events["onCreatedEvent"]>;
63
+ onDestroyed: EventName<Events["onDestroyedEvent"]>;
64
+ onClose: EventName<Events["onCloseEvent"]>;
74
65
  }>;
75
66
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/filterchip';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * mdc-filterchip component is an interactive chip that consumers can use to select or deselect.
5
6
  * They can be found with lists or tables as quick filters.
@@ -23,9 +24,9 @@ import Component from '../../components/filterchip';
23
24
  * @event focus - (React: onFocus) This event is dispatched when the chip receives focus.
24
25
  */
25
26
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
26
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
27
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
28
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
29
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
27
+ onClick: EventName<EventsInherited["onClickEvent"]>;
28
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
29
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
30
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
30
31
  }>;
31
32
  export default reactWrapper;
@@ -4,8 +4,8 @@ export { default as AccordionGroup } from './accordiongroup';
4
4
  export { default as AlertChip } from './alertchip';
5
5
  export { default as Animation } from './animation';
6
6
  export { default as Appheader } from './appheader';
7
- export { default as AvatarButton } from './avatarbutton';
8
7
  export { default as Avatar } from './avatar';
8
+ export { default as AvatarButton } from './avatarbutton';
9
9
  export { default as Badge } from './badge';
10
10
  export { default as Banner } from './banner';
11
11
  export { default as Brandvisual } from './brandvisual';
@@ -50,10 +50,10 @@ export { default as MenuSection } from './menusection';
50
50
  export { default as NavMenuItem } from './navmenuitem';
51
51
  export { default as OptGroup } from './optgroup';
52
52
  export { default as Option } from './option';
53
+ export { default as Password } from './password';
53
54
  export { default as Popover } from './popover';
54
55
  export { default as Presence } from './presence';
55
56
  export { default as Progressbar } from './progressbar';
56
- export { default as Password } from './password';
57
57
  export { default as Progressspinner } from './progressspinner';
58
58
  export { default as Radio } from './radio';
59
59
  export { default as RadioGroup } from './radiogroup';
@@ -4,8 +4,8 @@ export { default as AccordionGroup } from './accordiongroup';
4
4
  export { default as AlertChip } from './alertchip';
5
5
  export { default as Animation } from './animation';
6
6
  export { default as Appheader } from './appheader';
7
- export { default as AvatarButton } from './avatarbutton';
8
7
  export { default as Avatar } from './avatar';
8
+ export { default as AvatarButton } from './avatarbutton';
9
9
  export { default as Badge } from './badge';
10
10
  export { default as Banner } from './banner';
11
11
  export { default as Brandvisual } from './brandvisual';
@@ -50,10 +50,10 @@ export { default as MenuSection } from './menusection';
50
50
  export { default as NavMenuItem } from './navmenuitem';
51
51
  export { default as OptGroup } from './optgroup';
52
52
  export { default as Option } from './option';
53
+ export { default as Password } from './password';
53
54
  export { default as Popover } from './popover';
54
55
  export { default as Presence } from './presence';
55
56
  export { default as Progressbar } from './progressbar';
56
- export { default as Password } from './password';
57
57
  export { default as Progressspinner } from './progressspinner';
58
58
  export { default as Radio } from './radio';
59
59
  export { default as RadioGroup } from './radiogroup';
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/input';
3
+ import type { Events } from '../../components/input/input.types';
3
4
  /**
4
5
  * mdc-input is a component that allows users to input text.
5
6
  * It contains:
@@ -44,10 +45,10 @@ import Component from '../../components/input';
44
45
  *
45
46
  */
46
47
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
47
- onClear: EventName<import("../../components/input/input.types").InputClearEvent>;
48
- onInput: EventName<import("../../components/input/input.types").InputInputEvent>;
49
- onChange: EventName<import("../../components/input/input.types").InputChangeEvent>;
50
- onFocus: EventName<import("../../components/input/input.types").InputFocusEvent>;
51
- onBlur: EventName<import("../../components/input/input.types").InputBlurEvent>;
48
+ onClear: EventName<Events["onClearEvent"]>;
49
+ onInput: EventName<Events["onInputEvent"]>;
50
+ onChange: EventName<Events["onChangeEvent"]>;
51
+ onFocus: EventName<Events["onFocusEvent"]>;
52
+ onBlur: EventName<Events["onBlurEvent"]>;
52
53
  }>;
53
54
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/inputchip';
3
+ import type { Events } from '../../components/inputchip/inputchip.types';
3
4
  /**
4
5
  * mdc-inputchip component is an interactive chip that consumers can use to represent an input.
5
6
  *
@@ -25,6 +26,6 @@ import Component from '../../components/inputchip';
25
26
  *
26
27
  */
27
28
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
28
- onRemove: EventName<import("../../utils/types").TypedCustomEvent<Component, unknown>>;
29
+ onRemove: EventName<Events["onRemoveEvent"]>;
29
30
  }>;
30
31
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/link';
3
+ import type { Events as EventsInherited } from '../../components/linksimple/linksimple.types';
3
4
  /**
4
5
  * `mdc-link` component can be used to navigate to a different page
5
6
  * within the application or to an external site. It can be used to link to
@@ -22,9 +23,9 @@ import Component from '../../components/link';
22
23
  * @csspart icon - The icon element.
23
24
  */
24
25
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
25
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/linksimple/linksimple.component").default>>;
26
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/linksimple/linksimple.component").default>>;
27
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/linksimple/linksimple.component").default>>;
28
- onBlur: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/linksimple/linksimple.component").default>>;
26
+ onClick: EventName<EventsInherited["onClickEvent"]>;
27
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
28
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
29
+ onBlur: EventName<EventsInherited["onBlurEvent"]>;
29
30
  }>;
30
31
  export default reactWrapper;
@@ -1,5 +1,6 @@
1
1
  import { type EventName } from '@lit/react';
2
2
  import Component from '../../components/linkbutton';
3
+ import type { Events as EventsInherited } from '../../components/buttonsimple/buttonsimple.types';
3
4
  /**
4
5
  * `mdc-linkbutton` visually mimics a hyperlink while functioning as a button. It blends the appearance of `mdc-link` with the accessibility and interaction capabilities of `mdc-button`.
5
6
  *
@@ -30,9 +31,9 @@ import Component from '../../components/linkbutton';
30
31
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.
31
32
  */
32
33
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
33
- onClick: EventName<import("../../utils/types").OverrideEventTarget<MouseEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
34
- onKeyDown: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
35
- onKeyUp: EventName<import("../../utils/types").OverrideEventTarget<KeyboardEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
36
- onFocus: EventName<import("../../utils/types").OverrideEventTarget<FocusEvent, import("../../components/buttonsimple/buttonsimple.component").default>>;
34
+ onClick: EventName<EventsInherited["onClickEvent"]>;
35
+ onKeyDown: EventName<EventsInherited["onKeyDownEvent"]>;
36
+ onKeyUp: EventName<EventsInherited["onKeyUpEvent"]>;
37
+ onFocus: EventName<EventsInherited["onFocusEvent"]>;
37
38
  }>;
38
39
  export default reactWrapper;