@itwin/core-react 4.17.0 → 5.0.0-dev.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAQH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAIjC;;;GAGG;AACH,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,sBAAsB,EACtB,WAAW;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD;;;GAGG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClD,MAAM,IAAI,KAAK,CAAC,YAAY;CAgD7C"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputLabel.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAqB5C,MAAM,kBAAkB,GAAgC;IACtD,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,oBAAC,cAAc,OAAG;IACvC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,gBAAgB,OAAG;IAC3C,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,oBAAC,gBAAgB,OAAG;CAC5C,CAAC;AAEF;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,cAAc,EACd,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,YAAY,GACb,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,OAAO,CACL,+BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YAEA,KAAK,IAAI,CACR,6BACE,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EACrD,KAAK,EAAE,UAAU,IAEhB,KAAK,CACF,CACP;YACD,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;gBAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACnB,MAAM,IAAI,CACT,oBAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,GAAI,CACpE,CACG;YACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EACzD,KAAK,EAAE,YAAY,IAElB,OAAO,CACJ,CACP,CACK,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 {\n  SvgStatusError,\n  SvgStatusSuccess,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { InputStatus } from \"./InputStatus\";\nimport type {\n  LabeledComponentProps,\n  MessagedComponentProps,\n} from \"./LabeledComponentProps\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[InputLabel]] components\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.\n */\nexport interface InputLabelProps\n  extends LabeledComponentProps,\n    MessagedComponentProps,\n    CommonProps {\n  disabled?: boolean;\n  /** Labeled content */\n  children?: React.ReactNode;\n}\n\nconst inputLabelIconSpec: { [key: string]: IconSpec } = {\n  [InputStatus.Error]: <SvgStatusError />,\n  [InputStatus.Success]: <SvgStatusSuccess />,\n  [InputStatus.Warning]: <SvgStatusWarning />,\n};\n\n/** Text input wrapper that provides additional styling and labeling\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.\n */\nexport class InputLabel extends React.PureComponent<InputLabelProps> {\n  public override render(): React.ReactElement {\n    const {\n      label,\n      status,\n      className,\n      style,\n      labelClassName,\n      labelStyle,\n      message,\n      messageClassName,\n      messageStyle,\n    } = this.props;\n\n    return (\n      <label\n        style={style}\n        className={classnames(\n          \"uicore-inputs-labeled-input\",\n          this.props.disabled && \"uicore-disabled\",\n          status,\n          className\n        )}\n      >\n        {label && (\n          <div\n            className={classnames(\"uicore-label\", labelClassName)}\n            style={labelStyle}\n          >\n            {label}\n          </div>\n        )}\n        <div className={classnames(\"input\", { \"with-icon\": !!status })}>\n          {this.props.children}\n          {status && (\n            <Icon className=\"icon\" iconSpec={inputLabelIconSpec[`{status}`]} />\n          )}\n        </div>\n        {message && (\n          <div\n            className={classnames(\"uicore-message\", messageClassName)}\n            style={messageStyle}\n          >\n            {message}\n          </div>\n        )}\n      </label>\n    );\n  }\n}\n"]}

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

@@ -1,13 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/** Enum for Input status
- * @public
- * @deprecated in 4.12.0. Enum used in a deprecated component {@link InputLabel}.
- */
-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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"InputStatus.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/InputStatus.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH;;;GAGG;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\nimport type { InputLabel } from \"./InputLabel\";\n\n/** Enum for Input status\n * @public\n * @deprecated in 4.12.0. Enum used in a deprecated component {@link InputLabel}.\n */\nexport enum InputStatus {\n  Success = \"success\",\n  Warning = \"warning\",\n  Error = \"error\",\n}\n"]}

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

@@ -1,36 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import type * as React from "react";
-import type { InputStatus } from "./InputStatus";
-/** Properties for labeled components
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.
- */
-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
- * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.
- */
-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

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IAEzD,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;;;GAGG;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.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledComponentProps.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledComponentProps.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;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 type * as React from \"react\";\nimport type { InputLabel } from \"./InputLabel\";\nimport type { InputStatus } from \"./InputStatus\";\n\n/** Properties for labeled components\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.\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  // eslint-disable-next-line deprecation/deprecation\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 * @deprecated in 4.12.0. Props of deprecated component {@link InputLabel}.\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/classes.scss

