@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

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

@@ -0,0 +1,55 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index.scss";
+@import "../icons/variables.scss";
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+.core-image-checkbox {
+  display: inline-block;
+  font-size: 16px;
+  position: relative;
+  height: 1em;
+  width: 1em;
+  cursor: pointer;
+
+  input[type="checkbox"]:not(:checked),
+  input[type="checkbox"]:checked {
+    position: absolute;
+    z-index: -1;
+    opacity: 0;
+  }
+
+  input[type="checkbox"]:checked + .image {
+    color: $buic-foreground-primary;
+  }
+
+  input[type="checkbox"]:not(:checked) + .image {
+    color: $buic-foreground-body;
+  }
+
+  input[type="checkbox"] + .image {
+    opacity: 0.65;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  input[type="checkbox"]:disabled:not(:checked) + .image,
+  input[type="checkbox"]:disabled:checked + .image {
+    opacity: .25;
+  }
+
+  /* accessibility */
+  [type="checkbox"]:focus + .image:before {
+    outline: 1px dotted currentColor;
+  }
+}
+.image-checkbox-border {
+  border: 1px solid $buic-foreground-disabled;
+  background-color:  $buic-background-control;
+  border-radius: $iui-border-radius;
+  padding: 1px 3px 0 2px;
+}

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

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@use "sass:math";
+
+@import "./style/index";
+
+@import "./_scrollbar";
+@import "./_z-index";
+@import "./_geometry";
+@import "./_math";
+@import "./_typography";
+
+@import "./base/index";
+@import "./button/index";
+@import "./checkbox/index";
+@import "./expandable/index";
+@import "./icons/index";
+@import "./inputs/index";
+@import "./loading/index";
+@import "./progress-indicators/index";
+@import "./radio/index";
+@import "./select/index";
+@import "./tabs/index";
+@import "./text/index";
+@import "./tiles/index";

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

@@ -0,0 +1,23 @@
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[Input]] component
+ * @public
+ * @deprecated Use InputProps in itwinui-react instead
+ */
+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.
+ * @public
+ * @deprecated Use Input in itwinui-react instead
+ */
+export declare const Input: (props: InputProps) => JSX.Element | null;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW;IAC1F,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAuCD;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,GAAG,IAAsB,CAAC"}

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

@@ -0,0 +1,44 @@
+/*---------------------------------------------------------------------------------------------
+* 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, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
+    const inputElementRef = React.useRef();
+    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.
+ * @public
+ * @deprecated Use Input in itwinui-react instead
+ */
+export const Input = ForwardRefInput; // eslint-disable-line deprecation/deprecation
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Input.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAkC,8CAA8C;AACtH,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG;IACjC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IACvI,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEpJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,eAAe,CAAC,OAAO,CAAC;QAC/C,MAAM,cAAc,GAAG,gBAAgB,CAAC;QAExC,IAAI,cAAc,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;SAC5D;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,cAAc,EAAE;gBACpC,cAAc,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;aAC/D;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,eAAe,CAAC,OAAO,IAAI,QAAQ;YACrC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAyC,EAAE,EAAE;QAClF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,KAAK,UAAU,EAAE,OAAO,EAAE,WAAW,EACxE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAA8C,eAAe,CAAC,CAAE,8CAA8C","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input as ITwinUI_Input } from \"@itwin/itwinui-react\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for the [[Input]] component\n * @public\n * @deprecated Use InputProps in itwinui-react instead\n */\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n  /** Native keydown event handler */\n  nativeKeyHandler?: (e: KeyboardEvent) => void;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\nconst ForwardRefInput = React.forwardRef<HTMLInputElement, InputProps>(   // eslint-disable-line deprecation/deprecation\n  function ForwardRefInput(props, ref) {\n    const { className, style, setFocus, nativeKeyHandler, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const inputElementRef = React.useRef<HTMLInputElement>();\n    const refs = useRefs(inputElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      const currentElement = inputElementRef.current;\n      const currentHandler = nativeKeyHandler;\n\n      if (currentElement && currentHandler) {\n        currentElement.addEventListener(\"keydown\", currentHandler);\n      }\n      return () => {\n        if (currentHandler && currentElement) {\n          currentElement.removeEventListener(\"keydown\", currentHandler);\n        }\n      };\n    }, [nativeKeyHandler]);\n\n    React.useEffect(() => {\n      if (inputElementRef.current && setFocus)\n        inputElementRef.current.focus();\n    }, [setFocus]);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n      event.currentTarget.select();\n    }, []);\n\n    return (\n      <ITwinUI_Input ref={refs} type=\"text\" {...otherProps} onFocus={handleFocus}\n        className={classnames(\"uicore-inputs-input\", className)} style={style} />\n    );\n  }\n);\n\n/** Basic text input, is a wrapper for the `<input type=\"text\">` HTML element.\n * @public\n * @deprecated Use Input in itwinui-react instead\n */\nexport const Input: (props: InputProps) => JSX.Element | null = ForwardRefInput;  // eslint-disable-line deprecation/deprecation\n"]}

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

