@itwin/core-react 3.7.16 → 3.8.0-dev.1

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

@@ -1,32 +1,32 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabeledTextarea = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const Textarea_1 = require("./Textarea");
-/** Textarea wrapper that allows for additional styling and labelling
- * @public
- * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
- */
-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: (0, classnames_1.default)("uicore-inputs-labeled-textarea", disabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement(Textarea_1.Textarea, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
-        message &&
-            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
-}
-exports.LabeledTextarea = LabeledTextarea;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledTextarea = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const Textarea_1 = require("./Textarea");
+/** Textarea wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
+ */
+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: (0, classnames_1.default)("uicore-inputs-labeled-textarea", disabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement(Textarea_1.Textarea, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
+        message &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+exports.LabeledTextarea = LabeledTextarea;
 //# sourceMappingURL=LabeledTextarea.js.map

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

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

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

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

@@ -1 +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"}
+{"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,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAyB,CAAC"}

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

@@ -1,36 +1,36 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const useRefs_1 = require("../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(null);
-    const refs = (0, useRefs_1.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_react_1.Textarea, { ...otherProps, ref: refs, rows: textRows, onFocus: handleFocus, className: (0, classnames_1.default)("uicore-inputs-textarea", className), style: style }));
-});
-/** Basic textarea component
- * @public
- * @deprecated in 3.0. Use Textarea in itwinui-react instead
- */
-exports.Textarea = ForwardRefTextarea; // eslint-disable-line deprecation/deprecation
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const useRefs_1 = require("../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(null);
+    const refs = (0, useRefs_1.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_react_1.Textarea, { ...otherProps, ref: refs, rows: textRows, onFocus: handleFocus, className: (0, classnames_1.default)("uicore-inputs-textarea", className), style: style }));
+});
+/** Basic textarea component
+ * @public
+ * @deprecated in 3.0. Use Textarea in itwinui-react instead
+ */
+exports.Textarea = ForwardRefTextarea; // eslint-disable-line deprecation/deprecation
 //# sourceMappingURL=Textarea.js.map

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

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

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

@@ -1,10 +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; }
+/*---------------------------------------------------------------------------------------------
+* 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/cjs/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) => React.JSX.Element | null;
 //# sourceMappingURL=IconInput.d.ts.map

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

@@ -1 +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"}
+{"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,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAA0B,CAAC"}

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

@@ -1,30 +1,30 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconInput = void 0;
-require("./IconInput.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const Input_1 = require("../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: (0, classnames_1.default)("core-iconInput-container", containerClassName) },
-        React.createElement(Input_1.Input, { ref: ref, ...otherProps }),
-        React.createElement("div", { className: "core-iconInput-icon" }, icon)));
-});
-/** Input component with icon to the left of the input field
- * @public
- */
-exports.IconInput = ForwardRefIconInput;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconInput = void 0;
+require("./IconInput.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const Input_1 = require("../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: (0, classnames_1.default)("core-iconInput-container", containerClassName) },
+        React.createElement(Input_1.Input, { ref: ref, ...otherProps }),
+        React.createElement("div", { className: "core-iconInput-icon" }, icon)));
+});
+/** Input component with icon to the left of the input field
+ * @public
+ */
+exports.IconInput = ForwardRefIconInput;
 //# sourceMappingURL=IconInput.js.map

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

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

