@ukic/web-components 2.12.0 → 2.14.0

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+import { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
 import { IcBadgePositions, IcBadgeTypes, IcBadgeVariants, IcColor } from "./components/ic-badge/ic-badge.types";
 import { IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 import { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
@@ -30,8 +30,9 @@ import { IcStepperAlignment } from "./components/ic-stepper/ic-stepper.types";
 import { IcSwitchChangeEventDetail } from "./components/ic-switch/ic-switch.types";
 import { IcTabClickEventDetail, IcTabSelectEventDetail } from "./components/ic-tab/ic-tab.types";
 import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./components/ic-text-field/ic-text-field.types";
+import { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
 import { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
-export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
+export { IcActivationTypes, IcAdditionalFieldTypes, IcAlignment, IcAutocompleteTypes, IcAutocorrectStates, IcBlurEventDetail, IcEmphasisType, IcInformationStatusOrEmpty, IcMenuOption, IcOrientation, IcSearchMatchPositions, IcSelectMethodTypes, IcSelectTypes, IcSizes, IcSizesNoLarge, IcStatusVariants, IcTheme, IcThemeForeground, IcThemeForegroundNoDefault, IcTypographyVariants, IcValueEventDetail } from "./utils/types";
 export { IcBadgePositions, IcBadgeTypes, IcBadgeVariants, IcColor } from "./components/ic-badge/ic-badge.types";
 export { IcButtonTooltipPlacement, IcButtonTypes, IcButtonVariants } from "./components/ic-button/ic-button.types";
 export { IcChangeEventDetail } from "./components/ic-checkbox-group/ic-checkbox-group.types";
@@ -56,6 +57,7 @@ export { IcStepperAlignment } from "./components/ic-stepper/ic-stepper.types";
 export { IcSwitchChangeEventDetail } from "./components/ic-switch/ic-switch.types";
 export { IcTabClickEventDetail, IcTabSelectEventDetail } from "./components/ic-tab/ic-tab.types";
 export { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./components/ic-text-field/ic-text-field.types";
+export { IcChangeEventDetail as IcChangeEventDetail3 } from "./components/ic-toggle-button-group/ic-toggle-button-group.types";
 export { IcTooltipPlacements } from "./components/ic-tooltip/ic-tooltip.types";
 export namespace Components {
     interface IcAccordion {
@@ -86,6 +88,10 @@ export namespace Components {
         "size"?: IcSizes;
     }
     interface IcAccordionGroup {
+        /**
+          * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
+         */
+        "accessibleButtonLabel": string;
         /**
           * The appearance of the accordion group, e.g dark, or light.
          */
@@ -220,6 +226,10 @@ export namespace Components {
         "collapsed": boolean;
     }
     interface IcButton {
+        /**
+          * If `fileUpload` is set to `true`, this is the accepted list of file types.
+         */
+        "accept"?: string;
         /**
           * The appearance of the button, e.g. dark, light, or the default.
          */
@@ -246,6 +256,14 @@ export namespace Components {
           * If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.
          */
         "dropdownExpanded"?: boolean;
+        /**
+          * The name of the control for the file input, which is submitted with the form data.
+         */
+        "fileInputName": string;
+        /**
+          * If `true`, when the button is clicked the native file explorer will be launched.
+         */
+        "fileUpload"?: boolean;
         /**
           * The <form> element to associate the button with.
          */
@@ -286,6 +304,10 @@ export namespace Components {
           * If `true`, the button will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.
+         */
+        "multiple"?: boolean;
         /**
           * How much of the referrer to send when following the link.
          */
@@ -294,6 +316,10 @@ export namespace Components {
           * The relationship of the linked URL as space-separated link types.
          */
         "rel"?: string;
+        /**
+          * The list of the files that have been selected by a user.
+         */
+        "selectedFiles": FileList;
         /**
           * Sets focus on the native `button`.
          */
@@ -341,9 +367,9 @@ export namespace Components {
          */
         "fullWidth"?: boolean;
         /**
-          * The heading for the card.
+          * The heading for the card. This is required, unless a slotted heading is used.
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
          */
@@ -618,6 +644,10 @@ export namespace Components {
           * 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;
+        /**
+          * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.
+         */
+        "disableWidthConstraint"?: boolean;
         /**
           * Sets the dismiss label tooltip and aria label.
          */
@@ -819,7 +849,7 @@ export namespace Components {
         /**
           * The size of the input component container component.
          */
-        "size"?: IcSizesNoLarge;
+        "size"?: IcSizes;
         /**
           * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
@@ -1039,7 +1069,7 @@ export namespace Components {
         /**
           * The size of the menu component.
          */
-        "size"?: IcSizesNoLarge;
+        "size"?: IcSizes;
         /**
           * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
@@ -1520,7 +1550,7 @@ export namespace Components {
          */
         "labelField"?: string;
         /**
-          * Trigger loading state when fetching options asyncronously
+          * Trigger loading state when fetching options asynchronously
          */
         "loading"?: boolean;
         /**
@@ -1664,7 +1694,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * If `true`, the loading state will be triggered when fetching options asyncronously.
+          * If `true`, the loading state will be triggered when fetching options asynchronously.
          */
         "loading"?: boolean;
         /**
@@ -1718,7 +1748,7 @@ export namespace Components {
         /**
           * The size of the select component.
          */
-        "size"?: IcSizesNoLarge;
+        "size"?: IcSizes;
         /**
           * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
@@ -2207,6 +2237,48 @@ export namespace Components {
          */
         "variant": "default" | "icon";
     }
+    interface IcToggleButtonGroup {
+        /**
+          * The accessible label of the toggle button group component to provide context for screen reader users.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * The appearance of the toggle button group, e.g dark, or light.
+         */
+        "appearance": IcThemeForeground;
+        /**
+          * If `true`, the toggle button group will be set to the disabled state.
+         */
+        "disabled": boolean;
+        /**
+          * If `true`, the toggle button group will fill the width of the container.
+         */
+        "fullWidth"?: boolean;
+        /**
+          * The placement of the icons in relation to the toggle button labels.
+         */
+        "iconPlacement"?: "left" | "right" | "top";
+        /**
+          * If `true`, the toggle button group will be in loading state.
+         */
+        "loading"?: boolean;
+        /**
+          * 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;
+        /**
+          * The variant of the toggle button.
+         */
+        "variant": "default" | "icon";
+    }
     interface IcTooltip {
         "disableClick"?: boolean;
         /**
@@ -2410,6 +2482,10 @@ export interface IcToggleButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcToggleButtonElement;
 }
+export interface IcToggleButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIcToggleButtonGroupElement;
+}
 export interface IcTopNavigationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIcTopNavigationElement;
@@ -2482,6 +2558,7 @@ declare global {
     };
     interface HTMLIcButtonElementEventMap {
         "icBlur": void;
+        "icFileSelection": FileList;
         "icFocus": void;
     }
     interface HTMLIcButtonElement extends Components.IcButton, HTMLStencilElement {
@@ -2915,8 +2992,10 @@ declare global {
         "icBlur": void;
         "icChange": IcValueEventDetail;
         "icClear": void;
+        "icClose": void;
         "icFocus": void;
         "icInput": IcValueEventDetail;
+        "icOpen": void;
         "icOptionSelect": IcOptionSelectEventDetail;
         "icRetryLoad": IcValueEventDetail;
     }
@@ -3138,6 +3217,23 @@ declare global {
         prototype: HTMLIcToggleButtonElement;
         new (): HTMLIcToggleButtonElement;
     };
+    interface HTMLIcToggleButtonGroupElementEventMap {
+        "icChange": IcChangeEventDetail3;
+    }
+    interface HTMLIcToggleButtonGroupElement extends Components.IcToggleButtonGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIcToggleButtonGroupElementEventMap>(type: K, listener: (this: HTMLIcToggleButtonGroupElement, ev: IcToggleButtonGroupCustomEvent<HTMLIcToggleButtonGroupElementEventMap[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 HTMLIcToggleButtonGroupElementEventMap>(type: K, listener: (this: HTMLIcToggleButtonGroupElement, ev: IcToggleButtonGroupCustomEvent<HTMLIcToggleButtonGroupElementEventMap[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 HTMLIcToggleButtonGroupElement: {
+        prototype: HTMLIcToggleButtonGroupElement;
+        new (): HTMLIcToggleButtonGroupElement;
+    };
     interface HTMLIcTooltipElement extends Components.IcTooltip, HTMLStencilElement {
     }
     var HTMLIcTooltipElement: {
@@ -3230,6 +3326,7 @@ declare global {
         "ic-toast": HTMLIcToastElement;
         "ic-toast-region": HTMLIcToastRegionElement;
         "ic-toggle-button": HTMLIcToggleButtonElement;
+        "ic-toggle-button-group": HTMLIcToggleButtonGroupElement;
         "ic-tooltip": HTMLIcTooltipElement;
         "ic-top-navigation": HTMLIcTopNavigationElement;
         "ic-typography": HTMLIcTypographyElement;
@@ -3259,6 +3356,10 @@ declare namespace LocalJSX {
         "size"?: IcSizes;
     }
     interface IcAccordionGroup {
+        /**
+          * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.
+         */
+        "accessibleButtonLabel"?: string;
         /**
           * The appearance of the accordion group, e.g dark, or light.
          */
@@ -3387,6 +3488,10 @@ declare namespace LocalJSX {
         "collapsed"?: boolean;
     }
     interface IcButton {
+        /**
+          * If `fileUpload` is set to `true`, this is the accepted list of file types.
+         */
+        "accept"?: string;
         /**
           * The appearance of the button, e.g. dark, light, or the default.
          */
@@ -3411,6 +3516,14 @@ declare namespace LocalJSX {
           * If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.
          */
         "dropdownExpanded"?: boolean;
+        /**
+          * The name of the control for the file input, which is submitted with the form data.
+         */
+        "fileInputName"?: string;
+        /**
+          * If `true`, when the button is clicked the native file explorer will be launched.
+         */
+        "fileUpload"?: boolean;
         /**
           * The <form> element to associate the button with.
          */
@@ -3451,10 +3564,18 @@ declare namespace LocalJSX {
           * If `true`, the button will be in loading state.
          */
         "loading"?: boolean;
+        /**
+          * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.
+         */
+        "multiple"?: boolean;
         /**
           * Emitted when button has blur
          */
         "onIcBlur"?: (event: IcButtonCustomEvent<void>) => void;
+        /**
+          * If `fileUpload` is set to `true`, this will be emitted when a file is selected in the native explorer.
+         */
+        "onIcFileSelection"?: (event: IcButtonCustomEvent<FileList>) => void;
         /**
           * Emitted when button has focus
          */
@@ -3467,6 +3588,10 @@ declare namespace LocalJSX {
           * The relationship of the linked URL as space-separated link types.
          */
         "rel"?: string;
+        /**
+          * The list of the files that have been selected by a user.
+         */
+        "selectedFiles"?: FileList;
         /**
           * The size of the button to be displayed.
          */
@@ -3510,9 +3635,9 @@ declare namespace LocalJSX {
          */
         "fullWidth"?: boolean;
         /**
-          * The heading for the card.
+          * The heading for the card. This is required, unless a slotted heading is used.
          */
-        "heading": string;
+        "heading"?: string;
         /**
           * The URL that the clickable card link points to. If set, the clickable card will render as an "a" tag, otherwise it will render as a button.
          */
@@ -3787,6 +3912,10 @@ declare namespace LocalJSX {
           * 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;
+        /**
+          * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.
+         */
+        "disableWidthConstraint"?: boolean;
         /**
           * Sets the dismiss label tooltip and aria label.
          */
@@ -3994,7 +4123,7 @@ declare namespace LocalJSX {
         /**
           * The size of the input component container component.
          */
-        "size"?: IcSizesNoLarge;
+        "size"?: IcSizes;
         /**
           * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
@@ -4198,7 +4327,7 @@ declare namespace LocalJSX {
         /**
           * The size of the menu component.
          */
-        "size"?: IcSizesNoLarge;
+        "size"?: IcSizes;
         /**
           * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
@@ -4674,7 +4803,7 @@ declare namespace LocalJSX {
          */
         "labelField"?: string;
         /**
-          * Trigger loading state when fetching options asyncronously
+          * Trigger loading state when fetching options asynchronously
          */
         "loading"?: boolean;
         /**
@@ -4858,7 +4987,7 @@ declare namespace LocalJSX {
          */
         "label": string;
         /**
-          * If `true`, the loading state will be triggered when fetching options asyncronously.
+          * If `true`, the loading state will be triggered when fetching options asynchronously.
          */
         "loading"?: boolean;
         /**
@@ -4885,6 +5014,10 @@ declare namespace LocalJSX {
           * Emitted when the clear button is clicked.
          */
         "onIcClear"?: (event: IcSelectCustomEvent<void>) => void;
+        /**
+          * Emitted when the select options menu is closed.
+         */
+        "onIcClose"?: (event: IcSelectCustomEvent<void>) => void;
         /**
           * Emitted when the select gains focus.
          */
@@ -4893,6 +5026,10 @@ declare namespace LocalJSX {
           * Emitted when a keyboard input occurred.
          */
         "onIcInput"?: (event: IcSelectCustomEvent<IcValueEventDetail>) => void;
+        /**
+          * Emitted when the select options menu is opened.
+         */
+        "onIcOpen"?: (event: IcSelectCustomEvent<void>) => void;
         /**
           * Emitted when an option is highlighted within the menu. Highlighting a menu item will also trigger an `icChange/onIcChange` due to the value being updated.
          */
@@ -4936,7 +5073,7 @@ declare namespace LocalJSX {
         /**
           * The size of the select component.
          */
-        "size"?: IcSizesNoLarge;
+        "size"?: IcSizes;
         /**
           * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
          */
@@ -5430,6 +5567,52 @@ declare namespace LocalJSX {
          */
         "variant"?: "default" | "icon";
     }
+    interface IcToggleButtonGroup {
+        /**
+          * The accessible label of the toggle button group component to provide context for screen reader users.
+         */
+        "accessibleLabel"?: string;
+        /**
+          * The appearance of the toggle button group, e.g dark, or light.
+         */
+        "appearance"?: IcThemeForeground;
+        /**
+          * If `true`, the toggle button group will be set to the disabled state.
+         */
+        "disabled"?: boolean;
+        /**
+          * If `true`, the toggle button group will fill the width of the container.
+         */
+        "fullWidth"?: boolean;
+        /**
+          * The placement of the icons in relation to the toggle button labels.
+         */
+        "iconPlacement"?: "left" | "right" | "top";
+        /**
+          * If `true`, the toggle button group will be in loading state.
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when a toggle button is selected.
+         */
+        "onIcChange"?: (event: IcToggleButtonGroupCustomEvent<IcChangeEventDetail3>) => 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;
+        /**
+          * The variant of the toggle button.
+         */
+        "variant"?: "default" | "icon";
+    }
     interface IcTooltip {
         /**
           * If `true`, the tooltip will not be displayed on hover, it will require a click.
@@ -5577,6 +5760,7 @@ declare namespace LocalJSX {
         "ic-toast": IcToast;
         "ic-toast-region": IcToastRegion;
         "ic-toggle-button": IcToggleButton;
+        "ic-toggle-button-group": IcToggleButtonGroup;
         "ic-tooltip": IcTooltip;
         "ic-top-navigation": IcTopNavigation;
         "ic-typography": IcTypography;
@@ -5646,6 +5830,7 @@ declare module "@stencil/core" {
             "ic-toast": LocalJSX.IcToast & JSXBase.HTMLAttributes<HTMLIcToastElement>;
             "ic-toast-region": LocalJSX.IcToastRegion & JSXBase.HTMLAttributes<HTMLIcToastRegionElement>;
             "ic-toggle-button": LocalJSX.IcToggleButton & JSXBase.HTMLAttributes<HTMLIcToggleButtonElement>;
+            "ic-toggle-button-group": LocalJSX.IcToggleButtonGroup & JSXBase.HTMLAttributes<HTMLIcToggleButtonGroupElement>;
             "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/utils/helpers.d.ts

@@ -9,7 +9,7 @@ import { IcMenuOption, IcThemeForeground } from "../utils/types";
  * does not trigger a re-render.
  */
 export declare const inheritAttributes: (element: HTMLElement, attributes?: string[]) => {
-    [key: string]: unknown;
+    [key: string]: string;
 };
 export declare const debounceEvent: (event: EventEmitter, wait: number) => EventEmitter;
 export declare const debounce: (func: (...args: unknown[]) => void, wait?: number) => unknown;
@@ -26,6 +26,21 @@ export declare const debounce: (func: (...args: unknown[]) => void, wait?: numbe
  * @param disabled If true, the input is disabled
  */
 export declare const renderHiddenInput: (always: boolean, container: HTMLElement, name: string, value: string | undefined | null, disabled: 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 name The name of the input
+ * @param value The value of the input
+ * @param disabled If true, the input is disabled
+ * @param accept A string of the accepted files
+ */
+export declare const renderFileHiddenInput: (event: EventEmitter, container: HTMLElement, multiple: boolean, name: string, value: FileList | undefined | null, disabled: boolean, accept: string) => void;
 export declare const removeHiddenInput: (container: HTMLElement) => void;
 export declare const hasShadowDom: (el: HTMLElement) => boolean;
 export declare const getInputHelperTextID: (id: string) => string;
@@ -122,3 +137,4 @@ export declare const addFormResetListener: (el: HTMLElement, callbackFn: IcCallb
 export declare const removeFormResetListener: (el: HTMLElement, callbackFn: IcCallbackFunctionNoReturn) => void;
 export declare const pxToRem: (px: string, base?: number) => string;
 export declare const removeDisabledFalse: (disabled: boolean, element: HTMLElement) => void;
+export declare const isMacDevice: () => boolean;

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

@@ -74,3 +74,5 @@ export interface IcValueEventDetail {
 export interface IcBlurEventDetail {
     relatedTarget: IcRelatedTarget;
 }
+export type IcSelectTypes = "single" | "multi";
+export type IcSelectMethodTypes = "auto" | "manual";