@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-toggle-button/ic-toggle-button.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter } from "../../../../../../../../../../../../stencil-public-runtime";
+import { IcSizes, IcThemeMode, IcIconPlacementOptions, IcButtonTooltipPlacement } from "../../utils/types";
+/**
+ * @slot icon - Content will be displayed alongside the toggle button label.
+ * @slot badge - Badge component overlaying the top right of the toggle button.
+ */
+export declare class ToggleButton {
+    el: HTMLIcToggleButtonElement;
+    /**
+     * The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.
+     */
+    accessibleLabel?: string;
+    /**
+     * If `true`, the toggle button will be in a checked state.
+     */
+    checked: boolean;
+    /**
+     * If `true`, the toggle button will be in disabled state.
+     */
+    disabled: boolean;
+    watchDisabledHandler(): void;
+    /**
+     * If `true`, the toggle button will fill the width of the container.
+     */
+    fullWidth: boolean;
+    /**
+     * The placement of the icon in relation to the toggle button label.
+     */
+    iconPlacement: IcIconPlacementOptions;
+    /**
+     * The label to display in the toggle button. This is required for the default variant of toggle buttons.
+     */
+    label?: string;
+    /**
+     * If `true`, the toggle button will be in loading state.
+     */
+    loading: boolean;
+    /**
+     * If `true`, the toggle button will display as black in the light theme, and white in dark theme.
+     */
+    monochrome: boolean;
+    /**
+     * If `true`, the toggle button will display with an outline.
+     */
+    outline: boolean;
+    /**
+     * The size of the toggle button to be displayed.
+     */
+    size: IcSizes;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme: IcThemeMode;
+    /**
+     * The position of the tooltip in relation to the toggle button.
+     */
+    tooltipPlacement: IcButtonTooltipPlacement;
+    /**
+     * The variant of the toggle button.
+     */
+    variant: "default" | "icon";
+    /**
+     * Emitted when the user clicks a toggle button.
+     */
+    icToggleChecked: EventEmitter<{
+        checked: boolean;
+    }>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleHostClick(e: Event): void;
+    private syncPropsFromToggleButtonGroup;
+    private handleFocus;
+    private handleClick;
+    render(): any;
+}

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.d.ts

@@ -0,0 +1,92 @@
+import { EventEmitter } from "../../../../../../../../../../../../stencil-public-runtime";
+import { IcSizes, IcSelectTypes, IcSelectMethodTypes, IcThemeMode, IcButtonTooltipPlacement, IcIconPlacementOptions } from "../../utils/types";
+import { IcChangeEventDetail } from "./ic-toggle-button-group.types";
+interface lastKey {
+    key: string | null;
+    shift: boolean;
+}
+export declare class ToggleButtonGroup {
+    el: HTMLIcToggleButtonGroupElement;
+    lastKeyPressed: lastKey;
+    externallySetActiveToggle: HTMLIcToggleButtonElement | null;
+    /**
+     * The accessible label of the toggle button group component to provide context for screen reader users.
+     */
+    accessibleLabel: string;
+    /**
+     * If `true`, the toggle button group will be set to the disabled state.
+     */
+    disabled: boolean;
+    watchDisabledHandler(): void;
+    /**
+     * If `true`, the toggle button group will fill the width of the container.
+     */
+    fullWidth: boolean;
+    watchFullWidthHandler(): void;
+    /**
+     * The placement of the icons in relation to the toggle button labels.
+     */
+    iconPlacement?: IcIconPlacementOptions;
+    /**
+     * If `true`, the toggle button group will be in loading state.
+     */
+    loading: boolean;
+    watchLoadingHandler(): void;
+    /**
+     * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.
+     */
+    monochrome: boolean;
+    watchMonochromeHandler(): void;
+    /**
+     * If `true`, the toggle button group will display with an outline.
+     */
+    outline: boolean;
+    watchOutlineHandler(): void;
+    /**
+     * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.
+     */
+    selectMethod: IcSelectMethodTypes;
+    /**
+     * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.
+     */
+    selectType: IcSelectTypes;
+    /**
+     * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.
+     */
+    size: IcSizes;
+    watchSizeHandler(): void;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme: IcThemeMode;
+    watchThemeHandler(): void;
+    /**
+     * The position of the tooltip in relation to the toggle buttons.
+     */
+    tooltipPlacement: IcButtonTooltipPlacement;
+    watchTooltipPlacementHandler(): void;
+    /**
+     * The variant of the toggle button.
+     */
+    variant: "default" | "icon";
+    watchVariantHandler(): void;
+    /**
+     * Emitted when a toggle button is selected.
+     */
+    icChange: EventEmitter<IcChangeEventDetail>;
+    selectHandler(ev: CustomEvent, tabTarget?: HTMLIcToggleButtonElement): void;
+    /**
+     * @internal Used to enable other components to set the active toggle button when toggle button group is in a shadow dom.
+     */
+    setActiveToggle(toggle: HTMLIcToggleButtonElement): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private keyListener;
+    private handleHostFocus;
+    private handleKeyDown;
+    private getNextItemToSelect;
+    private getAllToggleButtons;
+    render(): any;
+}
+export {};

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.types.d.ts