@@ -0,0 +1,19 @@
+/** @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;
+}
+/** 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAExF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,EAAE,sBAAsB,EAAE,WAAW;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClD,MAAM,IAAI,GAAG,CAAC,OAAO;CA2BtC"}

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

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** 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("i", { className: classnames("icon", `icon-status-${status}`) })),
+            message &&
+                React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
+    }
+}
+//# sourceMappingURL=InputLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzD,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,MAAM;oBACL,2BAAG,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;YACL,OAAO;gBACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\n\n/** Properties for [[InputLabel]] components\n * @public\n */\nexport interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {\n  disabled?: boolean;\n}\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n */\nexport class InputLabel extends React.PureComponent<InputLabelProps> {\n  public override render(): JSX.Element {\n    const { label, status, className, style,\n      labelClassName, labelStyle,\n      message, messageClassName, messageStyle } = this.props;\n\n    return (\n      <label style={style} className={classnames(\n        \"uicore-inputs-labeled-input\",\n        this.props.disabled && \"uicore-disabled\",\n        status,\n        className,\n      )}>\n        {label &&\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n        }\n        <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n          {this.props.children}\n          {status &&\n            <i className={classnames(\"icon\", `icon-status-${status}`)} />\n          }\n        </div>\n        {message &&\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n        }\n      </label>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+/** @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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStatus.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB"}

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

@@ -0,0 +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 = {}));
+//# sourceMappingURL=InputStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputStatus.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\n/** Enum for Input status\n * @public\n */\nexport enum InputStatus {\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n"]}

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

@@ -0,0 +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;
+}
+//# sourceMappingURL=LabeledComponentProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC"}

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

@@ -0,0 +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 {};
+//# sourceMappingURL=LabeledComponentProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledComponentProps.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport * as React from \"react\";\nimport { InputStatus } from \"./InputStatus\";\n\n/** Properties for labeled components\n * @public\n */\nexport interface LabeledComponentProps {\n  /** Text that will be shown next to or above the input. */\n  label?: string;\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\n  status?: InputStatus;\n  /** Custom CSS class name for the checkbox input element */\n  inputClassName?: string;\n  /** Custom CSS Style for the checkbox input element */\n  inputStyle?: React.CSSProperties;\n  /** Custom CSS class name for the label */\n  labelClassName?: string;\n  /** Custom CSS Style for the label */\n  labelStyle?: React.CSSProperties;\n}\n\n/** Properties for components with messages\n * @public\n */\nexport interface MessagedComponentProps {\n  /** Optional text shown below the input. */\n  message?: string;\n  /** Custom CSS class name for the message */\n  messageClassName?: string;\n  /** Custom CSS Style for the message */\n  messageStyle?: React.CSSProperties;\n}\n"]}

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

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Inputs
+ */
+/// <reference types="react" />
+import { InputProps } from "./Input";
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+/** Properties for [[LabeledInput]] components
+ * @public
+ * @deprecated Use LabeledInputProps in itwinui-react instead
+ */
+export interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps {
+}
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ * @deprecated Use LabeledInput in itwinui-react instead
+ */
+export declare function LabeledInput(props: LabeledInputProps): JSX.Element;
+//# sourceMappingURL=LabeledInput.d.ts.map

package/lib/esm/core-react/inputs/LabeledInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledInput.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAIxF;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,UAAU,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAExG;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA4BpD"}

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

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+* 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 } from "./Input";
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ * @deprecated Use LabeledInput in itwinui-react instead
+ */
+export function LabeledInput(props) {
+    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, disabled, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-input", 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 }) },
+            React.createElement(Input, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
+            status &&
+                React.createElement("i", { className: classnames("icon", `icon-status-${status}`) })),
+        message &&
+            React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+//# sourceMappingURL=LabeledInput.js.map

package/lib/esm/core-react/inputs/LabeledInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledInput.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAW5C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAAE,QAAQ,EACpC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YAC5D,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;YAC1F,MAAM;gBACL,2BAAG,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;QACL,OAAO;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input, InputProps } from \"./Input\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[LabeledInput]] components\n * @public\n * @deprecated Use LabeledInputProps in itwinui-react instead\n */\nexport interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n * @deprecated Use LabeledInput in itwinui-react instead\n */\nexport function LabeledInput(props: LabeledInputProps) {    // eslint-disable-line deprecation/deprecation\n  const { label, status, className, style,\n    inputClassName, inputStyle,\n    labelClassName, labelStyle, disabled,\n    message, messageClassName, messageStyle,\n    ...otherProps } = props;\n\n  return (\n    <label style={style} className={classnames(\n      \"uicore-inputs-labeled-input\",\n      disabled && \"uicore-disabled\",\n      status,\n      className,\n    )}>\n      {label &&\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n      }\n      <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n        <Input disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\n        {status &&\n          <i className={classnames(\"icon\", `icon-status-${status}`)} />\n        }\n      </div>\n      {message &&\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n      }\n    </label>\n  );\n}\n"]}

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

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Inputs
+ */
+/// <reference types="react" />
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+import { TextareaProps } from "./Textarea";
+/** Properties for [[LabeledTextarea]] component
+ * @public
+ * @deprecated Use LabeledTextareaProps in itwinui-react instead
+ */
+export interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps {
+}
+/** Textarea wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated Use LabeledTextarea in itwinui-react instead
+ */
+export declare function LabeledTextarea(props: LabeledTextareaProps): JSX.Element;
+//# sourceMappingURL=LabeledTextarea.d.ts.map