@@ -1,12 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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;
-}

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

@@ -1,26 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import "./IconInput.scss";
-import * as React from "react";
-import type { InputProps } from "../Input";
-/** Properties for the [[IconInput]] component
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link IconInput}.
- */
-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
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.
- */
-export declare const IconInput: (props: IconInputProps) => React.ReactNode;
-//# sourceMappingURL=IconInput.d.ts.map

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

@@ -1 +0,0 @@
-{"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,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C;;;GAGG;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;AA0BD;;;GAGG;AAEH,eAAO,MAAM,SAAS,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SACpC,CAAC"}

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

@@ -1,29 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-// eslint-disable-next-line deprecation/deprecation
-const ForwardRefIconInput = React.forwardRef(function ForwardRefIconInput(props, ref) {
-    const { className, 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, className: classnames("core-input", className), ...otherProps }),
-        React.createElement("div", { className: "core-iconInput-icon" }, icon)));
-});
-/** Input component with icon to the left of the input field
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-export const IconInput = ForwardRefIconInput;
-//# sourceMappingURL=IconInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconInput.js","sourceRoot":"","sources":["../../../../../src/core-react/inputs/iconinput/IconInput.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC,CAAC,mCAAmC;AAiBrE;;GAEG;AACH,mDAAmD;AACnD,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,SAAS,mBAAmB,CAAC,KAAK,EAAE,GAAG;IACrC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3E,uFAAuF;IACvF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,kBAAkB,CAAC;QAErE,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,KAC1C,UAAU,GACd;QACF,6BAAK,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAO,CAC7C,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,mDAAmD;AACnD,MAAM,CAAC,MAAM,SAAS,GACpB,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 type { InputProps } from \"../Input\";\nimport { Input } from \"../Input\"; // NEEDSWORK - for nativeKeyHandler\n\n/** Properties for the [[IconInput]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link IconInput}.\n */\nexport interface IconInputProps extends Omit<InputProps, \"size\"> {\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 */\n// eslint-disable-next-line deprecation/deprecation\nconst ForwardRefIconInput = React.forwardRef<HTMLInputElement, IconInputProps>(\n  function ForwardRefIconInput(props, ref) {\n    const { className, icon, containerClassName, size, ...otherProps } = props;\n\n    // NEEDSWORK: still using core-react Input component because of `nativeKeyHandler` prop\n    return (\n      <div\n        className={classnames(\"core-iconInput-container\", containerClassName)}\n      >\n        <Input\n          ref={ref}\n          className={classnames(\"core-input\", className)}\n          {...otherProps}\n        />\n        <div className=\"core-iconInput-icon\">{icon}</div>\n      </div>\n    );\n  }\n);\n\n/** Input component with icon to the left of the input field\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/inputwithdecorations iTwinUI input decorations} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport const IconInput: (props: IconInputProps) => React.ReactNode =\n  ForwardRefIconInput;\n"]}

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

@@ -1,34 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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;
-
-  .core-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/esm/core-react/inputs/index.scss

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./input-label";

package/lib/esm/core-react/inputs/input-label.scss