@@ -0,0 +1,7 @@
+export interface IcChangeEventDetail {
+    checked: boolean[] | boolean;
+    toggledOptions?: {
+        toggleButton: HTMLIcToggleButtonElement;
+    }[];
+    selectedOption: HTMLIcToggleButtonElement;
+}

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-tooltip/ic-tooltip.d.ts

@@ -0,0 +1,82 @@
+import { Options } from "@popperjs/core";
+import { IcTooltipPlacements } from "./ic-tooltip.types";
+import { IcThemeMode } from "../../utils/types";
+export declare class Tooltip {
+    private arrow;
+    private delayedHideEvents;
+    private dialogContentArea;
+    private instantHideEvents;
+    private mouseOverTool;
+    private persistTooltip;
+    private popperInstance;
+    private showEvents;
+    private toolTip;
+    el: HTMLIcTooltipElement;
+    /**
+     * If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.
+     */
+    disableClick?: boolean;
+    watchDisableClickHandler(): void;
+    /**
+     * If `true`, the tooltip will not be displayed on hover, it will require a click.
+     */
+    disableHover?: boolean;
+    watchDisableHoverHandler(): void;
+    /**
+     * Setting to `true` can help in situations where tooltip content is clipped by a parent element.
+     */
+    fixedPositioning: boolean;
+    /**
+     * The number of lines to display before truncating the text.
+     */
+    maxLines?: number;
+    /**
+     * The position of the tooltip in relation to the parent element.
+     */
+    placement?: IcTooltipPlacements;
+    /**
+     * @internal Sets the tooltip to aria-hidden, when used as part of components that are already announced.
+     */
+    silent?: boolean;
+    /**
+     * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.
+     */
+    target?: string;
+    /**
+     * Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
+    /**
+     * The text to display on the tooltip.
+     */
+    label: string;
+    watchLabelHandler(): void;
+    popperProps: Partial<Options>;
+    /**
+     * @internal This method allows props to be added to the PopperJS createPopper instance outside of tooltip
+     * @param props object - createPopper props set externally
+     */
+    setExternalPopperProps<T extends Partial<Options>>(props: T): Promise<void>;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    /**
+     * Method to programmatically show/hide the tooltip without needing to interact with an anchor element
+     * @param show Whether to show or hide the tooltip
+     * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover
+     */
+    displayTooltip(show: boolean, persistTooltip?: boolean): Promise<void>;
+    /**
+     * @internal Method to return if tooltip is currently visible.
+     */
+    isTooltipVisible(): Promise<boolean>;
+    private show;
+    private hide;
+    private checkCloseTooltip;
+    private mouseEnterTooltip;
+    private mouseLeaveTooltip;
+    private handleKeyDown;
+    private manageEventListeners;
+    private updateTooltipEvents;
+    render(): any;
+}

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-tooltip/ic-tooltip.types.d.ts

