@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/core-react/imagecheckbox/ImageCheckBox.d.ts

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module Checkbox
- */
-import "./ImageCheckBox.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[ImageCheckBox]] component
- * @public
- */
-export interface ImageCheckBoxProps extends CommonProps {
-    /** Image for the "checked" state */
-    imageOn: string | React.ReactNode;
-    /** Image for the "unchecked" (default) state */
-    imageOff: string | React.ReactNode;
-    /** Determine if the item is checked or not */
-    checked?: boolean;
-    /** Determine if the item is disabled or not */
-    disabled?: boolean;
-    /** Function called when item is clicked. */
-    onClick?: (checked: boolean) => any;
-    /** Custom CSS class name for the checkbox input element */
-    inputClassName?: string;
-    /** Custom CSS Style for the checkbox input element */
-    inputStyle?: React.CSSProperties;
-    /** Tooltip to be displayed when mouse is hovered over the checkbox */
-    tooltip?: string;
-    /** If true, draw a border around the image checkbox */
-    border?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/**
- * ImageCheckBox React component shows a checked or unchecked image
- * @public
- */
-export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {
-    private _onChange;
-    private _onInputClick;
-    private _onLabelClick;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import "./ImageCheckBox.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[ImageCheckBox]] component
+ * @public
+ */
+export interface ImageCheckBoxProps extends CommonProps {
+    /** Image for the "checked" state */
+    imageOn: string | React.ReactNode;
+    /** Image for the "unchecked" (default) state */
+    imageOff: string | React.ReactNode;
+    /** Determine if the item is checked or not */
+    checked?: boolean;
+    /** Determine if the item is disabled or not */
+    disabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: (checked: boolean) => any;
+    /** Custom CSS class name for the checkbox input element */
+    inputClassName?: string;
+    /** Custom CSS Style for the checkbox input element */
+    inputStyle?: React.CSSProperties;
+    /** Tooltip to be displayed when mouse is hovered over the checkbox */
+    tooltip?: string;
+    /** If true, draw a border around the image checkbox */
+    border?: boolean;
+    /** Provides ability to return reference to HTMLInputElement */
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+/**
+ * ImageCheckBox React component shows a checked or unchecked image
+ * @public
+ */
+export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {
+    private _onChange;
+    private _onInputClick;
+    private _onLabelClick;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ImageCheckBox.d.ts.map

package/lib/esm/core-react/imagecheckbox/ImageCheckBox.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Checkbox
- */
-import "./ImageCheckBox.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-/**
- * ImageCheckBox React component shows a checked or unchecked image
- * @public
- */
-export class ImageCheckBox extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._onChange = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-            // istanbul ignore else
-            if (this.props.onClick) {
-                this.props.onClick(e.target.checked);
-            }
-        };
-        this._onInputClick = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-        this._onLabelClick = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-    }
-    /** @internal */
-    render() {
-        const checkBoxClass = classnames("core-image-checkbox", this.props.className);
-        const imageClass = classnames("image", this.props.border && "image-checkbox-border");
-        const iconSpec = this.props.checked ? this.props.imageOn : this.props.imageOff;
-        return (
-        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-        React.createElement("label", { className: checkBoxClass, style: this.props.style, onClick: this._onLabelClick, title: this.props.tooltip },
-            React.createElement("input", { type: "checkbox", className: this.props.inputClassName, style: this.props.inputStyle, checked: this.props.checked, disabled: this.props.disabled, onChange: this._onChange, onClick: this._onInputClick, ref: this.props.inputRef }),
-            React.createElement("span", { className: imageClass },
-                React.createElement(Icon, { iconSpec: iconSpec }))));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import "./ImageCheckBox.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent";
+/**
+ * ImageCheckBox React component shows a checked or unchecked image
+ * @public
+ */
+export class ImageCheckBox extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._onChange = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+            // istanbul ignore else
+            if (this.props.onClick) {
+                this.props.onClick(e.target.checked);
+            }
+        };
+        this._onInputClick = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+        };
+        this._onLabelClick = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+        };
+    }
+    /** @internal */
+    render() {
+        const checkBoxClass = classnames("core-image-checkbox", this.props.className);
+        const imageClass = classnames("image", this.props.border && "image-checkbox-border");
+        const iconSpec = this.props.checked ? this.props.imageOn : this.props.imageOff;
+        return (
+        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+        React.createElement("label", { className: checkBoxClass, style: this.props.style, onClick: this._onLabelClick, title: this.props.tooltip },
+            React.createElement("input", { type: "checkbox", className: this.props.inputClassName, style: this.props.inputStyle, checked: this.props.checked, disabled: this.props.disabled, onChange: this._onChange, onClick: this._onInputClick, ref: this.props.inputRef }),
+            React.createElement("span", { className: imageClass },
+                React.createElement(Icon, { iconSpec: iconSpec }))));
+    }
+}
 //# sourceMappingURL=ImageCheckBox.js.map