package/lib/cjs/core-react/inputs/iconinput/IconInput.scss

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../../base/base";
-@import "../variables";
-
-.core-iconInput-container {
-  position: relative;
-  padding:  0;
-  margin:   0;
-
-  .iui-input {
-    margin:       0;
-    padding-left: 30px;
-  }
-
-  .core-iconInput-icon {
-    position: absolute;
-    top:      0;
-    left:     0;
-    width:    30px;
-    height:   100%;
-    @include uicore-centered;
-
-    .icon {
-      width:  16px;
-      height: 16px;
-
-      margin-top: 2px;
-      @include uicore-centered;
-    }
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../../base/base";
+@import "../variables";
+
+.core-iconInput-container {
+  position: relative;
+  padding:  0;
+  margin:   0;
+
+  .iui-input {
+    margin:       0;
+    padding-left: 30px;
+  }
+
+  .core-iconInput-icon {
+    position: absolute;
+    top:      0;
+    left:     0;
+    width:    30px;
+    height:   100%;
+    @include uicore-centered;
+
+    .icon {
+      width:  16px;
+      height: 16px;
+
+      margin-top: 2px;
+      @include uicore-centered;
+    }
+  }
+
+}

package/lib/cjs/core-react/inputs/index.scss

@@ -1,11 +1,11 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-
-@import "./variables";
-@import "./input";
-@import "./labeled-input";
-@import "./labeled-textarea";
-@import "./textarea";
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+@import "./variables";
+@import "./input";
+@import "./labeled-input";
+@import "./labeled-textarea";
+@import "./textarea";

package/lib/cjs/core-react/inputs/input.scss

@@ -1,60 +1,60 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-@import "./variables";
-@import "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-@mixin uicore-inputs-input {
-
-  display:                block;
-  width:                  100%;
-  padding:                $uicore-inputs-padding-bordered $uicore-bordered-padding;
-  margin:                 $uicore-inputs-margin 0;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  line-height:            normal;
-  color:                  $buic-text-color;
-  background-color:       $buic-background-control;
-  background-image:       none;
-  border:                 1px solid $buic-inputs-border;
-  border-radius:          $iui-border-radius;
-  box-shadow:             $buic-inputs-boxshadow 0px 1px 1px inset;
-  box-sizing:             border-box;
-  transition:             border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
-
-  &:-ms-input-placeholder {       color: $buic-foreground-disabled; }
-  &::-webkit-input-placeholder {  color: $buic-foreground-disabled; }
-  &::placeholder {                color: $buic-foreground-disabled; }
-
-  &[disabled] {
-
-    background-color:   $buic-background-control-disabled;
-    border-color:       $buic-foreground-disabled;
-    color:              $buic-foreground-disabled;
-    cursor:             not-allowed;
-    opacity:            $uicore-opacity-disabled;
-  }
-
-  &[readonly] {
-
-    color:              $buic-foreground-muted;
-    cursor:             default;
-  }
-
-  &:focus {
-
-    outline:            0px;
-    border-color:       $buic-foreground-focus-border;
-    box-shadow:         $uicore-inputs-focus-boxshadow;
-  }
-
-  &.iui-input {
-    padding: $uicore-iui-input-padding;
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+@import "./variables";
+@import "~@itwin/itwinui-css/scss/style/space";
+@import "~@itwin/itwinui-css/scss/style/speed";
+@import "~@itwin/itwinui-css/scss/style/typography";
+@import "~@itwin/itwinui-css/scss/style/variables";
+
+@mixin uicore-inputs-input {
+
+  display:                block;
+  width:                  100%;
+  padding:                $uicore-inputs-padding-bordered $uicore-bordered-padding;
+  margin:                 $uicore-inputs-margin 0;
+  font-family:            $iui-font-family;
+  font-size:              $iui-font-size;
+  line-height:            normal;
+  color:                  $buic-text-color;
+  background-color:       $buic-background-control;
+  background-image:       none;
+  border:                 1px solid $buic-inputs-border;
+  border-radius:          $iui-border-radius;
+  box-shadow:             $buic-inputs-boxshadow 0px 1px 1px inset;
+  box-sizing:             border-box;
+  transition:             border-color $iui-speed-fast ease-in-out, box-shadow $iui-speed-fast ease-in-out;
+
+  &:-ms-input-placeholder {       color: $buic-foreground-disabled; }
+  &::-webkit-input-placeholder {  color: $buic-foreground-disabled; }
+  &::placeholder {                color: $buic-foreground-disabled; }
+
+  &[disabled] {
+
+    background-color:   $buic-background-control-disabled;
+    border-color:       $buic-foreground-disabled;
+    color:              $buic-foreground-disabled;
+    cursor:             not-allowed;
+    opacity:            $uicore-opacity-disabled;
+  }
+
+  &[readonly] {
+
+    color:              $buic-foreground-muted;
+    cursor:             default;
+  }
+
+  &:focus {
+
+    outline:            0px;
+    border-color:       $buic-foreground-focus-border;
+    box-shadow:         $uicore-inputs-focus-boxshadow;
+  }
+
+  &.iui-input {
+    padding: $uicore-iui-input-padding;
+  }
+
+}