@@ -1,89 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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";
-
-@mixin uicore-inputs-labeled-input {
-  display: block;
-  padding: 0;
-  margin: 0 0 $uicore-unbordered-padding;
-  text-align: left;
-  font-size: var(--iui-font-size-1);
-  font-weight: var(--iui-font-weight-normal);
-  cursor: pointer;
-
-  > .uicore-label {
-    padding: 0;
-    margin: 0;
-    border: 0 none transparent;
-    display: block;
-    font-size: var(--iui-font-size-1);
-    font-weight: var(--iui-font-weight-semibold);
-    line-height: var(--iui-size-l);
-    text-align: left;
-    color: var(--iui-color-text);
-  }
-
-  > .input {
-    position: relative;
-    /// Needed to vertically align the icon:
-    display: inline-block;
-    width: 100%;
-
-    &.with-icon {
-      > input {
-        padding-right: calc(#{$uicore-bordered-padding} + var(--iui-size-l));
-        margin-right: calc(#{$uicore-bordered-padding} + var(--iui-size-l));
-      }
-    }
-
-    > .icon {
-      display: flex;
-      align-items: center;
-      position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      padding: $uicore-bordered-padding;
-
-      font-size: var(--iui-font-size-1);
-      font-weight: normal;
-    }
-  }
-
-  > .uicore-message {
-    display: block;
-    font-size: var(--iui-font-size-0);
-    line-height: var(--iui-size-l);
-    color: var(--iui-color-text-muted);
-  }
-
-  /// Status colors ----------------------------------------------------------
-
-  $status-colors: (
-    success: $buic-foreground-positive-rgb,
-    warning: $buic-foreground-warning-rgb,
-    error: $buic-foreground-negative-rgb,
-  );
-
-  @each $status, $color in $status-colors {
-    &.#{$status},
-    &.#{$status} > .uicore-message {
-      color: rgb($color);
-    }
-
-    &.#{$status} > .input {
-      > input,
-      > .uicore-inputs-input {
-        border-color: rgb($color);
-        box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
-
-        &:focus {
-          border-color: rgb($color);
-          box-shadow: rgba($color, $uicore-opacity-boxshadow) 0px 0px 0px 2px;
-        }
-      }
-    }
-  }
-}

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

@@ -1,54 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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";
-
-@mixin uicore-inputs-input {
-  display: block;
-  width: 100%;
-  padding: $uicore-iui-input-padding;
-  margin: $uicore-inputs-margin 0;
-  font-family: var(--iui-font-sans);
-  font-size: var(--iui-font-size-1);
-  line-height: normal;
-  color: var(--iui-color-text);
-  background-color: $buic-background-control;
-  background-image: none;
-  border: 1px solid var(--iui-color-border-foreground);
-  border-radius: var(--iui-border-radius-1);
-  box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
-  box-sizing: border-box;
-  transition: border-color var(--iui-duration-1) ease-in-out,
-    box-shadow var(--iui-duration-1) ease-in-out;
-
-  &:-ms-input-placeholder {
-    color: var(--iui-color-text-disabled);
-  }
-  &::-webkit-input-placeholder {
-    color: var(--iui-color-text-disabled);
-  }
-  &::placeholder {
-    color: var(--iui-color-text-disabled);
-  }
-
-  &[disabled] {
-    background-color: $buic-background-control-disabled;
-    border-color: $buic-foreground-disabled;
-    color: var(--iui-color-text-disabled);
-    cursor: not-allowed;
-    opacity: $uicore-opacity-disabled;
-  }
-
-  &[readonly] {
-    color: var(--iui-color-text-muted);
-    cursor: default;
-  }
-
-  &:focus {
-    outline: 0px;
-    border-color: $buic-foreground-focus-border;
-    box-shadow: $uicore-inputs-focus-boxshadow;
-  }
-}

package/lib/esm/core-react/inputs/numberinput/NumberInput.d.ts