package/lib/esm/core-react/index.scss

@@ -13,8 +13,6 @@
 @import "./_typography";
 
 @import "./base/index";
-@import "./button/index";
-@import "./checkbox/index";
 @import "./expandable/index";
 @import "./icons/index";
 @import "./inputs/index";

package/lib/esm/core-react/inputs/Input.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[Input]] component
- * @internal
- */
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
-    /** Indicates whether to set focus to the input element */
-    setFocus?: boolean;
-    /** Native keydown event handler */
-    nativeKeyHandler?: (e: KeyboardEvent) => void;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-}
-/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
- * @internal
- */
-export declare const Input: (props: InputProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[Input]] component
+ * @internal
+ */
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
+    /** Indicates whether to set focus to the input element */
+    setFocus?: boolean;
+    /** Native keydown event handler */
+    nativeKeyHandler?: (e: KeyboardEvent) => void;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+}
+/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
+ * @internal
+ */
+export declare const Input: (props: InputProps) => JSX.Element | null;
 //# sourceMappingURL=Input.d.ts.map

package/lib/esm/core-react/inputs/Input.js

@@ -1,43 +1,43 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Input as ITwinUI_Input } from "@itwin/itwinui-react";
-import { useRefs } from "../utils/hooks/useRefs";
-// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted
-const ForwardRefInput = React.forwardRef(// eslint-disable-line deprecation/deprecation
-function ForwardRefInput(props, ref) {
-    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
-    const inputElementRef = React.useRef(null);
-    const refs = useRefs(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
-    React.useEffect(() => {
-        const currentElement = inputElementRef.current;
-        const currentHandler = nativeKeyHandler;
-        if (currentElement && currentHandler) {
-            currentElement.addEventListener("keydown", currentHandler);
-        }
-        return () => {
-            if (currentHandler && currentElement) {
-                currentElement.removeEventListener("keydown", currentHandler);
-            }
-        };
-    }, [nativeKeyHandler]);
-    React.useEffect(() => {
-        if (inputElementRef.current && setFocus)
-            inputElementRef.current.focus();
-    }, [setFocus]);
-    const handleFocus = React.useCallback((event) => {
-        event.currentTarget.select();
-    }, []);
-    return (React.createElement(ITwinUI_Input, { ref: refs, type: "text", ...otherProps, onFocus: handleFocus, className: classnames("uicore-inputs-input", className), style: style }));
-});
-/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
- * @internal
- */
-export const Input = ForwardRefInput; // eslint-disable-line deprecation/deprecation
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Input as ITwinUI_Input } from "@itwin/itwinui-react";
+import { useRefs } from "../utils/hooks/useRefs";
+// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted
+const ForwardRefInput = React.forwardRef(// eslint-disable-line deprecation/deprecation
+function ForwardRefInput(props, ref) {
+    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
+    const inputElementRef = React.useRef(null);
+    const refs = useRefs(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
+    React.useEffect(() => {
+        const currentElement = inputElementRef.current;
+        const currentHandler = nativeKeyHandler;
+        if (currentElement && currentHandler) {
+            currentElement.addEventListener("keydown", currentHandler);
+        }
+        return () => {
+            if (currentHandler && currentElement) {
+                currentElement.removeEventListener("keydown", currentHandler);
+            }
+        };
+    }, [nativeKeyHandler]);
+    React.useEffect(() => {
+        if (inputElementRef.current && setFocus)
+            inputElementRef.current.focus();
+    }, [setFocus]);
+    const handleFocus = React.useCallback((event) => {
+        event.currentTarget.select();
+    }, []);
+    return (React.createElement(ITwinUI_Input, { ref: refs, type: "text", ...otherProps, onFocus: handleFocus, className: classnames("uicore-inputs-input", className), style: style }));
+});
+/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
+ * @internal
+ */
+export const Input = ForwardRefInput; // eslint-disable-line deprecation/deprecation
 //# sourceMappingURL=Input.js.map

package/lib/esm/core-react/inputs/InputLabel.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-/** Properties for [[InputLabel]] components
- * @public
- */
-export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
-    disabled?: boolean;
-    /** Labeled content */
-    children?: React.ReactNode;
-}
-/** Text input wrapper that provides additional styling and labeling
- * @public
- */
-export declare class InputLabel extends React.PureComponent<InputLabelProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+/** Properties for [[InputLabel]] components
+ * @public
+ */
+export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
+    disabled?: boolean;
+    /** Labeled content */
+    children?: React.ReactNode;
+}
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ */
+export declare class InputLabel extends React.PureComponent<InputLabelProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=InputLabel.d.ts.map