package/lib/esm/core-react/inputs/LabeledTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledTextarea.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAE9G;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAuB1D"}

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

@@ -0,0 +1,28 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { Textarea } from "./Textarea";
+/** Textarea wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated Use LabeledTextarea in itwinui-react instead
+ */
+export function LabeledTextarea(props) {
+    const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars
+    inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-textarea", disabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement(Textarea, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
+        message &&
+            React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+//# sourceMappingURL=LabeledTextarea.js.map

package/lib/esm/core-react/inputs/LabeledTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledTextarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAUrD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,wDAAwD;IACzG,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,gCAAgC,EAChC,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;QAC7F,OAAO;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\nimport { Textarea, TextareaProps } from \"./Textarea\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[LabeledTextarea]] component\n * @public\n * @deprecated Use LabeledTextareaProps in itwinui-react instead\n */\nexport interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\n\n/** Textarea wrapper that allows for additional styling and labelling\n * @public\n * @deprecated Use LabeledTextarea in itwinui-react instead\n */\nexport function LabeledTextarea(props: LabeledTextareaProps) {  // eslint-disable-line deprecation/deprecation\n  const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars\n    inputClassName, inputStyle,\n    labelClassName, labelStyle,\n    message, messageClassName, messageStyle,\n    ...otherProps } = props;\n\n  return (\n    <label style={style} className={classnames(\n      \"uicore-inputs-labeled-textarea\",\n      disabled && \"uicore-disabled\",\n      status,\n      className,\n    )}>\n      {label &&\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n      }\n      <Textarea disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\n      {message &&\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n      }\n    </label>\n  );\n}\n"]}

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

@@ -0,0 +1,23 @@
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for [[Textarea]] component
+ * @public
+ * @deprecated Use TextareaProps in itwinui-react instead
+ */
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {
+    /** Number of textarea rows. Default is 3. */
+    rows?: number;
+    /** Indicates whether to set focus to the textarea element */
+    setFocus?: boolean;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLTextAreaElement>;
+}
+/** Basic textarea component
+ * @public
+ * @deprecated Use Textarea in itwinui-react instead
+ */
+export declare const Textarea: (props: TextareaProps) => JSX.Element | null;
+//# sourceMappingURL=Textarea.d.ts.map

package/lib/esm/core-react/inputs/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/Textarea.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,WAAW;IACnG,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACtC;AA6BD;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,GAAG,IAAyB,CAAC"}

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

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { Textarea as ITwinUI_Textarea } 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 ForwardRefTextarea = React.forwardRef(// eslint-disable-line deprecation/deprecation
+function ForwardRefTextarea(props, ref) {
+    const { className, style, rows, setFocus, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
+    const textRows = undefined !== rows ? rows : 3;
+    const textAreaElementRef = React.useRef();
+    const refs = useRefs(textAreaElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
+    React.useEffect(() => {
+        if (textAreaElementRef.current && setFocus)
+            textAreaElementRef.current.focus();
+    }, [setFocus]);
+    const handleFocus = React.useCallback((event) => {
+        event.currentTarget.select();
+    }, []);
+    return (React.createElement(ITwinUI_Textarea, { ...otherProps, ref: refs, rows: textRows, onFocus: handleFocus, className: classnames("uicore-inputs-textarea", className), style: style }));
+});
+/** Basic textarea component
+ * @public
+ * @deprecated Use Textarea in itwinui-react instead
+ */
+export const Textarea = ForwardRefTextarea; // eslint-disable-line deprecation/deprecation
+//# sourceMappingURL=Textarea.js.map

package/lib/esm/core-react/inputs/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Textarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAyC,8CAA8C;AAChI,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IAC3H,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAuB,CAAC;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEvJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,kBAAkB,CAAC,OAAO,IAAI,QAAQ;YACxC,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4C,EAAE,EAAE;QACrF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,gBAAgB,OAAK,UAAU,EAC9B,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiD,kBAAkB,CAAC,CAAG,8CAA8C","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Textarea as ITwinUI_Textarea } from \"@itwin/itwinui-react\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[Textarea]] component\n * @public\n * @deprecated Use TextareaProps in itwinui-react instead\n */\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {\n  /** Number of textarea rows. Default is 3. */\n  rows?: number;\n  /** Indicates whether to set focus to the textarea element */\n  setFocus?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLTextAreaElement>;\n}\n\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\nconst ForwardRefTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(    // eslint-disable-line deprecation/deprecation\n  function ForwardRefTextarea(props, ref) {\n    const { className, style, rows, setFocus, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const textRows = undefined !== rows ? rows : 3;\n    const textAreaElementRef = React.useRef<HTMLTextAreaElement>();\n    const refs = useRefs(textAreaElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      if (textAreaElementRef.current && setFocus)\n        textAreaElementRef.current.focus();\n    }, [setFocus]);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLTextAreaElement>) => {\n      event.currentTarget.select();\n    }, []);\n\n    return (\n      <ITwinUI_Textarea {...otherProps}\n        ref={refs}\n        rows={textRows}\n        onFocus={handleFocus}\n        className={classnames(\"uicore-inputs-textarea\", className)} style={style} />\n    );\n  }\n);\n\n/** Basic textarea component\n * @public\n * @deprecated Use Textarea in itwinui-react instead\n */\nexport const Textarea: (props: TextareaProps) => JSX.Element | null = ForwardRefTextarea;   // eslint-disable-line deprecation/deprecation\n"]}

