@ukic/web-components 2.7.0 → 2.9.0

package/dist/types/components.d.ts

@@ -22,6 +22,7 @@ import { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types
 import { IcChangeEventDetail as IcChangeEventDetail1, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
 import { IcPaginationItemType } from "./components/ic-pagination-item/ic-pagination-item.types";
 import { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
+import { IcExpandedDetail } from "./components/ic-side-navigation/ic-side-navigation.types";
 import { IcSkeletonVariants } from "./components/ic-skeleton/ic-skeleton.types";
 import { IcStatusTagAppearance, IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
 import { IcStepStatuses, IcStepTypes, IcStepVariants } from "./components/ic-step/ic-step.types";
@@ -47,6 +48,7 @@ export { IcMenuItemVariants } from "./components/ic-menu-item/ic-menu-item.types
 export { IcChangeEventDetail as IcChangeEventDetail1, IcPaginationTypes } from "./components/ic-pagination/ic-pagination.types";
 export { IcPaginationItemType } from "./components/ic-pagination-item/ic-pagination-item.types";
 export { IcChangeEventDetail as IcChangeEventDetail2 } from "./components/ic-radio-group/ic-radio-group.types";
+export { IcExpandedDetail } from "./components/ic-side-navigation/ic-side-navigation.types";
 export { IcSkeletonVariants } from "./components/ic-skeleton/ic-skeleton.types";
 export { IcStatusTagAppearance, IcStatusTagStatuses } from "./components/ic-status-tag/ic-status-tag.types";
 export { IcStepStatuses, IcStepTypes, IcStepVariants } from "./components/ic-step/ic-step.types";
@@ -184,6 +186,7 @@ export namespace Components {
         "visible": boolean;
     }
     interface IcBreadcrumb {
+        "appearance": IcThemeForeground;
         /**
           * If `true`, aria-current will be set on the breadcrumb.
          */
@@ -203,6 +206,10 @@ export namespace Components {
         "showBackIcon": boolean;
     }
     interface IcBreadcrumbGroup {
+        /**
+          * The appearance of the breadcrumb group.
+         */
+        "appearance": IcThemeForeground;
         /**
           * If `true`, display only a single breadcrumb for the parent page with a back icon.
          */
@@ -295,6 +302,10 @@ export namespace Components {
           * The position of the tooltip in relation to the button.
          */
         "tooltipPlacement"?: IcButtonTooltipPlacement;
+        /**
+          * If `true`, the secondary variant of button will have a transparent background rather than white.
+         */
+        "transparentBackground"?: boolean;
         /**
           * The type of the button.
          */
@@ -499,6 +510,10 @@ export namespace Components {
           * The size of the chip.
          */
         "size"?: IcSizes;
+        /**
+          * If `true`, the outlined variant of chip will have a transparent background rather than white.
+         */
+        "transparentBackground"?: boolean;
         /**
           * The emphasis of the chip.
          */
@@ -591,6 +606,10 @@ export namespace Components {
           * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
          */
         "destructive"?: boolean;
+        /**
+          * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold. This prop also prevents popover elements from being cut off within the content area.
+         */
+        "disableHeightConstraint"?: boolean;
         /**
           * Sets the dismiss label tooltip and aria label.
          */
@@ -974,10 +993,11 @@ export namespace Components {
         "handleClickOpen": () => Promise<void>;
         /**
           * Used alongside activationType If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.
-          * @param event - keyboard event
+          * @param event The keyboard event which is available when handleKeyboardOpen is invoked.
          */
         "handleKeyboardOpen": (event: KeyboardEvent) => Promise<void>;
         "handleSetFirstOption": () => Promise<void>;
+        "initPopperJs": (anchor: HTMLElement) => Promise<void>;
         /**
           * The reference to the input element.
          */
@@ -1007,6 +1027,7 @@ export namespace Components {
           * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.
          */
         "searchMode"?: IcSearchBarSearchModes;
+        "selectOnEnter"?: boolean;
         /**
           * The size of the menu component.
          */
@@ -1256,6 +1277,7 @@ export namespace Components {
         "pages": number;
         /**
           * Sets the currently displayed page.
+          * @param page The page number to set as the current page
          */
         "setCurrentPage": (page: number) => Promise<void>;
         /**
@@ -1673,6 +1695,10 @@ export namespace Components {
           * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
          */
         "searchable"?: boolean;
+        /**
+          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+         */
+        "selectOnEnter"?: boolean;
         /**
           * Sets focus on the input box.
          */
@@ -2119,6 +2145,7 @@ export namespace Components {
         "openToast": HTMLIcToastElement;
         /**
           * @deprecated Use openToast prop to display toast instead.
+          * @param toast The toast component to display
          */
         "setVisible": (toast: HTMLIcToastElement) => Promise<void>;
     }
@@ -2142,9 +2169,10 @@ export namespace Components {
          */
         "maxLines"?: number;
         /**
-          * The position of the tool-tip in relation to the parent element.
+          * The position of the tooltip in relation to the parent element.
          */
         "placement"?: IcTooltipPlacements;
+        "silent"?: boolean;
         /**
           * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
          */
@@ -2283,6 +2311,10 @@ export interface IcSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcSelectElement;
 }
+export interface IcSideNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcSideNavigationElement;
+}
 export interface IcSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcSwitchElement;
@@ -2316,7 +2348,18 @@ export interface IcTopNavigationCustomEvent<T> extends CustomEvent<T> {
     target: HTMLIcTopNavigationElement;
 }
 declare global {
+    interface HTMLIcAccordionElementEventMap {
+        "accordionClicked": { id: string };
+    }
     interface HTMLIcAccordionElement extends Components.IcAccordion, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcAccordionElementEventMap>(type: K, listener: (this: HTMLIcAccordionElement, ev: IcAccordionCustomEvent<HTMLIcAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcAccordionElementEventMap>(type: K, listener: (this: HTMLIcAccordionElement, ev: IcAccordionCustomEvent<HTMLIcAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcAccordionElement: {
         prototype: HTMLIcAccordionElement;
@@ -2328,7 +2371,19 @@ declare global {
         prototype: HTMLIcAccordionGroupElement;
         new (): HTMLIcAccordionGroupElement;
     };
+    interface HTMLIcAlertElementEventMap {
+        "dismiss": void;
+        "icDismiss": void;
+    }
     interface HTMLIcAlertElement extends Components.IcAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcAlertElementEventMap>(type: K, listener: (this: HTMLIcAlertElement, ev: IcAlertCustomEvent<HTMLIcAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcAlertElementEventMap>(type: K, listener: (this: HTMLIcAlertElement, ev: IcAlertCustomEvent<HTMLIcAlertElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcAlertElement: {
         prototype: HTMLIcAlertElement;
@@ -2358,7 +2413,19 @@ declare global {
         prototype: HTMLIcBreadcrumbGroupElement;
         new (): HTMLIcBreadcrumbGroupElement;
     };
+    interface HTMLIcButtonElementEventMap {
+        "icBlur": void;
+        "icFocus": void;
+    }
     interface HTMLIcButtonElement extends Components.IcButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcButtonElementEventMap>(type: K, listener: (this: HTMLIcButtonElement, ev: IcButtonCustomEvent<HTMLIcButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcButtonElementEventMap>(type: K, listener: (this: HTMLIcButtonElement, ev: IcButtonCustomEvent<HTMLIcButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcButtonElement: {
         prototype: HTMLIcButtonElement;
@@ -2370,19 +2437,54 @@ declare global {
         prototype: HTMLIcCardElement;
         new (): HTMLIcCardElement;
     };
+    interface HTMLIcCheckboxElementEventMap {
+        "checkboxChecked": void;
+        "icCheck": void;
+    }
     interface HTMLIcCheckboxElement extends Components.IcCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcCheckboxElementEventMap>(type: K, listener: (this: HTMLIcCheckboxElement, ev: IcCheckboxCustomEvent<HTMLIcCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcCheckboxElementEventMap>(type: K, listener: (this: HTMLIcCheckboxElement, ev: IcCheckboxCustomEvent<HTMLIcCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcCheckboxElement: {
         prototype: HTMLIcCheckboxElement;
         new (): HTMLIcCheckboxElement;
     };
+    interface HTMLIcCheckboxGroupElementEventMap {
+        "icChange": IcChangeEventDetail;
+    }
     interface HTMLIcCheckboxGroupElement extends Components.IcCheckboxGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLIcCheckboxGroupElement, ev: IcCheckboxGroupCustomEvent<HTMLIcCheckboxGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcCheckboxGroupElementEventMap>(type: K, listener: (this: HTMLIcCheckboxGroupElement, ev: IcCheckboxGroupCustomEvent<HTMLIcCheckboxGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcCheckboxGroupElement: {
         prototype: HTMLIcCheckboxGroupElement;
         new (): HTMLIcCheckboxGroupElement;
     };
+    interface HTMLIcChipElementEventMap {
+        "dismiss": void;
+        "icDismiss": void;
+    }
     interface HTMLIcChipElement extends Components.IcChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcChipElementEventMap>(type: K, listener: (this: HTMLIcChipElement, ev: IcChipCustomEvent<HTMLIcChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcChipElementEventMap>(type: K, listener: (this: HTMLIcChipElement, ev: IcChipCustomEvent<HTMLIcChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcChipElement: {
         prototype: HTMLIcChipElement;
@@ -2406,7 +2508,21 @@ declare global {
         prototype: HTMLIcDataRowElement;
         new (): HTMLIcDataRowElement;
     };
+    interface HTMLIcDialogElementEventMap {
+        "icDialogCancelled": void;
+        "icDialogClosed": void;
+        "icDialogConfirmed": void;
+        "icDialogOpened": void;
+    }
     interface HTMLIcDialogElement extends Components.IcDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcDialogElementEventMap>(type: K, listener: (this: HTMLIcDialogElement, ev: IcDialogCustomEvent<HTMLIcDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcDialogElementEventMap>(type: K, listener: (this: HTMLIcDialogElement, ev: IcDialogCustomEvent<HTMLIcDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcDialogElement: {
         prototype: HTMLIcDialogElement;
@@ -2424,7 +2540,18 @@ declare global {
         prototype: HTMLIcEmptyStateElement;
         new (): HTMLIcEmptyStateElement;
     };
+    interface HTMLIcFooterElementEventMap {
+        "footerResized": void;
+    }
     interface HTMLIcFooterElement extends Components.IcFooter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcFooterElementEventMap>(type: K, listener: (this: HTMLIcFooterElement, ev: IcFooterCustomEvent<HTMLIcFooterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcFooterElementEventMap>(type: K, listener: (this: HTMLIcFooterElement, ev: IcFooterCustomEvent<HTMLIcFooterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcFooterElement: {
         prototype: HTMLIcFooterElement;
@@ -2490,7 +2617,25 @@ declare global {
         prototype: HTMLIcLoadingIndicatorElement;
         new (): HTMLIcLoadingIndicatorElement;
     };
+    interface HTMLIcMenuElementEventMap {
+        "menuKeyPress": { isNavKey: boolean; key: string };
+        "menuOptionId": IcMenuOptionIdEventDetail;
+        "menuOptionSelect": IcOptionSelectEventDetail;
+        "menuStateChange": IcMenuChangeEventDetail;
+        "menuValueChange": IcValueEventDetail;
+        "retryButtonClicked": IcValueEventDetail;
+        "timeoutBlur": { ev: FocusEvent };
+        "ungroupedOptionsSet": { options: IcMenuOption[] };
+    }
     interface HTMLIcMenuElement extends Components.IcMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcMenuElementEventMap>(type: K, listener: (this: HTMLIcMenuElement, ev: IcMenuCustomEvent<HTMLIcMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcMenuElementEventMap>(type: K, listener: (this: HTMLIcMenuElement, ev: IcMenuCustomEvent<HTMLIcMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcMenuElement: {
         prototype: HTMLIcMenuElement;
@@ -2502,7 +2647,23 @@ declare global {
         prototype: HTMLIcMenuGroupElement;
         new (): HTMLIcMenuGroupElement;
     };
+    interface HTMLIcMenuItemElementEventMap {
+        "childBlur": void;
+        "handleMenuItemClick": {
+    label: string;
+    hasSubMenu: boolean;
+  };
+        "triggerPopoverMenuInstance": void;
+    }
     interface HTMLIcMenuItemElement extends Components.IcMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcMenuItemElementEventMap>(type: K, listener: (this: HTMLIcMenuItemElement, ev: IcMenuItemCustomEvent<HTMLIcMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcMenuItemElementEventMap>(type: K, listener: (this: HTMLIcMenuItemElement, ev: IcMenuItemCustomEvent<HTMLIcMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcMenuItemElement: {
         prototype: HTMLIcMenuItemElement;
@@ -2520,13 +2681,36 @@ declare global {
         prototype: HTMLIcNavigationGroupElement;
         new (): HTMLIcNavigationGroupElement;
     };
+    interface HTMLIcNavigationItemElementEventMap {
+        "childBlur": void;
+        "navItemClicked": void;
+    }
     interface HTMLIcNavigationItemElement extends Components.IcNavigationItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcNavigationItemElementEventMap>(type: K, listener: (this: HTMLIcNavigationItemElement, ev: IcNavigationItemCustomEvent<HTMLIcNavigationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcNavigationItemElementEventMap>(type: K, listener: (this: HTMLIcNavigationItemElement, ev: IcNavigationItemCustomEvent<HTMLIcNavigationItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcNavigationItemElement: {
         prototype: HTMLIcNavigationItemElement;
         new (): HTMLIcNavigationItemElement;
     };
+    interface HTMLIcNavigationMenuElementEventMap {
+        "icNavigationMenuClose": void;
+    }
     interface HTMLIcNavigationMenuElement extends Components.IcNavigationMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcNavigationMenuElementEventMap>(type: K, listener: (this: HTMLIcNavigationMenuElement, ev: IcNavigationMenuCustomEvent<HTMLIcNavigationMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcNavigationMenuElementEventMap>(type: K, listener: (this: HTMLIcNavigationMenuElement, ev: IcNavigationMenuCustomEvent<HTMLIcNavigationMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcNavigationMenuElement: {
         prototype: HTMLIcNavigationMenuElement;
@@ -2538,13 +2722,35 @@ declare global {
         prototype: HTMLIcPageHeaderElement;
         new (): HTMLIcPageHeaderElement;
     };
+    interface HTMLIcPaginationElementEventMap {
+        "icPageChange": IcChangeEventDetail1;
+    }
     interface HTMLIcPaginationElement extends Components.IcPagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcPaginationElementEventMap>(type: K, listener: (this: HTMLIcPaginationElement, ev: IcPaginationCustomEvent<HTMLIcPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcPaginationElementEventMap>(type: K, listener: (this: HTMLIcPaginationElement, ev: IcPaginationCustomEvent<HTMLIcPaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcPaginationElement: {
         prototype: HTMLIcPaginationElement;
         new (): HTMLIcPaginationElement;
     };
+    interface HTMLIcPaginationItemElementEventMap {
+        "paginationItemClick": { page: number };
+    }
     interface HTMLIcPaginationItemElement extends Components.IcPaginationItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcPaginationItemElementEventMap>(type: K, listener: (this: HTMLIcPaginationItemElement, ev: IcPaginationItemCustomEvent<HTMLIcPaginationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcPaginationItemElementEventMap>(type: K, listener: (this: HTMLIcPaginationItemElement, ev: IcPaginationItemCustomEvent<HTMLIcPaginationItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcPaginationItemElement: {
         prototype: HTMLIcPaginationItemElement;
@@ -2556,19 +2762,66 @@ declare global {
         prototype: HTMLIcPopoverMenuElement;
         new (): HTMLIcPopoverMenuElement;
     };
+    interface HTMLIcRadioGroupElementEventMap {
+        "icChange": IcChangeEventDetail2;
+    }
     interface HTMLIcRadioGroupElement extends Components.IcRadioGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcRadioGroupElementEventMap>(type: K, listener: (this: HTMLIcRadioGroupElement, ev: IcRadioGroupCustomEvent<HTMLIcRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcRadioGroupElementEventMap>(type: K, listener: (this: HTMLIcRadioGroupElement, ev: IcRadioGroupCustomEvent<HTMLIcRadioGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcRadioGroupElement: {
         prototype: HTMLIcRadioGroupElement;
         new (): HTMLIcRadioGroupElement;
     };
+    interface HTMLIcRadioOptionElementEventMap {
+        "icCheck": IcValueEventDetail;
+        "radioOptionSelect": IcValueEventDetail;
+        "icSelectedChange": void;
+    }
     interface HTMLIcRadioOptionElement extends Components.IcRadioOption, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcRadioOptionElementEventMap>(type: K, listener: (this: HTMLIcRadioOptionElement, ev: IcRadioOptionCustomEvent<HTMLIcRadioOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcRadioOptionElementEventMap>(type: K, listener: (this: HTMLIcRadioOptionElement, ev: IcRadioOptionCustomEvent<HTMLIcRadioOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcRadioOptionElement: {
         prototype: HTMLIcRadioOptionElement;
         new (): HTMLIcRadioOptionElement;
     };
+    interface HTMLIcSearchBarElementEventMap {
+        "icChange": IcValueEventDetail;
+        "icClear": void;
+        "icInput": IcValueEventDetail;
+        "icInputBlur": IcSearchBarBlurEventDetail;
+        "icInputFocus": IcValueEventDetail;
+        "icOptionSelect": IcOptionSelectEventDetail;
+        "icMenuChange": IcMenuChangeEventDetail;
+        "icClearBlur": IcBlurEventDetail;
+        "icRetryLoad": IcValueEventDetail;
+        "icSubmitSearch": IcValueEventDetail;
+        "icSubmitSearchBlur": IcBlurEventDetail;
+        "icSearchBarBlur": IcSearchBarBlurEventDetail;
+        "icSearchBarFocus": void;
+    }
     interface HTMLIcSearchBarElement extends Components.IcSearchBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcSearchBarElementEventMap>(type: K, listener: (this: HTMLIcSearchBarElement, ev: IcSearchBarCustomEvent<HTMLIcSearchBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcSearchBarElementEventMap>(type: K, listener: (this: HTMLIcSearchBarElement, ev: IcSearchBarCustomEvent<HTMLIcSearchBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcSearchBarElement: {
         prototype: HTMLIcSearchBarElement;
@@ -2580,13 +2833,41 @@ declare global {
         prototype: HTMLIcSectionContainerElement;
         new (): HTMLIcSectionContainerElement;
     };
+    interface HTMLIcSelectElementEventMap {
+        "icBlur": void;
+        "icChange": IcValueEventDetail;
+        "icClear": void;
+        "icFocus": void;
+        "icInput": IcValueEventDetail;
+        "icOptionSelect": IcOptionSelectEventDetail;
+        "icRetryLoad": IcValueEventDetail;
+    }
     interface HTMLIcSelectElement extends Components.IcSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcSelectElementEventMap>(type: K, listener: (this: HTMLIcSelectElement, ev: IcSelectCustomEvent<HTMLIcSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcSelectElementEventMap>(type: K, listener: (this: HTMLIcSelectElement, ev: IcSelectCustomEvent<HTMLIcSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcSelectElement: {
         prototype: HTMLIcSelectElement;
         new (): HTMLIcSelectElement;
     };
+    interface HTMLIcSideNavigationElementEventMap {
+        "sideNavExpanded": IcExpandedDetail;
+    }
     interface HTMLIcSideNavigationElement extends Components.IcSideNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcSideNavigationElementEventMap>(type: K, listener: (this: HTMLIcSideNavigationElement, ev: IcSideNavigationCustomEvent<HTMLIcSideNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcSideNavigationElementEventMap>(type: K, listener: (this: HTMLIcSideNavigationElement, ev: IcSideNavigationCustomEvent<HTMLIcSideNavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcSideNavigationElement: {
         prototype: HTMLIcSideNavigationElement;
@@ -2616,19 +2897,59 @@ declare global {
         prototype: HTMLIcStepperElement;
         new (): HTMLIcStepperElement;
     };
+    interface HTMLIcSwitchElementEventMap {
+        "icBlur": void;
+        "icChange": IcSwitchChangeEventDetail;
+        "icFocus": void;
+    }
     interface HTMLIcSwitchElement extends Components.IcSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcSwitchElementEventMap>(type: K, listener: (this: HTMLIcSwitchElement, ev: IcSwitchCustomEvent<HTMLIcSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcSwitchElementEventMap>(type: K, listener: (this: HTMLIcSwitchElement, ev: IcSwitchCustomEvent<HTMLIcSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcSwitchElement: {
         prototype: HTMLIcSwitchElement;
         new (): HTMLIcSwitchElement;
     };
+    interface HTMLIcTabElementEventMap {
+        "tabClick": IcTabClickEventDetail;
+        "tabCreated": HTMLIcTabElement;
+        "tabEnabled": void;
+        "tabFocus": IcTabClickEventDetail;
+        "tabRemoved": void;
+    }
     interface HTMLIcTabElement extends Components.IcTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcTabElementEventMap>(type: K, listener: (this: HTMLIcTabElement, ev: IcTabCustomEvent<HTMLIcTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcTabElementEventMap>(type: K, listener: (this: HTMLIcTabElement, ev: IcTabCustomEvent<HTMLIcTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcTabElement: {
         prototype: HTMLIcTabElement;
         new (): HTMLIcTabElement;
     };
+    interface HTMLIcTabContextElementEventMap {
+        "icTabSelect": IcTabSelectEventDetail;
+        "tabSelect": IcTabSelectEventDetail;
+    }
     interface HTMLIcTabContextElement extends Components.IcTabContext, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcTabContextElementEventMap>(type: K, listener: (this: HTMLIcTabContextElement, ev: IcTabContextCustomEvent<HTMLIcTabContextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcTabContextElementEventMap>(type: K, listener: (this: HTMLIcTabContextElement, ev: IcTabContextCustomEvent<HTMLIcTabContextElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcTabContextElement: {
         prototype: HTMLIcTabContextElement;
@@ -2640,25 +2961,75 @@ declare global {
         prototype: HTMLIcTabGroupElement;
         new (): HTMLIcTabGroupElement;
     };
+    interface HTMLIcTabPanelElementEventMap {
+        "tabPanelCreated": HTMLIcTabPanelElement;
+        "tabPanelRemoved": void;
+    }
     interface HTMLIcTabPanelElement extends Components.IcTabPanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcTabPanelElementEventMap>(type: K, listener: (this: HTMLIcTabPanelElement, ev: IcTabPanelCustomEvent<HTMLIcTabPanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcTabPanelElementEventMap>(type: K, listener: (this: HTMLIcTabPanelElement, ev: IcTabPanelCustomEvent<HTMLIcTabPanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcTabPanelElement: {
         prototype: HTMLIcTabPanelElement;
         new (): HTMLIcTabPanelElement;
     };
+    interface HTMLIcTextFieldElementEventMap {
+        "getValidationText": IcValueEventDetail;
+        "icBlur": IcValueEventDetail;
+        "icChange": IcValueEventDetail;
+        "icFocus": IcValueEventDetail;
+        "icInput": IcValueEventDetail;
+        "icKeydown": { event: KeyboardEvent };
+    }
     interface HTMLIcTextFieldElement extends Components.IcTextField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcTextFieldElementEventMap>(type: K, listener: (this: HTMLIcTextFieldElement, ev: IcTextFieldCustomEvent<HTMLIcTextFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcTextFieldElementEventMap>(type: K, listener: (this: HTMLIcTextFieldElement, ev: IcTextFieldCustomEvent<HTMLIcTextFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcTextFieldElement: {
         prototype: HTMLIcTextFieldElement;
         new (): HTMLIcTextFieldElement;
     };
+    interface HTMLIcThemeElementEventMap {
+        "themeChange": IcTheme;
+    }
     interface HTMLIcThemeElement extends Components.IcTheme, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcThemeElementEventMap>(type: K, listener: (this: HTMLIcThemeElement, ev: IcThemeCustomEvent<HTMLIcThemeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcThemeElementEventMap>(type: K, listener: (this: HTMLIcThemeElement, ev: IcThemeCustomEvent<HTMLIcThemeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcThemeElement: {
         prototype: HTMLIcThemeElement;
         new (): HTMLIcThemeElement;
     };
+    interface HTMLIcToastElementEventMap {
+        "icDismiss": void;
+    }
     interface HTMLIcToastElement extends Components.IcToast, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcToastElementEventMap>(type: K, listener: (this: HTMLIcToastElement, ev: IcToastCustomEvent<HTMLIcToastElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcToastElementEventMap>(type: K, listener: (this: HTMLIcToastElement, ev: IcToastCustomEvent<HTMLIcToastElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcToastElement: {
         prototype: HTMLIcToastElement;
@@ -2676,7 +3047,20 @@ declare global {
         prototype: HTMLIcTooltipElement;
         new (): HTMLIcTooltipElement;
     };
+    interface HTMLIcTopNavigationElementEventMap {
+        "icNavigationMenuClosed": void;
+        "icNavigationMenuOpened": void;
+        "topNavResized": { size: number };
+    }
     interface HTMLIcTopNavigationElement extends Components.IcTopNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcTopNavigationElementEventMap>(type: K, listener: (this: HTMLIcTopNavigationElement, ev: IcTopNavigationCustomEvent<HTMLIcTopNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIcTopNavigationElementEventMap>(type: K, listener: (this: HTMLIcTopNavigationElement, ev: IcTopNavigationCustomEvent<HTMLIcTopNavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIcTopNavigationElement: {
         prototype: HTMLIcTopNavigationElement;
@@ -2891,6 +3275,10 @@ declare namespace LocalJSX {
         "pageTitle": string;
     }
     interface IcBreadcrumbGroup {
+        /**
+          * The appearance of the breadcrumb group.
+         */
+        "appearance"?: IcThemeForeground;
         /**
           * If `true`, display only a single breadcrumb for the parent page with a back icon.
          */
@@ -2985,6 +3373,10 @@ declare namespace LocalJSX {
           * The position of the tooltip in relation to the button.
          */
         "tooltipPlacement"?: IcButtonTooltipPlacement;
+        /**
+          * If `true`, the secondary variant of button will have a transparent background rather than white.
+         */
+        "transparentBackground"?: boolean;
         /**
           * The type of the button.
          */
@@ -3197,6 +3589,10 @@ declare namespace LocalJSX {
           * The size of the chip.
          */
         "size"?: IcSizes;
+        /**
+          * If `true`, the outlined variant of chip will have a transparent background rather than white.
+         */
+        "transparentBackground"?: boolean;
         /**
           * The emphasis of the chip.
          */
@@ -3281,6 +3677,10 @@ declare namespace LocalJSX {
           * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
          */
         "destructive"?: boolean;
+        /**
+          * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold. This prop also prevents popover elements from being cut off within the content area.
+         */
+        "disableHeightConstraint"?: boolean;
         /**
           * Sets the dismiss label tooltip and aria label.
          */
@@ -4415,6 +4815,10 @@ declare namespace LocalJSX {
           * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options.
          */
         "searchable"?: boolean;
+        /**
+          * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.
+         */
+        "selectOnEnter"?: boolean;
         /**
           * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.
          */
@@ -4469,6 +4873,10 @@ declare namespace LocalJSX {
           * The URL that the app title link points to.
          */
         "href"?: string;
+        /**
+          * Emitted when the side navigation is collapsed and expanded.
+         */
+        "onSideNavExpanded"?: (event: IcSideNavigationCustomEvent<IcExpandedDetail>) => void;
         /**
           * The short title of the app to be displayed at small screen sizes in place of the app title.
          */
@@ -4870,7 +5278,7 @@ declare namespace LocalJSX {
          */
         "maxLines"?: number;
         /**
-          * The position of the tool-tip in relation to the parent element.
+          * The position of the tooltip in relation to the parent element.
          */
         "placement"?: IcTooltipPlacements;
         /**
@@ -4895,6 +5303,10 @@ declare namespace LocalJSX {
           * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
          */
         "inline"?: boolean;
+        /**
+          * Emitted when the top navigation is resized.
+         */
+        "onTopNavResized"?: (event: IcTopNavigationCustomEvent<{ size: number }>) => void;
         /**
           * The short title of the app to be displayed at small screen sizes in place of the app title.
          */