@@ -0,0 +1 @@
+export type IcTooltipPlacements = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start";

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-top-navigation/ic-top-navigation.d.ts

@@ -0,0 +1,102 @@
+import { EventEmitter } from "../../../../../../../../../../../../stencil-public-runtime";
+import { IcAlignment, IcBrandForeground, IcBrand, IcDeviceSizes, IcValueEventDetail, IcThemeMode } from "../../utils/types";
+import { IcSearchBarBlurEventDetail } from "../ic-search-bar/ic-search-bar.types";
+/**
+ * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
+ * @slot app-title - Handle routing by nesting a route in the app title.
+ * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).
+ * @slot search - Content will be rendered in search area to left of buttons.
+ * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices
+ * @slot navigation - Content will be rendered in navigation panel.
+ * @slot buttons - Content will be rendered to right of search bar.
+ */
+export declare class TopNavigation {
+    private hasAppIcon;
+    private hasAppTitleSlot;
+    private hasIconButtons;
+    private hasNavigation;
+    private hasSearchSlotContent;
+    private mobileSearchButtonEl?;
+    private resizeObserver;
+    private searchBar;
+    private menuButtonEl?;
+    el: HTMLIcTopNavigationElement;
+    deviceSize: number;
+    foregroundColor: IcBrandForeground;
+    hasFullWidthSearchBar: boolean;
+    mobileSearchBarVisible: boolean;
+    mobileSearchHiddenOnBlur: boolean;
+    navMenuVisible: boolean;
+    searchButtonClick: boolean;
+    searchValue: string;
+    /**
+     * The alignment of the top navigation content.
+     */
+    contentAligned: IcAlignment;
+    /**
+     * Can set a custom breakpoint for the top navigation to switch to mobile mode.
+     * Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.
+     */
+    customMobileBreakpoint: IcDeviceSizes;
+    /**
+     *  The URL to navigate to when the app title is clicked.
+     */
+    href: string;
+    /**
+     * If `true`, the flyout navigation menu on small devices will be contained by the parent element.
+     */
+    inline: boolean;
+    /**
+     * The short title of the app to be displayed at small screen sizes in place of the app title.
+     */
+    shortAppTitle: string;
+    /**
+     * The status info to be displayed.
+     */
+    status: string;
+    /**
+     * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme: IcThemeMode;
+    /**
+     * The version info to be displayed.
+     */
+    version: string;
+    /**
+     * The app title to be displayed. This is required, unless a slotted app title link is used.
+     */
+    appTitle?: string;
+    watchPropHandler(newValue: string, oldValue: string): void;
+    /**
+     * @internal - Emitted when the menu is closed.
+     */
+    icNavigationMenuClosed: EventEmitter<void>;
+    /**
+     * @internal - Emitted when the menu is opened.
+     */
+    icNavigationMenuOpened: EventEmitter<void>;
+    /**
+     * Emitted when the top navigation is resized.
+     */
+    icTopNavResized: EventEmitter<{
+        size: number;
+    }>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    navBarMenuCloseHandler(): void;
+    searchInputBlurHandler({ detail, }: CustomEvent<IcSearchBarBlurEventDetail>): void;
+    searchValueChangeHandler({ detail }: CustomEvent<IcValueEventDetail>): void;
+    brandChangeHandler({ detail }: CustomEvent<IcBrand>): void;
+    private checkSlots;
+    private initialiseSearchBar;
+    private toggleSearchBar;
+    private menuButtonClick;
+    private showNavMenu;
+    private searchButtonMouseDownHandler;
+    private searchButtonClickHandler;
+    private resizeObserverCallback;
+    private runResizeObserver;
+    render(): any;
+}

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-typography/ic-typography.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter } from "../../../../../../../../../../../../stencil-public-runtime";
+import { IcTypographyVariants, IcThemeMode } from "../../utils/types";
+export declare class Typography {
+    private focusBtnFromKeyboard;
+    private inAGGrid;
+    private lastMarkerTop;
+    private lastWidth;
+    private marker;
+    private resizeInterval;
+    private resizeObserver;
+    private truncatedHeight;
+    private truncWrapperEl?;
+    el: HTMLIcTypographyElement;
+    truncated: boolean;
+    truncButtonFocussed: boolean;
+    /**
+     * If `true`, appropriate top and bottom margins will be applied to the typography.
+     */
+    applyVerticalMargins?: boolean;
+    /**
+     * If `true`, the typography will have a bold font weight.
+     * Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).
+     */
+    bold?: boolean;
+    /**
+     * If `true`, the typography will have an italic font style.
+     */
+    italic?: boolean;
+    /**
+     * The number of lines to display before truncating the text, only used for the 'body' variant.
+     */
+    maxLines?: number;
+    /**
+     * If `true`, the typography will have a line through it.
+     */
+    strikethrough?: boolean;
+    /**
+     * Sets the text color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
+     */
+    theme?: IcThemeMode;
+    /**
+     * If `true`, the typography will have a line under it.
+     */
+    underline?: boolean;
+    /**
+     * The ICDS typography style to use.
+     */
+    variant?: IcTypographyVariants;
+    /**
+     * @internal Emits and event when the typography truncation button has been clicked.
+     */
+    typographyTruncationExpandToggle: EventEmitter<{
+        expanded: boolean;
+        typographyEl: HTMLIcTypographyElement;
+    }>;
+    expanded: boolean;
+    watchExpandedHandler(): void;
+    disconnectedCallback(): void;
+    /**
+     * @internal This is used by data table to remove all truncation in certain events
+     */
+    resetTruncation(): Promise<void>;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    private toggleExpanded;
+    /**
+     * @internal This checks if the number of lines of text exceeds the maxLines prop. If so, set the line clamp CSS to the max lines
+     * @param height - text container height
+     */
+    checkMaxLines(height: number): Promise<void>;
+    /**
+     * @internal This method makes it possible to set the expanded status of truncated text outside of ic-typography component
+     */
+    setShowHideExpanded(expanded: boolean): Promise<void>;
+    private checkMarkerPosition;
+    private getElementTop;
+    private runResizeObserver;
+    private resizeObserverCallback;
+    private truncButtonFocus;
+    private truncButtonBlur;
+    private truncButtonFocusFromMouse;
+    render(): any;
+}

