@ukic/web-components 2.1.0-beta.7 → 2.1.0-beta.9

package/dist/types/components.d.ts

@@ -5,9 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IcAlertVariants } from "./components/ic-alert/ic-alert.types";
+import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants } from "./utils/types";
 import { IcButtonSizes, IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
-import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcInformationStatusOrEmpty, IcMenuOption, IcSearchMatchPositions, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants } from "./utils/types";
 import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
 import { IcChipAppearance, IcChipSizes } from "./components/ic-chip/ic-chip.types";
 import { IcProtectiveMarkings } from "./components/ic-classification-banner/ic-classification-banner.types";
@@ -51,7 +50,7 @@ export namespace Components {
         /**
           * The variant of the alert which will be rendered.
          */
-        "variant"?: IcAlertVariants;
+        "variant"?: IcStatusVariants;
     }
     interface IcBackToTop {
         /**
@@ -72,6 +71,10 @@ export namespace Components {
           * The title of the breadcrumb.
          */
         "pageTitle": string;
+        /**
+          * Sets focus on the breadcrumb.
+         */
+        "setFocus": () => Promise<void>;
         "showBackIcon": boolean;
     }
     interface IcBreadcrumbGroup {
@@ -126,7 +129,7 @@ export namespace Components {
          */
         "rel"?: string;
         /**
-          * Sets focus on the native `button`
+          * Sets focus on the native `button`.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -192,6 +195,10 @@ export namespace Components {
           * The relationship of the linked URL as space-separated link types.
          */
         "rel"?: string;
+        /**
+          * Sets focus on the card.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * The subheading for the card.
          */
@@ -234,6 +241,10 @@ export namespace Components {
           * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
          */
         "name": string;
+        /**
+          * Sets focus on the checkbox.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * The value for the checkbox.
          */
@@ -294,6 +305,10 @@ export namespace Components {
           * The text rendered within the chip.
          */
         "label": string;
+        /**
+          * Sets focus on the chip.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * The size of the chip.
          */
@@ -423,6 +438,13 @@ export namespace Components {
          */
         "subheading"?: string;
     }
+    interface IcHorizontalScroll {
+        /**
+          * The appearance of the horizontal scroll, e.g. dark, light or the default.
+         */
+        "appearance"?: IcThemeForeground;
+        "scrollItemIntoView": (itemPosition: number) => Promise<void>;
+    }
     interface IcInputComponentContainer {
         /**
           * If `true`, the dark variant of the input component container will be displayed.
@@ -548,6 +570,10 @@ export namespace Components {
           * The relationship of the linked URL as space-separated link types.
          */
         "rel"?: string;
+        /**
+          * Sets focus on the link.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * If `true`, the 'open in new tab/window' icon will be displayed.
          */
@@ -614,9 +640,6 @@ export namespace Components {
           * If `true`, the menu will fill the width of the container.
          */
         "fullWidth": boolean;
-        /**
-          * If menu is opened with the mouse, emit icMenuStateChange custom event.
-         */
         "handleClickOpen": () => Promise<void>;
         /**
           * Used alongside activationType If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.
@@ -680,7 +703,7 @@ export namespace Components {
          */
         "rel"?: string;
         /**
-          * Sets focus on the native `button`
+          * Sets focus on the native `button`.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -698,7 +721,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Sets focus on the nav item
+          * Sets focus on the nav item.
          */
         "setFocus": () => Promise<void>;
     }
@@ -719,7 +742,7 @@ export namespace Components {
          */
         "selected": boolean;
         /**
-          * Sets focus on the nav item
+          * Sets focus on the nav item.
          */
         "setFocus": () => Promise<void>;
     }
@@ -788,6 +811,10 @@ export namespace Components {
           * The name for the radio group to differentiate from other groups.
          */
         "name": string;
+        /**
+          * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.
+         */
+        "orientation": IcOrientation;
         /**
           * If `true`, the radio group will require a value.
          */
@@ -834,6 +861,10 @@ export namespace Components {
           * If `true`, the radio option will be displayed in a selected state.
          */
         "selected"?: boolean;
+        /**
+          * Sets focus on the radio option.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * The value for the radio option.
          */
@@ -921,7 +952,7 @@ export namespace Components {
          */
         "required"?: boolean;
         /**
-          * Sets focus on the native `input`
+          * Sets focus on the native `input`.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -952,6 +983,14 @@ export namespace Components {
           * The number of characters until suggestions appear for a searchable select.
          */
         "charactersUntilSuggestions"?: number;
+        /**
+          * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+         */
+        "debounce"?: number;
+        /**
+          * Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.
+         */
+        "disableFilter"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -973,11 +1012,11 @@ export namespace Components {
          */
         "hideLabel"?: boolean;
         /**
-          * If `true`, descriptions of options will be included when filtering options in a searchable select.
+          * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.
          */
         "includeDescriptionsInSearch"?: boolean;
         /**
-          * If `true`, group titles of grouped options will be included when filtering options in a searchable select.
+          * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.
          */
         "includeGroupTitlesInSearch"?: boolean;
         /**
@@ -1005,7 +1044,7 @@ export namespace Components {
          */
         "required"?: boolean;
         /**
-          * Whether the search string of the searchable select should match the start of or anywhere in the options.
+          * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.
          */
         "searchMatchPosition"?: IcSearchMatchPositions;
         /**
@@ -1039,7 +1078,7 @@ export namespace Components {
     }
     interface IcSideNavigation {
         /**
-          * The title of the app to be displayed.
+          * The app title to be displayed. This is required, unless a slotted app title link is used.
          */
         "appTitle": string;
         /**
@@ -1173,6 +1212,10 @@ export namespace Components {
           * The name of the control, which is submitted with the form data.
          */
         "name"?: string;
+        /**
+          * Sets focus on the switch.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * If `true`, the switch will render the On/Off state text.
          */
@@ -1194,6 +1237,10 @@ export namespace Components {
          */
         "disabled"?: boolean;
         "selected"?: boolean;
+        /**
+          * Sets focus on the tab.
+         */
+        "setFocus": () => Promise<void>;
         "tabId"?: string;
         "tabPosition"?: number;
     }
@@ -1229,7 +1276,6 @@ export namespace Components {
           * The label to describe the purpose of the set of tabs to screen reader users.
          */
         "label": string;
-        "scrollTabIntoView": (tabNumber: number) => Promise<void>;
     }
     interface IcTabPanel {
         "appearance"?: IcThemeForegroundNoDefault;
@@ -1325,7 +1371,7 @@ export namespace Components {
          */
         "rows": number;
         /**
-          * Sets focus on the native `input`
+          * Sets focus on the native `input`.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -1364,6 +1410,48 @@ export namespace Components {
          */
         "color"?: string;
     }
+    interface IcToast {
+        /**
+          * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`)
+         */
+        "autoDismissTimeout"?: number;
+        /**
+          * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
+         */
+        "dismissButtonAriaLabel"?: string;
+        /**
+          * How the toast will be dismissed. If manual will display a dismiss button.
+         */
+        "dismissMode"?: IcActivationTypes;
+        /**
+          * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
+         */
+        "heading": string;
+        /**
+          * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+         */
+        "message"?: string;
+        /**
+          * Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon
+         */
+        "neutralIconAriaLabel"?: string;
+        /**
+          * Used to display the individual toast
+          * @returns The element that previously had focus before the toast appeared
+         */
+        "setVisible": () => Promise<HTMLElement>;
+        /**
+          * The variant of the toast being rendered
+         */
+        "variant"?: IcStatusVariants;
+    }
+    interface IcToastRegion {
+        /**
+          * Handles setting the visibility of various toasts based on what is already visible
+          * @param toast The toast element being requested to display
+         */
+        "setVisible": (toast: HTMLIcToastElement) => Promise<void>;
+    }
     interface IcTooltip {
         /**
           * If `true`, the tooltip will not be displayed on hover, it will require a click.
@@ -1384,7 +1472,7 @@ export namespace Components {
     }
     interface IcTopNavigation {
         /**
-          * The app title to be displayed.
+          * The app title to be displayed. This is required, unless a slotted app title link is used.
          */
         "appTitle": string;
         /**
@@ -1491,6 +1579,10 @@ export interface IcThemeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcThemeElement;
 }
+export interface IcToastCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcToastElement;
+}
 export interface IcTopNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcTopNavigationElement;
@@ -1598,6 +1690,12 @@ declare global {
         prototype: HTMLIcHeroElement;
         new (): HTMLIcHeroElement;
     };
+    interface HTMLIcHorizontalScrollElement extends Components.IcHorizontalScroll, HTMLStencilElement {
+    }
+    var HTMLIcHorizontalScrollElement: {
+        prototype: HTMLIcHorizontalScrollElement;
+        new (): HTMLIcHorizontalScrollElement;
+    };
     interface HTMLIcInputComponentContainerElement extends Components.IcInputComponentContainer, HTMLStencilElement {
     }
     var HTMLIcInputComponentContainerElement: {
@@ -1772,6 +1870,18 @@ declare global {
         prototype: HTMLIcThemeElement;
         new (): HTMLIcThemeElement;
     };
+    interface HTMLIcToastElement extends Components.IcToast, HTMLStencilElement {
+    }
+    var HTMLIcToastElement: {
+        prototype: HTMLIcToastElement;
+        new (): HTMLIcToastElement;
+    };
+    interface HTMLIcToastRegionElement extends Components.IcToastRegion, HTMLStencilElement {
+    }
+    var HTMLIcToastRegionElement: {
+        prototype: HTMLIcToastRegionElement;
+        new (): HTMLIcToastRegionElement;
+    };
     interface HTMLIcTooltipElement extends Components.IcTooltip, HTMLStencilElement {
     }
     var HTMLIcTooltipElement: {
@@ -1808,6 +1918,7 @@ declare global {
         "ic-footer-link": HTMLIcFooterLinkElement;
         "ic-footer-link-group": HTMLIcFooterLinkGroupElement;
         "ic-hero": HTMLIcHeroElement;
+        "ic-horizontal-scroll": HTMLIcHorizontalScrollElement;
         "ic-input-component-container": HTMLIcInputComponentContainerElement;
         "ic-input-container": HTMLIcInputContainerElement;
         "ic-input-label": HTMLIcInputLabelElement;
@@ -1837,6 +1948,8 @@ declare global {
         "ic-tab-panel": HTMLIcTabPanelElement;
         "ic-text-field": HTMLIcTextFieldElement;
         "ic-theme": HTMLIcThemeElement;
+        "ic-toast": HTMLIcToastElement;
+        "ic-toast-region": HTMLIcToastRegionElement;
         "ic-tooltip": HTMLIcTooltipElement;
         "ic-top-navigation": HTMLIcTopNavigationElement;
         "ic-typography": HTMLIcTypographyElement;
@@ -1875,7 +1988,7 @@ declare namespace LocalJSX {
         /**
           * The variant of the alert which will be rendered.
          */
-        "variant"?: IcAlertVariants;
+        "variant"?: IcStatusVariants;
     }
     interface IcBackToTop {
         /**
@@ -2269,6 +2382,12 @@ declare namespace LocalJSX {
          */
         "subheading"?: string;
     }
+    interface IcHorizontalScroll {
+        /**
+          * The appearance of the horizontal scroll, e.g. dark, light or the default.
+         */
+        "appearance"?: IcThemeForeground;
+    }
     interface IcInputComponentContainer {
         /**
           * If `true`, the dark variant of the input component container will be displayed.
@@ -2470,14 +2589,6 @@ declare namespace LocalJSX {
           * The ID of the menu.
          */
         "menuId": string;
-        /**
-          * Emitted when state of menu changes (i.e. open or close).
-         */
-        "onIcMenuStateChange"?: (event: IcMenuCustomEvent<IcMenuChangeEventDetail>) => void;
-        /**
-          * Emitted when an option is selected.
-         */
-        "onIcOptionSelect"?: (event: IcMenuCustomEvent<IcOptionSelectEventDetail>) => void;
         /**
           * If `true`, the menu will be displayed open.
          */
@@ -2618,6 +2729,10 @@ declare namespace LocalJSX {
           * Emitted when a user selects a radio.
          */
         "onIcChange"?: (event: IcRadioGroupCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.
+         */
+        "orientation"?: IcOrientation;
         /**
           * If `true`, the radio group will require a value.
          */
@@ -2826,6 +2941,14 @@ declare namespace LocalJSX {
           * The number of characters until suggestions appear for a searchable select.
          */
         "charactersUntilSuggestions"?: number;
+        /**
+          * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.
+         */
+        "debounce"?: number;
+        /**
+          * Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.
+         */
+        "disableFilter"?: boolean;
         /**
           * If `true`, the disabled state will be set.
          */
@@ -2847,11 +2970,11 @@ declare namespace LocalJSX {
          */
         "hideLabel"?: boolean;
         /**
-          * If `true`, descriptions of options will be included when filtering options in a searchable select.
+          * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.
          */
         "includeDescriptionsInSearch"?: boolean;
         /**
-          * If `true`, group titles of grouped options will be included when filtering options in a searchable select.
+          * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.
          */
         "includeGroupTitlesInSearch"?: boolean;
         /**
@@ -2863,17 +2986,29 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Emitted when select has blur.
+          * Emitted when select loses focus.
          */
         "onIcBlur"?: (event: IcSelectCustomEvent<void>) => void;
         /**
-          * Emitted when a value is selected.
+          * Emitted when the value changes.
          */
         "onIcChange"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
         /**
-          * Emitted when select has focus.
+          * Emitted when clear button clicked.
+         */
+        "onIcClear"?: (event: IcSelectCustomEvent<void>) => void;
+        /**
+          * Emitted when select gains focus.
          */
         "onIcFocus"?: (event: IcSelectCustomEvent<void>) => void;
+        /**
+          * Emitted when a keyboard input occurred.
+         */
+        "onIcInput"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * Emitted when option is highlighted within the menu. Highlighting a menu item will trigger an `icChange/onIcChange` due to the value being updated.
+         */
+        "onIcOptionSelect"?: (event: IcSelectCustomEvent<IcOptionSelectEventDetail>) => void;
         /**
           * The possible selection options.
          */
@@ -2891,7 +3026,7 @@ declare namespace LocalJSX {
          */
         "required"?: boolean;
         /**
-          * Whether the search string of the searchable select should match the start of or anywhere in the options.
+          * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.
          */
         "searchMatchPosition"?: IcSearchMatchPositions;
         /**
@@ -2921,9 +3056,9 @@ declare namespace LocalJSX {
     }
     interface IcSideNavigation {
         /**
-          * The title of the app to be displayed.
+          * The app title to be displayed. This is required, unless a slotted app title link is used.
          */
-        "appTitle": string;
+        "appTitle"?: string;
         /**
           * If `true`, the icon and label will appear when side navigation is collapsed.
          */
@@ -3255,6 +3390,42 @@ declare namespace LocalJSX {
          */
         "color"?: string;
     }
+    interface IcToast {
+        /**
+          * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`)
+         */
+        "autoDismissTimeout"?: number;
+        /**
+          * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component
+         */
+        "dismissButtonAriaLabel"?: string;
+        /**
+          * How the toast will be dismissed. If manual will display a dismiss button.
+         */
+        "dismissMode"?: IcActivationTypes;
+        /**
+          * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
+         */
+        "heading": string;
+        /**
+          * The main body message of the toast. (NOTE: Should be no more than `140` characters)
+         */
+        "message"?: string;
+        /**
+          * Provides a custom alt-text to be announced to screen readers, if slotting a custom neutral icon
+         */
+        "neutralIconAriaLabel"?: string;
+        /**
+          * Is emitted when the user dismisses the toast
+         */
+        "onIcDismiss"?: (event: IcToastCustomEvent<void>) => void;
+        /**
+          * The variant of the toast being rendered
+         */
+        "variant"?: IcStatusVariants;
+    }
+    interface IcToastRegion {
+    }
     interface IcTooltip {
         /**
           * If `true`, the tooltip will not be displayed on hover, it will require a click.
@@ -3275,9 +3446,9 @@ declare namespace LocalJSX {
     }
     interface IcTopNavigation {
         /**
-          * The app title to be displayed.
+          * The app title to be displayed. This is required, unless a slotted app title link is used.
          */
-        "appTitle": string;
+        "appTitle"?: string;
         /**
           * The alignment of the top navigation content.
          */
@@ -3327,6 +3498,7 @@ declare namespace LocalJSX {
         "ic-footer-link": IcFooterLink;
         "ic-footer-link-group": IcFooterLinkGroup;
         "ic-hero": IcHero;
+        "ic-horizontal-scroll": IcHorizontalScroll;
         "ic-input-component-container": IcInputComponentContainer;
         "ic-input-container": IcInputContainer;
         "ic-input-label": IcInputLabel;
@@ -3356,6 +3528,8 @@ declare namespace LocalJSX {
         "ic-tab-panel": IcTabPanel;
         "ic-text-field": IcTextField;
         "ic-theme": IcTheme;
+        "ic-toast": IcToast;
+        "ic-toast-region": IcToastRegion;
         "ic-tooltip": IcTooltip;
         "ic-top-navigation": IcTopNavigation;
         "ic-typography": IcTypography;
@@ -3382,6 +3556,7 @@ declare module "@stencil/core" {
             "ic-footer-link": LocalJSX.IcFooterLink & JSXBase.HTMLAttributes<HTMLIcFooterLinkElement>;
             "ic-footer-link-group": LocalJSX.IcFooterLinkGroup & JSXBase.HTMLAttributes<HTMLIcFooterLinkGroupElement>;
             "ic-hero": LocalJSX.IcHero & JSXBase.HTMLAttributes<HTMLIcHeroElement>;
+            "ic-horizontal-scroll": LocalJSX.IcHorizontalScroll & JSXBase.HTMLAttributes<HTMLIcHorizontalScrollElement>;
             "ic-input-component-container": LocalJSX.IcInputComponentContainer & JSXBase.HTMLAttributes<HTMLIcInputComponentContainerElement>;
             "ic-input-container": LocalJSX.IcInputContainer & JSXBase.HTMLAttributes<HTMLIcInputContainerElement>;
             "ic-input-label": LocalJSX.IcInputLabel & JSXBase.HTMLAttributes<HTMLIcInputLabelElement>;
@@ -3411,6 +3586,8 @@ declare module "@stencil/core" {
             "ic-tab-panel": LocalJSX.IcTabPanel & JSXBase.HTMLAttributes<HTMLIcTabPanelElement>;
             "ic-text-field": LocalJSX.IcTextField & JSXBase.HTMLAttributes<HTMLIcTextFieldElement>;
             "ic-theme": LocalJSX.IcTheme & JSXBase.HTMLAttributes<HTMLIcThemeElement>;
+            "ic-toast": LocalJSX.IcToast & JSXBase.HTMLAttributes<HTMLIcToastElement>;
+            "ic-toast-region": LocalJSX.IcToastRegion & JSXBase.HTMLAttributes<HTMLIcToastRegionElement>;
             "ic-tooltip": LocalJSX.IcTooltip & JSXBase.HTMLAttributes<HTMLIcTooltipElement>;
             "ic-top-navigation": LocalJSX.IcTopNavigation & JSXBase.HTMLAttributes<HTMLIcTopNavigationElement>;
             "ic-typography": LocalJSX.IcTypography & JSXBase.HTMLAttributes<HTMLIcTypographyElement>;

package/dist/types/interface.d.ts

@@ -1,6 +1,5 @@
 export * from "./components";
 export * from "./utils/types";
-export * from "./components/ic-alert/ic-alert.types";
 export * from "./components/ic-button/ic-button.types";
 export * from "./components/ic-classification-banner/ic-classification-banner.types";
 export * from "./components/ic-footer/ic-footer.types";

package/dist/types/utils/constants.d.ts

@@ -1,3 +1,25 @@
+export declare const VARIANT_ICONS: {
+  neutral: {
+    icon: string;
+    ariaLabel: string;
+  };
+  info: {
+    icon: string;
+    ariaLabel: string;
+  };
+  warning: {
+    icon: string;
+    ariaLabel: string;
+  };
+  error: {
+    icon: string;
+    ariaLabel: string;
+  };
+  success: {
+    icon: string;
+    ariaLabel: string;
+  };
+};
 export declare const IC_INHERITED_ARIA: string[];
 export declare const IC_DEVICE_SIZES: {
   XS: number;

package/dist/types/utils/helpers.d.ts

@@ -89,6 +89,7 @@ export declare const getThemeForegroundColor: () => IcThemeForeground;
 export declare const getSlot: (element: HTMLElement, name: string) => Element | null;
 export declare const slotHasContent: (element: HTMLElement, name: string) => boolean;
 export declare const getSlotContent: (element: HTMLElement, name: string) => Element[] | NodeListOf<ChildNode> | null;
+export declare const getSlotElements: (slot: Element) => NodeListOf<ChildNode> | Element[];
 export declare const getNavItemParentDetails: (el: HTMLElement) => IcNavParentDetails;
 export declare const DEVICE_SIZES: {
   XS: number;
@@ -118,3 +119,4 @@ export declare const hasClassificationBanner: () => boolean;
 export declare const getForm: (el: HTMLElement) => HTMLFormElement | null;
 export declare const addFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
 export declare const removeFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
+export declare const pxToRem: (px: string, base?: number) => string;

package/dist/types/utils/types.d.ts

@@ -1,3 +1,5 @@
+export declare type IcFocusableComponents = HTMLIcBreadcrumbElement | HTMLIcButtonElement | HTMLIcCardElement | HTMLIcCheckboxElement | HTMLIcChipElement | HTMLIcLinkElement | HTMLIcNavigationButtonElement | HTMLIcNavigationGroupElement | HTMLIcNavigationItemElement | HTMLIcRadioOptionElement | HTMLIcSearchBarElement | HTMLIcSelectElement | HTMLIcSwitchElement | HTMLIcTabElement | HTMLIcTextFieldElement;
+export declare type IcStatusVariants = "neutral" | "info" | "warning" | "error" | "success";
 export declare enum IcInformationStatus {
   Warning = "warning",
   Error = "error",
@@ -50,6 +52,7 @@ export declare type IcPropObject = {
   propName: string;
 };
 export declare type IcRelatedTarget = EventTarget | undefined;
+export declare type IcOrientation = "horizontal" | "vertical";
 export interface IcValueEventDetail {
   value: string;
 }