package/lib/esm/core-react/inputs/InputLabel.js

@@ -1,38 +1,38 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-import { SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from "@itwin/itwinui-icons-react";
-import classnames from "classnames";
-import * as React from "react";
-import { Icon } from "../icons/IconComponent";
-import { InputStatus } from "./InputStatus";
-const inputLabelIconSpec = {
-    [InputStatus.Error]: React.createElement(SvgStatusError, null),
-    [InputStatus.Success]: React.createElement(SvgStatusSuccess, null),
-    [InputStatus.Warning]: React.createElement(SvgStatusWarning, null),
-};
-/** Text input wrapper that provides additional styling and labeling
- * @public
- */
-export class InputLabel extends React.PureComponent {
-    render() {
-        const { label, status, className, style, labelClassName, labelStyle, message, messageClassName, messageStyle } = this.props;
-        return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-input", this.props.disabled && "uicore-disabled", status, className) },
-            label &&
-                React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
-                    " ",
-                    label,
-                    " "),
-            React.createElement("div", { className: classnames("input", { "with-icon": !!status }) },
-                this.props.children,
-                status &&
-                    React.createElement(Icon, { className: "icon", iconSpec: inputLabelIconSpec[`{status}`] })),
-            message &&
-                React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+import { SvgStatusError, SvgStatusSuccess, SvgStatusWarning } from "@itwin/itwinui-icons-react";
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent";
+import { InputStatus } from "./InputStatus";
+const inputLabelIconSpec = {
+    [InputStatus.Error]: React.createElement(SvgStatusError, null),
+    [InputStatus.Success]: React.createElement(SvgStatusSuccess, null),
+    [InputStatus.Warning]: React.createElement(SvgStatusWarning, null),
+};
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ */
+export class InputLabel extends React.PureComponent {
+    render() {
+        const { label, status, className, style, labelClassName, labelStyle, message, messageClassName, messageStyle } = this.props;
+        return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-input", this.props.disabled && "uicore-disabled", status, className) },
+            label &&
+                React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
+                    " ",
+                    label,
+                    " "),
+            React.createElement("div", { className: classnames("input", { "with-icon": !!status }) },
+                this.props.children,
+                status &&
+                    React.createElement(Icon, { className: "icon", iconSpec: inputLabelIconSpec[`{status}`] })),
+            message &&
+                React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
+    }
+}
 //# sourceMappingURL=InputLabel.js.map

package/lib/esm/core-react/inputs/InputStatus.d.ts

@@ -1,12 +1,12 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/** Enum for Input status
- * @public
- */
-export declare enum InputStatus {
-    Success = "success",
-    Warning = "warning",
-    Error = "error"
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+/** Enum for Input status
+ * @public
+ */
+export declare enum InputStatus {
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
 //# sourceMappingURL=InputStatus.d.ts.map

package/lib/esm/core-react/inputs/InputStatus.js

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-/** Enum for Input status
- * @public
- */
-export var InputStatus;
-(function (InputStatus) {
-    InputStatus["Success"] = "success";
-    InputStatus["Warning"] = "warning";
-    InputStatus["Error"] = "error";
-})(InputStatus || (InputStatus = {}));
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+/** Enum for Input status
+ * @public
+ */
+export var InputStatus;
+(function (InputStatus) {
+    InputStatus["Success"] = "success";
+    InputStatus["Warning"] = "warning";
+    InputStatus["Error"] = "error";
+})(InputStatus || (InputStatus = {}));
 //# sourceMappingURL=InputStatus.js.map

package/lib/esm/core-react/inputs/LabeledComponentProps.d.ts

@@ -1,34 +1,34 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { InputStatus } from "./InputStatus";
-/** Properties for labeled components
- * @public
- */
-export interface LabeledComponentProps {
-    /** Text that will be shown next to or above the input. */
-    label?: string;
-    /** Input status like: "Success", "Warning" or "Error" */
-    status?: InputStatus;
-    /** Custom CSS class name for the checkbox input element */
-    inputClassName?: string;
-    /** Custom CSS Style for the checkbox input element */
-    inputStyle?: React.CSSProperties;
-    /** Custom CSS class name for the label */
-    labelClassName?: string;
-    /** Custom CSS Style for the label */
-    labelStyle?: React.CSSProperties;
-}
-/** Properties for components with messages
- * @public
- */
-export interface MessagedComponentProps {
-    /** Optional text shown below the input. */
-    message?: string;
-    /** Custom CSS class name for the message */
-    messageClassName?: string;
-    /** Custom CSS Style for the message */
-    messageStyle?: React.CSSProperties;
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { InputStatus } from "./InputStatus";
+/** Properties for labeled components
+ * @public
+ */
+export interface LabeledComponentProps {
+    /** Text that will be shown next to or above the input. */
+    label?: string;
+    /** Input status like: "Success", "Warning" or "Error" */
+    status?: InputStatus;
+    /** Custom CSS class name for the checkbox input element */
+    inputClassName?: string;
+    /** Custom CSS Style for the checkbox input element */
+    inputStyle?: React.CSSProperties;
+    /** Custom CSS class name for the label */
+    labelClassName?: string;
+    /** Custom CSS Style for the label */
+    labelStyle?: React.CSSProperties;
+}
+/** Properties for components with messages
+ * @public
+ */
+export interface MessagedComponentProps {
+    /** Optional text shown below the input. */
+    message?: string;
+    /** Custom CSS class name for the message */
+    messageClassName?: string;
+    /** Custom CSS Style for the message */
+    messageStyle?: React.CSSProperties;
+}
 //# sourceMappingURL=LabeledComponentProps.d.ts.map

package/lib/esm/core-react/inputs/LabeledComponentProps.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+export {};
 //# sourceMappingURL=LabeledComponentProps.js.map

package/lib/esm/core-react/inputs/iconinput/IconInput.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import "./IconInput.scss";
-import * as React from "react";
-import { InputProps } from "../Input";
-/** Properties for the [[IconInput]] component
- * @public
- */
-export interface IconInputProps extends Omit<InputProps, "size"> {
-    /** Icon displayed to the left of the Input field within the IconInput component */
-    icon: React.ReactNode;
-    /** CSS class name for the IconInput component container div */
-    containerClassName?: string;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-    /** Modify size of the input. */
-    size?: "small" | "large";
-}
-/** Input component with icon to the left of the input field
- * @public
- */
-export declare const IconInput: (props: IconInputProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module Inputs
+ */
+import "./IconInput.scss";
+import * as React from "react";
+import { InputProps } from "../Input";
+/** Properties for the [[IconInput]] component
+ * @public
+ */
+export interface IconInputProps extends Omit<InputProps, "size"> {
+    /** Icon displayed to the left of the Input field within the IconInput component */
+    icon: React.ReactNode;
+    /** CSS class name for the IconInput component container div */
+    containerClassName?: string;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+    /** Modify size of the input. */
+    size?: "small" | "large";
+}
+/** Input component with icon to the left of the input field
+ * @public
+ */
+export declare const IconInput: (props: IconInputProps) => JSX.Element | null;
 //# sourceMappingURL=IconInput.d.ts.map