@@ -1,56 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import "./NumberInput.scss";
-import * as React from "react";
-import { Input } from "@itwin/itwinui-react";
-type InputProps = React.ComponentPropsWithoutRef<typeof Input>;
-/** Step function prototype for [[NumberInput]] component
- * @public
- * @deprecated in 4.12.0. Interface used in a deprecated component {@link NumberInput}.
- */
-export type StepFunctionProp = number | ((direction: string) => number | undefined);
-/** Properties for the [[NumberInput]] component
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link NumberInput}.
- */
-export interface NumberInputProps extends Omit<InputProps, "min" | "max" | "step" | "onChange"> {
-    /** Numeric value, set to `undefined` to show placeholder text */
-    value?: number;
-    /** CSS class name for the NumberInput component container div */
-    containerClassName?: string;
-    /** Style for component container div. */
-    containerStyle?: React.CSSProperties;
-    /** number or function	Number.MIN_SAFE_INTEGER */
-    min?: number;
-    /** number or function	defaults to Number.MAX_SAFE_INTEGER */
-    max?: number;
-    /** increment step value used while incrementing or decrementing (up/down buttons or arrow keys) defaults to 1. */
-    step?: StepFunctionProp;
-    /** number of decimal places, defaults to 0 */
-    precision?: number;
-    /** function parseFloat */
-    parse?: (value: string) => number | null | undefined;
-    /** function optional formatting function that takes the number value and the internal formatted value in case function just adds prefix or suffix. */
-    format?: (num: number | null | undefined, formattedValue: string) => string;
-    /** Set to true to "snap" to the closest step value while incrementing or decrementing (up/down buttons or arrow keys). */
-    snap?: boolean;
-    /** Function to call when value is changed. */
-    onChange?: (value: number | undefined, stringValue: string) => void;
-    /** if true up/down buttons are shown larger and side by side */
-    showTouchButtons?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-    /**
-     * Makes this component behave as controlled component.
-     * @internal
-     */
-    isControlled?: boolean;
-}
-/** Input component for numbers with up and down buttons to increment and decrement the value.
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
- */
-export declare const NumberInput: (props: NumberInputProps) => React.ReactNode;
-export {};
-//# sourceMappingURL=NumberInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/inputs/numberinput/NumberInput.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAW7C,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7D,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yCAAyC;IACzC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kHAAkH;IAClH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,sJAAsJ;IACtJ,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5E,0HAA0H;IAC1H,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAwQD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SACtC,CAAC"}

package/lib/esm/core-react/inputs/numberinput/NumberInput.js