package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/utils/helpers.d.ts

@@ -0,0 +1,167 @@
+import { EventEmitter } from "../../../../../../../../../../../stencil-public-runtime";
+import { IcCallbackFunctionNoReturn, IcInformationStatusOrEmpty, IcNavParentDetails, IcPropObject, IcSearchMatchPositions, IcColorRGBA, IcDeviceSizes, IcColor, IcBrandForegroundNoDefault, IcThemeMode } from "./types";
+import { IcMenuOption, IcBrandForeground } from "../utils/types";
+/**
+ * converts an enum of strings into an array of strings
+ */
+export declare const stringEnumToArray: (theEnum: Record<string, string | number>) => string[];
+/**
+ * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned
+ * to a variable that is later used in the render function.
+ *
+ * This does not need to be reactive as changing attributes on the host element
+ * does not trigger a re-render.
+ */
+export declare const inheritAttributes: (element: HTMLElement, attributes?: string[]) => {
+    [key: string]: string;
+};
+export declare const debounceEvent: (event: EventEmitter, wait: number) => EventEmitter;
+export declare const debounce: (func: (...args: unknown[]) => void, wait?: number) => unknown;
+/**
+ * This method is used to add a hidden input to a host element that contains
+ * a Shadow DOM. It does not add the input inside of the Shadow root which
+ * allows it to be picked up inside of forms. It should contain the same
+ * values as the host element.
+ *
+ * @param container The element where the input will be added
+ * @param value The value of the input
+ * @param name The name of the input
+ * @param disabled If true, the input is disabled
+ * @param always Add a hidden input even if the container does not use Shadow
+ */
+export declare const renderHiddenInput: (container: HTMLElement, value?: string | Date | null, name?: string, disabled?: boolean, always?: boolean) => void;
+/**
+ * This method is used to add a hidden file input to a host element that contains
+ * a Shadow DOM. It does not add the input inside of the Shadow root which
+ * allows it to be picked up inside of forms. It should contain the same
+ * values as the host element.
+ *
+ * @param event: The event that is emitted once a file is selected.
+ * @param container The element where the input will be added
+ * @param multiple If true, multiple files can be selected
+ * @param disabled If true, the input is disabled
+ * @param accept A string of the accepted files
+ * @param name The name of the input
+ * @param value The value of the input
+ */
+export declare const renderFileHiddenInput: (event: EventEmitter, container: HTMLElement, multiple: boolean, disabled: boolean, accept?: string, name?: string, value?: FileList) => void;
+export declare const removeHiddenInput: (container: HTMLElement) => void;
+export declare const hasShadowDom: (el: HTMLElement | null | undefined) => boolean;
+export declare const getInputHelperTextID: (id: string) => string;
+export declare const getInputValidationTextID: (id: string) => string;
+export declare const getInputDescribedByText: (el: HTMLElement, inputId: string, helperText: boolean, validationText: boolean) => string;
+/**
+ * This method helps to understand the context in which a component exists,
+ * to assist with choosing appropriate foreground colours to use. For example,
+ * this method will help you use the 'white' version of a button if it's within
+ * a block colour element using white foreground text.
+ *
+ * This only works for components/elements passed via <slot> and not if they
+ * are part of an IC component.
+ *
+ * ""
+ * @returns IcBrandForeground depending on the context
+ */
+export declare const getBrandFromContext: (el: Element, brandFromEvent?: IcBrandForeground | null) => IcBrandForeground;
+/**
+ * Checks if the current device is a mobile or tablet device.
+ * @returns {boolean} Returns true if the device is a mobile or tablet device, otherwise returns false.
+ */
+export declare const isMobileOrTablet: () => boolean;
+/**
+ * Will create a button within the lightDOM which interacts with the form.
+ * This is required as buttons within the shadowDOM will not invoke a submit or reset
+ *
+ * @param form - form element to associate button with
+ * @param button - shadowDOM button
+ */
+export declare const handleHiddenFormButtonClick: (form: HTMLFormElement | null, button: HTMLIcButtonElement) => void;
+export declare const isEmptyString: (value?: string) => boolean;
+export declare const isPropDefined: (prop?: string) => string | undefined;
+/**
+ * Extracts the label using the value from an object. Requires the object to have a label and value property.
+ * @param value - value from object
+ * @param options - list of menu items
+ * @returns - label corresponding to value
+ */
+export declare const getLabelFromValue: (value: string, options: IcMenuOption[], valueField?: string, labelField?: string) => string | undefined;
+/**
+ * Filters the options based on the search string.
+ * @param options - array of options
+ * @param includeDescriptions - determines whether option descriptions are included when filtering options
+ * @param searchString - string used to filter the options
+ * @param position - whether the search string matches the start of or anywhere in the options
+ * @returns filtered array of options
+ */
+export declare const getFilteredMenuOptions: (options: IcMenuOption[], includeDescriptions: boolean, searchString: string, position?: IcSearchMatchPositions, labelField?: string) => IcMenuOption[];
+/**
+ * Gets count of options where only group title "parent" options have been removed.
+ * Disabled options are included in the count.
+ * @param options - array of options
+ * @returns number of options not including group titles
+ */
+export declare const getOptionsWithoutGroupTitlesCount: (options: IcMenuOption[]) => number;
+export declare const deviceSizeMatches: (size: number) => boolean;
+export declare const getCurrentDeviceSize: () => number;
+export declare const getCssProperty: (cssVar: string) => string;
+/**
+ * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:
+ * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast
+ * - Adding them together and dividing by 1000
+ * This is a similar calculation to its CSS counterpart: "--ic-brand-text-color"
+ * @returns number representing the brightness of the theme colour
+ */
+export declare const getBrandColorBrightness: () => number;
+/**
+ * Returns if dark or light foreground colors should be used for color contrast reasons
+ * @returns "dark" or "light"
+ * @param brightness - Optional custom brightness value. Defaults to `getBrandColorBrightness`
+ */
+export declare const getBrandForegroundAppearance: (brightness?: number) => IcBrandForegroundNoDefault;
+export declare const getSlot: (element: HTMLElement | undefined, 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[] | null;
+export declare const getNavItemParentDetails: ({ parentElement, }: HTMLElement) => IcNavParentDetails;
+export declare const DEVICE_SIZES: {
+    XS: IcDeviceSizes;
+    S: IcDeviceSizes;
+    M: IcDeviceSizes;
+    L: IcDeviceSizes;
+    XL: IcDeviceSizes;
+    UNDEFINED: number;
+};
+export declare const hasValidationStatus: (status?: IcInformationStatusOrEmpty, disabled?: boolean) => boolean;
+export declare const isSlotUsed: ({ children }: HTMLElement, slotName: string) => boolean;
+export declare const onComponentPropUndefinedChange: (oldValue: string | undefined, newValue: string | undefined, callback: IcCallbackFunctionNoReturn) => void;
+export declare const onComponentRequiredPropUndefined: (props: IcPropObject[], component: string) => void;
+export declare const kebabToCamelCase: (kebabCase: string) => string;
+export declare const checkResizeObserver: (callbackFn: IcCallbackFunctionNoReturn) => void;
+export declare const hexToRgba: (hex: string) => IcColorRGBA;
+export declare const rgbaStrToObj: (rgbaStr: string) => IcColorRGBA;
+export declare const elementOverflowsX: ({ scrollWidth, clientWidth, }: HTMLElement) => boolean;
+export declare const hasClassificationBanner: () => boolean;
+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;
+/**
+ * Removes the disabled attribute from the provided element when its value is set to false.
+ * This effectively makes it null, to not confuse screen readers that cannot interpret the false value
+ */
+export declare const removeDisabledFalse: (disabled: boolean | undefined, element: HTMLElement) => void;
+export declare const isMacDevice: () => boolean;
+export declare const isNumeric: (value: string) => boolean;
+export declare function waitForHydration(): Promise<boolean>;
+export declare const convertToRGBA: (color: IcColor) => IcColorRGBA | null;
+export declare const capitalize: (text: string) => string;
+export declare const checkSlotInChildMutations: (addedNodes: NodeList, removedNodes: NodeList, slotName: string | string[]) => boolean;
+export declare const isElInAGGrid: (el: HTMLElement) => boolean;
+/**
+ * Checks if the component is slotted in its relevant 'group' component
+ * @param component - the component to check
+ */
+export declare const isSlottedInGroup: (component: HTMLElement) => boolean;
+export declare const hasDynamicChildSlots: (mutationList: MutationRecord[], slotNames: string | string[]) => boolean;
+export declare const renderDynamicChildSlots: (mutationList: MutationRecord[], slotNames: string | string[], ref: any) => void;
+export declare const getElementInheritedTheme: (el: HTMLElement) => IcThemeMode;
+export declare const isSafari: boolean;