package/lib/esm/core-react/inputs/classes.scss

@@ -0,0 +1,10 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.uicore-inputs-input { @include uicore-inputs-input; }
+.uicore-inputs-labeled-input { @include uicore-inputs-labeled-input; }
+.uicore-inputs-labeled-textarea { @include uicore-inputs-labeled-textarea; }
+.uicore-inputs-textarea { @include uicore-inputs-textarea; }

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

@@ -0,0 +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;
+//# sourceMappingURL=IconInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconInput.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC9D,mFAAmF;IACnF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B;AAsBD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,GAAG,CAAC,OAAO,GAAG,IAA0B,CAAC"}

package/lib/esm/core-react/inputs/iconinput/IconInput.js

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+* 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 "./IconInput.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Input } from "../Input"; // NEEDSWORK - for nativeKeyHandler
+/** Input component with icon to the left of the input field
+ * @public
+ */
+const ForwardRefIconInput = React.forwardRef(function ForwardRefIconInput(props, ref) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { icon, containerClassName, size, ...otherProps } = props;
+    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop
+    return (React.createElement("div", { className: classnames("core-iconInput-container", containerClassName) },
+        React.createElement(Input, { ref: ref, ...otherProps }),
+        React.createElement("div", { className: "core-iconInput-icon" }, icon)));
+});
+/** Input component with icon to the left of the input field
+ * @public
+ */
+export const IconInput = ForwardRefIconInput;
+//# sourceMappingURL=IconInput.js.map

package/lib/esm/core-react/inputs/iconinput/IconInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC,CAAG,mCAAmC;AAgBnF;;GAEG;AACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACrC,6DAA6D;IAC7D,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEhE,uFAAuF;IACvF,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,kBAAkB,CAAC;QAExE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI;QACnC,6BAAK,SAAS,EAAC,qBAAqB,IACjC,IAAI,CACD,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAkD,mBAAmB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Inputs\n */\n\nimport \"./IconInput.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Input, InputProps } from \"../Input\";   // NEEDSWORK - for nativeKeyHandler\n\n/** Properties for the [[IconInput]] component\n * @public\n */\nexport interface IconInputProps extends Omit<InputProps, \"size\"> {    // eslint-disable-line deprecation/deprecation\n  /** Icon displayed to the left of the Input field within the IconInput component */\n  icon: React.ReactNode;\n  /** CSS class name for the IconInput component container div */\n  containerClassName?: string;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n  /** Modify size of the input. */\n  size?: \"small\" | \"large\";\n}\n\n/** Input component with icon to the left of the input field\n * @public\n */\nconst ForwardRefIconInput = React.forwardRef<HTMLInputElement, IconInputProps>(\n  function ForwardRefIconInput(props, ref) {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { icon, containerClassName, size, ...otherProps } = props;\n\n    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop\n    return (\n      <div className={classnames(\"core-iconInput-container\", containerClassName)} >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Input ref={ref} {...otherProps} />\n        <div className=\"core-iconInput-icon\">\n          {icon}\n        </div>\n      </div>\n    );\n  });\n\n/** Input component with icon to the left of the input field\n * @public\n */\nexport const IconInput: (props: IconInputProps) => JSX.Element | null = ForwardRefIconInput;\n"]}