@@ -1,160 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 "./NumberInput.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Key } from "ts-key-enum";
-import { Input } from "@itwin/itwinui-react";
-import { Icon } from "../../icons/IconComponent";
-import { SvgCaretDown, SvgCaretDownSmall, SvgCaretUp, SvgCaretUpSmall, } from "@itwin/itwinui-icons-react";
-const ForwardRefNumberInput = React.forwardRef(function ForwardRefNumberInput(props, ref) {
-    const { containerClassName, className, value, min, max, precision, format, parse, onChange, onBlur, onKeyDown, step, snap, showTouchButtons, containerStyle, isControlled, ...otherProps } = props;
-    const currentValueRef = React.useRef(value);
-    /**
-     * Used internally to parse the argument x to it's numeric representation.
-     * If the argument cannot be converted to finite number returns 0; If a
-     * "precision" prop is specified uses it round the number with that
-     * precision (no fixed precision here because the return value is float, not
-     * string).
-     */
-    const parseInternal = React.useCallback((x) => {
-        let n;
-        if (parse)
-            n = parse(x);
-        if (undefined === n || null === n) {
-            n = parseFloat(x);
-            if (isNaN(n) || !isFinite(n)) {
-                n = 0;
-            }
-        }
-        const localPrecision = undefined === precision ? 10 : precision;
-        const q = Math.pow(10, localPrecision);
-        const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;
-        const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;
-        n = Math.min(Math.max(n, localMin), localMax);
-        n = Math.round(n * q) / q;
-        return n;
-    }, [parse, precision, min, max]);
-    /**
-     * This is used internally to format a number to its display representation.
-     * It will invoke the format function if one is provided.
-     */
-    const formatInternal = React.useCallback((num) => {
-        const localPrecision = undefined === precision || null === precision ? 0 : precision;
-        const str = undefined === num || null === num ? "" : num.toFixed(localPrecision);
-        if (format)
-            return format(num, str);
-        return str;
-    }, [format, precision]);
-    const [formattedValue, setFormattedValue] = React.useState(() => formatInternal(value));
-    // See if new initialValue props have changed since component mounted
-    React.useEffect(() => {
-        currentValueRef.current = value;
-        const currentFormattedValue = formatInternal(currentValueRef.current);
-        setFormattedValue(currentFormattedValue);
-    }, [formatInternal, value]);
-    const handleChange = React.useCallback((event) => {
-        const newVal = event.currentTarget.value;
-        setFormattedValue(newVal);
-        isControlled && onChange && onChange(parseInternal(newVal), newVal);
-    }, [isControlled, onChange, parseInternal]);
-    const updateValue = React.useCallback((newVal) => {
-        const newFormattedVal = formatInternal(newVal);
-        onChange && onChange(newVal, newFormattedVal);
-        setFormattedValue(newFormattedVal);
-    }, [onChange, formatInternal]);
-    const updateValueFromString = React.useCallback((strValue) => {
-        const newVal = parseInternal(strValue);
-        updateValue(newVal);
-    }, [parseInternal, updateValue]);
-    const handleBlur = React.useCallback((event) => {
-        const newVal = parseInternal(event.target.value);
-        onBlur && onBlur(event);
-        updateValue(newVal);
-    }, [parseInternal, updateValue, onBlur]);
-    const getIncrementValue = React.useCallback((increment) => {
-        if (typeof step === "function") {
-            const stepVal = step(increment ? "up" : "down");
-            return stepVal ? stepVal : 1;
-        }
-        return !step ? 1 : step;
-    }, [step]);
-    /**
-     * The internal method that actually sets the new value on the input
-     */
-    const applyStep = React.useCallback((increment) => {
-        const incrementValue = getIncrementValue(increment);
-        let num = parseInternal(formattedValue) +
-            (increment ? incrementValue : -incrementValue);
-        if (snap) {
-            num = Math.round(num / incrementValue) * incrementValue;
-        }
-        const localMin = undefined === min ? Number.MIN_SAFE_INTEGER : min;
-        const localMax = undefined === max ? Number.MAX_SAFE_INTEGER : max;
-        num = Math.min(Math.max(num, localMin), localMax);
-        updateValue(num);
-    }, [
-        formattedValue,
-        getIncrementValue,
-        max,
-        min,
-        parseInternal,
-        snap,
-        updateValue,
-    ]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === Key.Enter.valueOf()) {
-            updateValueFromString(event.currentTarget.value);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        else if (event.key === Key.Escape.valueOf()) {
-            setFormattedValue(formatInternal(currentValueRef.current));
-            event.preventDefault();
-        }
-        else if (event.key === Key.ArrowDown.valueOf()) {
-            applyStep(false);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        else if (event.key === Key.ArrowUp.valueOf()) {
-            applyStep(true);
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        onKeyDown && onKeyDown(event);
-    }, [applyStep, formatInternal, updateValueFromString, onKeyDown]);
-    const handleDownClick = React.useCallback((event) => {
-        applyStep(false);
-        event.preventDefault();
-    }, [applyStep]);
-    const handleUpClick = React.useCallback((event) => {
-        applyStep(true);
-        event.preventDefault();
-    }, [applyStep]);
-    const handleFocus = React.useCallback((event) => {
-        event.currentTarget.select();
-    }, []);
-    const isDisabled = !!otherProps.disabled;
-    const containerClasses = classnames("core-number-input-container", containerClassName, showTouchButtons && "core-number-buttons-for-touch", isDisabled && "core-number-input-disabled");
-    const caretUp = showTouchButtons ? React.createElement(SvgCaretUp, null) : React.createElement(SvgCaretUpSmall, null);
-    const caretDown = showTouchButtons ? React.createElement(SvgCaretDown, null) : React.createElement(SvgCaretDownSmall, null);
-    return (React.createElement("div", { className: containerClasses, style: containerStyle },
-        React.createElement(Input, { ref: ref, value: formattedValue, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, size: "small", className: classnames("core-input", className), ...otherProps }),
-        React.createElement("div", { className: classnames("core-number-input-buttons-container", showTouchButtons && "core-number-buttons-for-touch") },
-            React.createElement("div", { className: "core-number-input-button core-number-input-button-up", tabIndex: -1, onClick: handleUpClick, role: "presentation" },
-                React.createElement(Icon, { iconSpec: caretUp })),
-            React.createElement("div", { className: "core-number-input-button core-number-input-button-down", tabIndex: -1, onClick: handleDownClick, role: "presentation" },
-                React.createElement(Icon, { iconSpec: caretDown })))));
-});
-/** Input component for numbers with up and down buttons to increment and decrement the value.
- * @public
- * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/input iTwinUI input} instead.
- */
-export const NumberInput = ForwardRefNumberInput;
-//# sourceMappingURL=NumberInput.js.map