@ukic/canary-web-components 3.0.0-canary.13 → 3.0.0-canary.15

package/dist/types/components.d.ts

@@ -6,25 +6,29 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IcCardSizes } from "./components/ic-card-horizontal/ic-card-horizontal.types";
-import { IcDateFormat, IcInformationStatusOrEmpty, IcPaginationBarOptions, IcSizes, IcThemeMode, IcWeekDays } from "./utils/types";
+import { IcThemeMode } from "@ukic/web-components";
 import { IcDataTableColumnObject, IcDataTableDataType, IcDataTableDensityOptions, IcDataTableRowHeights, IcDataTableSortOrderOptions, IcDataTableTruncationTypes, IcDensityUpdateEventDetail, IcSortEventDetail } from "./components/ic-data-table/ic-data-table.types";
+import { IcDateFormat, IcInformationStatusOrEmpty, IcPaginationBarOptions, IcSizes, IcThemeMode as IcThemeMode1, IcWeekDays } from "./utils/types";
 import { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 import { IcPageChangeEventDetail } from "./components/ic-pagination-bar/ic-pagination-bar.types";
+import { IcTreeItemOptions } from "./components/ic-tree-view/ic-tree-view.types";
 export { IcCardSizes } from "./components/ic-card-horizontal/ic-card-horizontal.types";
-export { IcDateFormat, IcInformationStatusOrEmpty, IcPaginationBarOptions, IcSizes, IcThemeMode, IcWeekDays } from "./utils/types";
+export { IcThemeMode } from "@ukic/web-components";
 export { IcDataTableColumnObject, IcDataTableDataType, IcDataTableDensityOptions, IcDataTableRowHeights, IcDataTableSortOrderOptions, IcDataTableTruncationTypes, IcDensityUpdateEventDetail, IcSortEventDetail } from "./components/ic-data-table/ic-data-table.types";
+export { IcDateFormat, IcInformationStatusOrEmpty, IcPaginationBarOptions, IcSizes, IcThemeMode as IcThemeMode1, IcWeekDays } from "./utils/types";
 export { IcPaginationAlignmentOptions, IcPaginationLabelTypes, IcPaginationTypes } from "@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types";
 export { IcPageChangeEventDetail } from "./components/ic-pagination-bar/ic-pagination-bar.types";
+export { IcTreeItemOptions } from "./components/ic-tree-view/ic-tree-view.types";
 export namespace Components {
     interface IcCardHorizontal {
         /**
           * If `true`, the horizontal card will be a clickable variant, instead of static.
          */
-        "clickable"?: boolean;
+        "clickable": boolean;
         /**
           * If `true`, the horizontal card will be disabled if it is clickable.
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
         /**
           * The heading for the horizontal card. This is required, unless a slotted heading is used.
          */
@@ -86,7 +90,7 @@ export namespace Components {
         /**
           * Set the density of the table including font and padding.
          */
-        "density"?: IcDataTableDensityOptions;
+        "density": IcDataTableDensityOptions;
         /**
           * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.
          */
@@ -94,11 +98,11 @@ export namespace Components {
         /**
           * Applies a border to the table container.
          */
-        "embedded"?: boolean;
+        "embedded": boolean;
         /**
           * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.
          */
-        "globalRowHeight"?: IcDataTableRowHeights;
+        "globalRowHeight": IcDataTableRowHeights;
         /**
           * Sets the table height. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.
          */
@@ -107,14 +111,10 @@ export namespace Components {
           * If `true`, column headers will not be visible.
          */
         "hideColumnHeaders"?: boolean;
-        /**
-          * If `true`, the selected row is highlighted using a background colour.
-         */
-        "highlightSelectedRow"?: boolean;
         /**
           * When set to `true`, the full table will show a loading state, featuring a radial indicator.
          */
-        "loading"?: boolean;
+        "loading": boolean;
         /**
           * Sets the props for the circular loading indicator used in the loading state.
          */
@@ -139,15 +139,19 @@ export namespace Components {
         /**
           * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.
          */
-        "minimumLoadingDisplayDuration"?: number;
+        "minimumLoadingDisplayDuration": number;
         /**
           * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.
          */
-        "paginationBarOptions"?: IcPaginationBarOptions;
+        "paginationBarOptions": IcPaginationBarOptions;
         /**
           * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.
          */
         "resetRowHeights": (rowHeight?: number | "auto") => Promise<void>;
+        /**
+          * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected.
+         */
+        "rowSelection": boolean;
         /**
           * If `true`, adds a pagination bar to the bottom of the table.
          */
@@ -155,7 +159,7 @@ export namespace Components {
         /**
           * Sets the order columns will be sorted in and allows for 'default' sorts to be added.
          */
-        "sortOptions"?: {
+        "sortOptions": {
     sortOrders: IcDataTableSortOrderOptions[];
     defaultColumn?: string;
   };
@@ -166,11 +170,11 @@ export namespace Components {
         /**
           * If `true`, column headers will remain at the top of the table when scrolling vertically.
          */
-        "stickyColumnHeaders"?: boolean;
+        "stickyColumnHeaders": boolean;
         /**
           * If `true`, row headers will remain to the left when scrolling horizontally.
          */
-        "stickyRowHeaders"?: boolean;
+        "stickyRowHeaders": boolean;
         /**
           * Sets the layout of the table
          */
@@ -178,7 +182,7 @@ export namespace Components {
         /**
           * 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;
+        "theme"?: IcThemeMode1;
         /**
           * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography "See more"/"See less" buttons.
          */
@@ -186,7 +190,7 @@ export namespace Components {
         /**
           * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.
          */
-        "updating"?: boolean;
+        "updating": boolean;
         /**
           * Sets the props for the linear loading indicator used in the updating state.
          */
@@ -231,15 +235,15 @@ export namespace Components {
         /**
           * The format in which the date will be displayed.
          */
-        "dateFormat"?: IcDateFormat;
+        "dateFormat": IcDateFormat;
         /**
           * The days of the week to disable.
          */
-        "disableDays"?: IcWeekDays[];
+        "disableDays": IcWeekDays[];
         /**
           * The text to display as the validation message when `disableDays` is set and a disabled date is entered.
          */
-        "disableDaysMessage"?: string;
+        "disableDaysMessage": string;
         /**
           * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered.
          */
@@ -247,7 +251,7 @@ export namespace Components {
         /**
           * The text to display as the validation message when `disableFuture` is true and a date in the future is entered.
          */
-        "disableFutureMessage"?: string;
+        "disableFutureMessage": string;
         /**
           * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered.
          */
@@ -255,20 +259,24 @@ export namespace Components {
         /**
           * The text to display as the validation message when `disablePast` is true and a date in the past is entered.
          */
-        "disablePastMessage"?: string;
+        "disablePastMessage": string;
         /**
           * If `true`, the disabled state will be set.
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
+        /**
+          * If `true`, every individual input field completed will emit an icChange event.
+         */
+        "emitDatePartChange"?: boolean;
         /**
           * Returns the value as a Date object
           * @returns Date
          */
-        "getDate": () => Promise<Date>;
+        "getDate": () => Promise<Date | null>;
         /**
           * The helper text that will be displayed for additional field guidance. This will default to the text "Use format" along with the `dateFormat` value.
          */
-        "helperText"?: string;
+        "helperText": string | null;
         /**
           * If `true`, the helper text will be visually hidden, but still read out by screenreaders.
          */
@@ -280,11 +288,11 @@ export namespace Components {
         /**
           * The ID for the input.
          */
-        "inputId"?: string;
+        "inputId": string;
         /**
           * The text to display as the validation message when an invalid date is entered.
          */
-        "invalidDateMessage"?: string;
+        "invalidDateMessage": string;
         /**
           * The label for the date input.
          */
@@ -292,11 +300,11 @@ export namespace Components {
         /**
           * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`.
          */
-        "max"?: string | Date;
+        "max": string | Date;
         /**
           * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`.
          */
-        "min"?: string | Date;
+        "min": string | Date;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -304,7 +312,7 @@ export namespace Components {
         /**
           * If `true`, the input will require a value.
          */
-        "required"?: boolean;
+        "required": boolean;
         "setCalendarFocus": () => Promise<void>;
         "setDisableDays": (days: IcWeekDays[]) => Promise<void>;
         "showCalendarButton"?: boolean;
@@ -315,16 +323,16 @@ export namespace Components {
         /**
           * The size of the date input to be displayed.
          */
-        "size"?: IcSizes;
+        "size": IcSizes;
         /**
           * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
          */
-        "theme"?: IcThemeMode;
-        "triggerIcChange": (d: Date) => Promise<void>;
+        "theme"?: IcThemeMode1;
+        "triggerIcChange": (d: Date | null) => Promise<void>;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.
          */
-        "validationStatus"?: IcInformationStatusOrEmpty;
+        "validationStatus": IcInformationStatusOrEmpty;
         /**
           * The text to display as the validation message. This will override the built-in date validation.
          */
@@ -338,7 +346,7 @@ export namespace Components {
         /**
           * The format in which the date will be displayed.
          */
-        "dateFormat"?: IcDateFormat;
+        "dateFormat": IcDateFormat;
         /**
           * The days of the week to disable.
          */
@@ -366,7 +374,11 @@ export namespace Components {
         /**
           * If `true`, the disabled state will be set.
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
+        /**
+          * If `true`, every individual input field completed will emit an icChange event.
+         */
+        "emitDatePartChange"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance. This will default to the text "Use format" along with the `dateFormat` value.
          */
@@ -394,11 +406,11 @@ export namespace Components {
         /**
           * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`.
          */
-        "max"?: string | Date;
+        "max": string | Date;
         /**
           * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`.
          */
-        "min"?: string | Date;
+        "min": string | Date;
         /**
           * The name of the control, which is submitted with the form data.
          */
@@ -430,11 +442,11 @@ export namespace Components {
         /**
           * The first day of the week. `0` for Sunday, `1` for Monday, etc. Default is Monday.
          */
-        "startOfWeek"?: IcWeekDays;
+        "startOfWeek": IcWeekDays;
         /**
           * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
          */
-        "theme"?: IcThemeMode;
+        "theme"?: IcThemeMode1;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.
          */
@@ -521,12 +533,12 @@ export namespace Components {
         /**
           * If `true`, the tree item appears in the disabled state.
          */
-        "disabled"?: boolean;
+        "disabled": boolean;
         /**
           * If `true`, the tree item appears in the expanded state.
          */
         "expanded": boolean;
-        "focusInset"?: boolean;
+        "focusInset": boolean;
         "hasParentExpanded": boolean;
         /**
           * The URL that the tree item link points to. If set, the tree item will render as an "a" tag, otherwise it will render as a div.
@@ -541,6 +553,7 @@ export namespace Components {
           * The label of the tree item.
          */
         "label": string;
+        "previousTruncateTreeItem"?: boolean;
         /**
           * How much of the referrer to send when following the link.
          */
@@ -565,7 +578,7 @@ export namespace Components {
         /**
           * 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;
+        "theme"?: IcThemeMode1;
         /**
           * If `true`, the tree item label will be truncated instead of text wrapping.
          */
@@ -576,11 +589,11 @@ export namespace Components {
         /**
           * If `true`, tree items will have inset focus.
          */
-        "focusInset"?: boolean;
+        "focusInset": boolean;
         /**
           * The heading of the tree view.
          */
-        "heading"?: string;
+        "heading": string;
         /**
           * The size of the tree view.
          */
@@ -588,15 +601,19 @@ export namespace Components {
         /**
           * 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;
+        "theme"?: IcThemeMode1;
         /**
-          * If `true`, the tree view heading will be truncated instead of text wrapping.
+          * The content within the tree view tree items. This will take precedence over slotted content.
          */
-        "truncateHeading"?: boolean;
+        "treeItemData": IcTreeItemOptions[];
         /**
-          * If `true`, tree items will be truncated, unless they are individually overridden.
+          * If `true`, the tree view heading will be truncated instead of text wrapping. When used on small devices, this prop will be overridden and headings will be set to text-wrap.
          */
-        "truncateTreeItems"?: boolean;
+        "truncateHeading": boolean;
+        /**
+          * If `true`, tree items will be truncated, unless they are individually overridden. When used on small devices, this prop will be overridden and tree-items will be set to text-wrap.
+         */
+        "truncateTreeItems": boolean;
     }
 }
 export interface IcDataTableCustomEvent<T> extends CustomEvent<T> {
@@ -632,7 +649,11 @@ declare global {
     };
     interface HTMLIcDataTableElementEventMap {
         "icRowHeightChange": void;
-        "icSelectedRowChange": object;
+        "icSelectAllRows": IcDataTableDataType[];
+        "icSelectedRowChange": {
+    row: IcDataTableDataType | null;
+    selectedRows: IcDataTableDataType[];
+  };
         "icSortChange": IcSortEventDetail;
     }
     interface HTMLIcDataTableElement extends Components.IcDataTable, HTMLStencilElement {
@@ -667,10 +688,18 @@ declare global {
         new (): HTMLIcDataTableTitleBarElement;
     };
     interface HTMLIcDateInputElementEventMap {
-        "calendarButtonClicked": { value: Date };
-        "icBlur": { value: Date };
-        "icChange": { value: Date };
-        "icFocus": { value: Date };
+        "calendarButtonClicked": { value: Date | null };
+        "icBlur": { value: Date | null };
+        "icChange": {
+    value: Date | null;
+    dateObject: {
+      day: string | null;
+      month: string | null;
+      year: string | null;
+    };
+    utcValue: Date | null;
+  };
+        "icFocus": { value: Date | null };
     }
     interface HTMLIcDateInputElement extends Components.IcDateInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLIcDateInputElementEventMap>(type: K, listener: (this: HTMLIcDateInputElement, ev: IcDateInputCustomEvent<HTMLIcDateInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -843,10 +872,6 @@ declare namespace LocalJSX {
           * If `true`, column headers will not be visible.
          */
         "hideColumnHeaders"?: boolean;
-        /**
-          * If `true`, the selected row is highlighted using a background colour.
-         */
-        "highlightSelectedRow"?: boolean;
         /**
           * When set to `true`, the full table will show a loading state, featuring a radial indicator.
          */
@@ -880,10 +905,17 @@ declare namespace LocalJSX {
           * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.
          */
         "onIcRowHeightChange"?: (event: IcDataTableCustomEvent<void>) => void;
+        /**
+          * Emitted when all rows are selected or deselected in the data table via the "select all" checkbox.
+         */
+        "onIcSelectAllRows"?: (event: IcDataTableCustomEvent<IcDataTableDataType[]>) => void;
         /**
           * Emitted when the selected row changes in the data table.
          */
-        "onIcSelectedRowChange"?: (event: IcDataTableCustomEvent<object>) => void;
+        "onIcSelectedRowChange"?: (event: IcDataTableCustomEvent<{
+    row: IcDataTableDataType | null;
+    selectedRows: IcDataTableDataType[];
+  }>) => void;
         /**
           * Emitted when a column sort button is clicked.
          */
@@ -892,6 +924,10 @@ declare namespace LocalJSX {
           * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.
          */
         "paginationBarOptions"?: IcPaginationBarOptions;
+        /**
+          * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected.
+         */
+        "rowSelection"?: boolean;
         /**
           * If `true`, adds a pagination bar to the bottom of the table.
          */
@@ -922,7 +958,7 @@ declare namespace LocalJSX {
         /**
           * 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;
+        "theme"?: IcThemeMode1;
         /**
           * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography "See more"/"See less" buttons.
          */
@@ -1008,10 +1044,14 @@ declare namespace LocalJSX {
           * If `true`, the disabled state will be set.
          */
         "disabled"?: boolean;
+        /**
+          * If `true`, every individual input field completed will emit an icChange event.
+         */
+        "emitDatePartChange"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance. This will default to the text "Use format" along with the `dateFormat` value.
          */
-        "helperText"?: string;
+        "helperText"?: string | null;
         /**
           * If `true`, the helper text will be visually hidden, but still read out by screenreaders.
          */
@@ -1047,15 +1087,23 @@ declare namespace LocalJSX {
         /**
           * Emitted when the input loses focus.
          */
-        "onIcBlur"?: (event: IcDateInputCustomEvent<{ value: Date }>) => void;
+        "onIcBlur"?: (event: IcDateInputCustomEvent<{ value: Date | null }>) => void;
         /**
           * Emitted when the value has changed.
          */
-        "onIcChange"?: (event: IcDateInputCustomEvent<{ value: Date }>) => void;
+        "onIcChange"?: (event: IcDateInputCustomEvent<{
+    value: Date | null;
+    dateObject: {
+      day: string | null;
+      month: string | null;
+      year: string | null;
+    };
+    utcValue: Date | null;
+  }>) => void;
         /**
           * Emitted when the input gains focus.
          */
-        "onIcFocus"?: (event: IcDateInputCustomEvent<{ value: Date }>) => void;
+        "onIcFocus"?: (event: IcDateInputCustomEvent<{ value: Date | null }>) => void;
         /**
           * If `true`, the input will require a value.
          */
@@ -1071,7 +1119,7 @@ declare namespace LocalJSX {
         /**
           * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
          */
-        "theme"?: IcThemeMode;
+        "theme"?: IcThemeMode1;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.
          */
@@ -1118,6 +1166,10 @@ declare namespace LocalJSX {
           * If `true`, the disabled state will be set.
          */
         "disabled"?: boolean;
+        /**
+          * If `true`, every individual input field completed will emit an icChange event.
+         */
+        "emitDatePartChange"?: boolean;
         /**
           * The helper text that will be displayed for additional field guidance. This will default to the text "Use format" along with the `dateFormat` value.
          */
@@ -1189,7 +1241,7 @@ declare namespace LocalJSX {
         /**
           * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component.
          */
-        "theme"?: IcThemeMode;
+        "theme"?: IcThemeMode1;
         /**
           * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.
          */
@@ -1324,7 +1376,7 @@ declare namespace LocalJSX {
         /**
           * 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;
+        "theme"?: IcThemeMode1;
         /**
           * If `true`, the tree item label will be truncated instead of text wrapping.
          */
@@ -1346,13 +1398,17 @@ declare namespace LocalJSX {
         /**
           * 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;
+        "theme"?: IcThemeMode1;
+        /**
+          * The content within the tree view tree items. This will take precedence over slotted content.
+         */
+        "treeItemData"?: IcTreeItemOptions[];
         /**
-          * If `true`, the tree view heading will be truncated instead of text wrapping.
+          * If `true`, the tree view heading will be truncated instead of text wrapping. When used on small devices, this prop will be overridden and headings will be set to text-wrap.
          */
         "truncateHeading"?: boolean;
         /**
-          * If `true`, tree items will be truncated, unless they are individually overridden.
+          * If `true`, tree items will be truncated, unless they are individually overridden. When used on small devices, this prop will be overridden and tree-items will be set to text-wrap.
          */
         "truncateTreeItems"?: boolean;
     }

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

@@ -13,10 +13,10 @@ export declare const getMonthEnd: (date: Date) => Date;
 /**
  * Compare if two dates are equal exactly equal
  */
-export declare const dateMatches: (a: Date, b: Date) => boolean;
-export declare const clampDate: (date: Date, min: Date, max: Date) => Date;
+export declare const dateMatches: (a: Date | null, b: Date | null) => boolean;
+export declare const clampDate: (date: Date, min: Date | null, max: Date | null) => Date;
 /**
  * Compare if date is within specified range
  */
-export declare const dateInRange: (date: Date, min: Date, max: Date) => boolean;
-export declare const yearInRange: (year: number, min: Date, max: Date) => boolean;
+export declare const dateInRange: (date: Date, min: Date | null, max: Date | null) => boolean;
+export declare const yearInRange: (year: number | null, min: Date | null, max: Date | null) => boolean;

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

@@ -1,11 +1,10 @@
 /**
  * To investigate:
- * IcColorRGBA works via @ukic/web-components but IcBrandForeground does not even though they are exported
+ * IcColorRGBA works via @ukic/web-components but IcBrandForegroundEnum does not even though they are exported
  * from @ukic/web-components in the same file. Why?
  */
-import { IcCallbackFunctionNoReturn, IcInformationStatusOrEmpty, IcNavParentDetails, IcPropObject, IcSearchMatchPositions, IcColorRGBA } from "@ukic/web-components";
-import { IcMenuOption, IcBrandForeground } from "./types";
 import { EventEmitter } from "../stencil-public-runtime";
+import { IcBrandForeground, IcCallbackFunctionNoReturn, IcColorRGBA, IcInformationStatusOrEmpty, IcMenuOption, IcNavParentDetails, IcPropObject, IcSearchMatchPositions } from "@ukic/web-components";
 import { IcDataTableDataType } from "../interface";
 /**
  * converts an enum of strings into an array of strings
@@ -50,7 +49,7 @@ export declare const removeHiddenInput: (container: HTMLElement) => void;
  * ""
  * @returns IcBrandForeground depending on the context
  */
-export declare const getBrandFromContext: (el: Element, brandFromEvent?: IcBrandForeground) => IcBrandForeground;
+export declare const getBrandFromContext: (el: Element, brandFromEvent?: IcBrandForeground | null) => IcBrandForeground;
 /**
  * Will create a button within the lightDOM which interacts with the parent form.
  * This is required as buttons within the shadowDOM will not invoke a submit or reset
@@ -59,7 +58,7 @@ export declare const getBrandFromContext: (el: Element, brandFromEvent?: IcBrand
  * @param button - shadowDOM button
  */
 export declare const handleHiddenFormButtonClick: (form: HTMLFormElement, button: HTMLIcButtonElement | HTMLButtonElement) => void;
-export declare const isEmptyString: (value: string) => boolean;
+export declare const isEmptyString: (value: string | null) => boolean;
 export declare const isPropDefined: (prop: string) => string | null;
 export declare const deviceSizeMatches: (size: number) => boolean;
 export declare const getCurrentDeviceSize: () => number;
@@ -80,8 +79,8 @@ export declare const getBrandForegroundAppearance: () => IcBrandForeground;
 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 getSlotElements: (slot: Element) => NodeListOf<ChildNode> | Element[] | null;
+export declare const getNavItemParentDetails: ({ parentElement, }: HTMLElement) => IcNavParentDetails;
 export declare const DEVICE_SIZES: {
     XS: number;
     S: number;
@@ -123,13 +122,6 @@ export declare const getOptionsWithoutGroupTitlesCount: (options: IcMenuOption[]
 export declare const hexToRgba: (hex: string) => IcColorRGBA;
 export declare const rgbaStrToObj: (rgbaStr: string) => IcColorRGBA;
 export declare const elementOverflowsX: (element: HTMLElement) => boolean;
-/**
- *
- * @param child - The child element
- * @returns string
- */
-export declare const getParentElementType: (child: HTMLElement) => string;
-export declare const getParentElement: (child: HTMLElement) => HTMLElement;
 export declare const hasClassificationBanner: () => boolean;
 export declare const pxToRem: (px: string, base?: number) => string;
 export declare const isNumeric: (value: string) => boolean;
@@ -137,7 +129,6 @@ export declare const hasValidationStatus: (status: IcInformationStatusOrEmpty, d
 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 getForm: (el: HTMLElement) => HTMLFormElement;
 export declare const addFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
 export declare const removeFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
 export declare const removeDisabledFalse: (disabled: boolean, element: HTMLElement) => void;
@@ -149,6 +140,6 @@ export declare const addDataToPosition: (dataObject: IcDataTableDataType, newKey
     key: string;
     index: number;
 }[], newValue: unknown) => IcDataTableDataType;
-export declare const isSlottedInGroup: (component: any) => boolean;
+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 renderDynamicChildSlots: (mutationList: MutationRecord[], slotNames: string | string[], ref: unknown) => void;