@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/cjs/core-react/button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/core-react/button/Button.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAAoG;AAGpG;;;GAGG;AACH,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,0BAAY,CAAA;IACZ,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AAED;;;GAGG;AACH,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB;AAiBD;;;GAGG;AACH,MAAa,MAAO,SAAQ,KAAK,CAAC,aAA0B;IAA5D;;QACU,qBAAgB,GAAG,CAAC,UAAuB,EAAE,EAAE;YACrD,IAAI,aAA+C,CAAC;YACpD,QAAQ,UAAU,EAAE;gBAClB,KAAK,UAAU,CAAC,IAAI,EAAE,8CAA8C;oBAClE,aAAa,GAAG,iBAAiB,CAAC;oBAClC,MAAM;gBACR,KAAK,UAAU,CAAC,MAAM,EAAE,8CAA8C;oBACpE,aAAa,GAAG,SAAS,CAAC;oBAC1B,MAAM;gBACR,KAAK,UAAU,CAAC,OAAO,CAAC,CAAE,8CAA8C;gBACxE;oBACE,aAAa,GAAG,KAAK,CAAC;oBACtB,MAAM;aACT;YACD,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;IAUJ,CAAC;IARiB,MAAM;QACpB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7E,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAExD,mDAAmD;QACnD,OAAO,oBAAC,sBAAc,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,GAAI,CAAC;IAC9K,CAAC;CACF;AA1BD,wBA0BC;AAED,gBAAgB;AAChB,SAAgB,sBAAsB,CAAC,UAAuB;IAC5D,IAAI,aAAqB,CAAC;IAC1B,QAAQ,UAAU,EAAE;QAClB,KAAK,UAAU,CAAC,IAAI,EAAE,8CAA8C;YAClE,aAAa,GAAG,qBAAqB,CAAC;YACtC,MAAM;QACR,KAAK,UAAU,CAAC,QAAQ,EAAE,8CAA8C;YACtE,aAAa,GAAG,yBAAyB,CAAC;YAC1C,MAAM;QACR,KAAK,UAAU,CAAC,MAAM,EAAE,8CAA8C;YACpE,aAAa,GAAG,uBAAuB,CAAC;YACxC,MAAM;QACR,KAAK,UAAU,CAAC,OAAO,CAAC,CAAE,8CAA8C;QACxE;YACE,aAAa,GAAG,wBAAwB,CAAC;YACzC,MAAM;KACT;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAlBD,wDAkBC","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 Button\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Button as ITwinUI_Button, ButtonProps as ITwinUI_ButtonProps } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Sizes for [[Button]] component\r\n * @public\r\n * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead\r\n */\r\nexport enum ButtonSize {\r\n  Default = \"\",\r\n  Large = \"large\",\r\n}\r\n\r\n/** Types for [[Button]] component\r\n * @public\r\n * @deprecated in 3.0. Use `styleType` prop for itwinui-react Button instead\r\n */\r\nexport enum ButtonType {\r\n  Primary = \"primary\",\r\n  Blue = \"blue\",\r\n  Disabled = \"disabled\",\r\n  Hollow = \"hollow\",\r\n}\r\n\r\n/** Properties for [[Button]] component\r\n * @public\r\n * @deprecated in 3.0. Use ButtonProps from itwinui-react instead\r\n */\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {\r\n  /** Allow ID to be passed to Button */\r\n  id?: string;\r\n  /** Default and large sizes */\r\n  size?: ButtonSize;  // eslint-disable-line deprecation/deprecation\r\n  /** 4 styles to tweak the content of the button */\r\n  buttonType?: ButtonType;    // eslint-disable-line deprecation/deprecation\r\n  /** A function to be run when the element is clicked */\r\n  onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void);\r\n}\r\n\r\n/** Generic button component\r\n * @public\r\n * @deprecated in 3.0. Use Button from itwinui-react instead\r\n */\r\nexport class Button extends React.PureComponent<ButtonProps> {    // eslint-disable-line deprecation/deprecation\r\n  private getIuiButtonType = (buttonType?: ButtonType) => {   // eslint-disable-line deprecation/deprecation\r\n    let iuiButtonType: ITwinUI_ButtonProps[\"styleType\"];\r\n    switch (buttonType) {\r\n      case ButtonType.Blue: // eslint-disable-line deprecation/deprecation\r\n        iuiButtonType = \"high-visibility\";\r\n        break;\r\n      case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation\r\n        iuiButtonType = \"default\";\r\n        break;\r\n      case ButtonType.Primary:  // eslint-disable-line deprecation/deprecation\r\n      default:\r\n        iuiButtonType = \"cta\";\r\n        break;\r\n    }\r\n    return iuiButtonType;\r\n  };\r\n\r\n  public override render() {\r\n    const { buttonType, size, className, style, onClick, ...props } = this.props;\r\n\r\n    const iuiButtonType = this.getIuiButtonType(buttonType);\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    return <ITwinUI_Button {...props} className={className} style={style} onClick={onClick} styleType={iuiButtonType} size={size === ButtonSize.Large ? undefined : \"small\"} />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport function getButtonTypeClassName(buttonType?: ButtonType): string { // eslint-disable-line deprecation/deprecation\r\n  let typeClassName: string;\r\n  switch (buttonType) {\r\n    case ButtonType.Blue: // eslint-disable-line deprecation/deprecation\r\n      typeClassName = \"uicore-buttons-blue\";\r\n      break;\r\n    case ButtonType.Disabled: // eslint-disable-line deprecation/deprecation\r\n      typeClassName = \"uicore-buttons-disabled\";\r\n      break;\r\n    case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation\r\n      typeClassName = \"uicore-buttons-hollow\";\r\n      break;\r\n    case ButtonType.Primary:  // eslint-disable-line deprecation/deprecation\r\n    default:\r\n      typeClassName = \"uicore-buttons-primary\";\r\n      break;\r\n  }\r\n  return typeClassName;\r\n}\r\n"]}

package/lib/cjs/core-react/checkbox/Checkbox.d.ts

@@ -1,57 +0,0 @@
-/** @packageDocumentation
- * @module Checkbox
- */
-import * as React from "react";
-import { InputStatus } from "../inputs/InputStatus";
-import { CommonProps } from "../utils/Props";
-import { Omit } from "../utils/typeUtils";
-/** Properties for [[Checkbox]] React component
- * @public
- * @deprecated in 3.0. Use CheckboxProps in itwinui-react instead
- */
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "onBlur">, CommonProps {
-    /** Text that will be shown next to the checkbox. */
-    label?: string;
-    /** Indicates checkbox is in an Indeterminate or Partial state, regardless of the `checked` state */
-    indeterminate?: boolean;
-    /** 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 element */
-    labelClassName?: string;
-    /** Custom CSS Style for the label element */
-    labelStyle?: React.CSSProperties;
-    /**
-     * Event called when checkbox is clicked on. This is a good event to
-     * use for preventing the action from bubbling to component's parents.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /** Event called when checkbox loses focus. */
-    onBlur?: (e: React.FocusEvent) => void;
-    /** Indicates whether the checkbox should set focus */
-    setFocus?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/** A React component that renders a simple checkbox with label.
- * It is a wrapper for the `<input type="checkbox">` HTML element.
- * @public
- * @deprecated in 3.0. Use Checkbox in itwinui-react instead
- */
-export declare class Checkbox extends React.PureComponent<CheckboxProps> {
-    private _checkboxInput;
-    private _refs;
-    /** @internal */
-    constructor(props: CheckboxProps);
-    private _onCheckboxClick;
-    private _onCheckboxBlur;
-    private _setIndeterminate;
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(_prevProps: CheckboxProps): void;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Checkbox.d.ts.map

package/lib/cjs/core-react/checkbox/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,EAAE,WAAW;IAClI,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,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,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACvC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACxC;AAED;;;;GAIG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAC9D,OAAO,CAAC,cAAc,CAAuC;IAC7D,OAAO,CAAC,KAAK,CAAkC;IAE/C,gBAAgB;gBACJ,KAAK,EAAE,aAAa;IAOhC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,iBAAiB;IAMT,iBAAiB;IAQjC,gBAAgB;IACA,kBAAkB,CAAC,UAAU,EAAE,aAAa;IAK5C,MAAM;CAuBvB"}

package/lib/cjs/core-react/checkbox/Checkbox.js

@@ -1,65 +0,0 @@
-"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 Checkbox
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const useRefs_1 = require("../utils/hooks/useRefs");
-/** A React component that renders a simple checkbox with label.
- * It is a wrapper for the `<input type="checkbox">` HTML element.
- * @public
- * @deprecated in 3.0. Use Checkbox in itwinui-react instead
- */
-class Checkbox extends React.PureComponent {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._checkboxInput = React.createRef();
-        this._refs = (0, useRefs_1.mergeRefs)(this._checkboxInput);
-        this._onCheckboxClick = (e) => {
-            e.stopPropagation();
-        };
-        this._onCheckboxBlur = (e) => {
-            e.stopPropagation();
-        };
-        if (props.inputRef)
-            this._refs = (0, useRefs_1.mergeRefs)(this._checkboxInput, props.inputRef);
-    }
-    _setIndeterminate(indeterminate) {
-        // istanbul ignore else
-        if (this._checkboxInput.current)
-            this._checkboxInput.current.indeterminate = indeterminate;
-    }
-    componentDidMount() {
-        if (this.props.indeterminate !== undefined)
-            this._setIndeterminate(this.props.indeterminate);
-        if (this.props.setFocus && this._checkboxInput.current)
-            this._checkboxInput.current.focus();
-    }
-    /** @internal */
-    componentDidUpdate(_prevProps) {
-        if (this.props.indeterminate !== undefined)
-            this._setIndeterminate(this.props.indeterminate);
-    }
-    render() {
-        const { status, disabled, label, indeterminate, className, inputClassName, inputStyle, labelClassName, labelStyle, // eslint-disable-line @typescript-eslint/no-unused-vars
-        onClick, onBlur, setFocus, inputRef, ...inputProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const checkBoxClass = (0, classnames_1.default)("core-checkbox", disabled && "core-disabled", !label && "core-checkbox-no-label", status, className);
-        return (
-        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-        React.createElement("label", { className: checkBoxClass, onClick: onClick, onBlur: onBlur },
-            label &&
-                React.createElement("span", { className: "core-checkbox-label" }, label),
-            React.createElement("input", { type: "checkbox", ref: this._refs, ...inputProps, disabled: disabled, className: inputClassName, style: inputStyle, onClick: this._onCheckboxClick, onBlur: this._onCheckboxBlur }),
-            React.createElement("span", { className: "core-checkbox-checkmark" })));
-    }
-}
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.js.map

package/lib/cjs/core-react/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/core-react/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAI/B,oDAAmD;AAkCnD;;;;GAIG;AACH,MAAa,QAAS,SAAQ,KAAK,CAAC,aAA4B;IAI9D,gBAAgB;IAChB,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QALP,mBAAc,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QACrD,UAAK,GAAG,IAAA,mBAAS,EAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAUvC,qBAAgB,GAAG,CAAC,CAAmB,EAAE,EAAE;YACjD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,CAAmB,EAAE,EAAE;YAChD,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,CAAC;QAVA,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,KAAK,GAAG,IAAA,mBAAS,EAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC;IAUO,iBAAiB,CAAC,aAAsB;QAC9C,uBAAuB;QACvB,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO;YAC7B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IAC9D,CAAC;IAEe,iBAAiB;QAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;YACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAEnD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO;YACpD,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,UAAyB;QAC1D,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS;YACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACrD,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,wDAAwD;QACzK,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAC7H,MAAM,aAAa,GAAG,IAAA,oBAAU,EAAC,eAAe,EAC9C,QAAQ,IAAI,eAAe,EAC3B,CAAC,KAAK,IAAI,wBAAwB,EAClC,MAAM,EACN,SAAS,CAAC,CAAC;QAEb,OAAO;QACL,oEAAoE;QACpE,oEAAoE;QACpE,+BAAO,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;YAC9D,KAAK;gBACJ,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;YAEtD,+BAAO,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,KAAM,UAAU,EACpD,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAChE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAI;YAClE,8BAAM,SAAS,EAAC,yBAAyB,GAAQ,CAC1C,CACV,CAAC;IACJ,CAAC;CACF;AA/DD,4BA+DC","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 Checkbox\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { InputStatus } from \"../inputs/InputStatus\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { mergeRefs } from \"../utils/hooks/useRefs\";\r\n\r\n/** Properties for [[Checkbox]] React component\r\n * @public\r\n * @deprecated in 3.0. Use CheckboxProps in itwinui-react instead\r\n */\r\nexport interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onClick\" | \"onBlur\">, CommonProps {\r\n  /** Text that will be shown next to the checkbox. */\r\n  label?: string;\r\n  /** Indicates checkbox is in an Indeterminate or Partial state, regardless of the `checked` state */\r\n  indeterminate?: boolean;\r\n  /** Input status like: \"Success\", \"Warning\" or \"Error\" */\r\n  status?: InputStatus;\r\n  /** Custom CSS class name for the checkbox input element */\r\n  inputClassName?: string;\r\n  /** Custom CSS Style for the checkbox input element */\r\n  inputStyle?: React.CSSProperties;\r\n  /** Custom CSS class name for the label element */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label element */\r\n  labelStyle?: React.CSSProperties;\r\n  /**\r\n   * Event called when checkbox is clicked on. This is a good event to\r\n   * use for preventing the action from bubbling to component's parents.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  /** Event called when checkbox loses focus. */\r\n  onBlur?: (e: React.FocusEvent) => void;\r\n  /** Indicates whether the checkbox should set focus */\r\n  setFocus?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  inputRef?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\n/** A React component that renders a simple checkbox with label.\r\n * It is a wrapper for the `<input type=\"checkbox\">` HTML element.\r\n * @public\r\n * @deprecated in 3.0. Use Checkbox in itwinui-react instead\r\n */\r\nexport class Checkbox extends React.PureComponent<CheckboxProps> {  // eslint-disable-line deprecation/deprecation\r\n  private _checkboxInput = React.createRef<HTMLInputElement>();\r\n  private _refs = mergeRefs(this._checkboxInput);\r\n\r\n  /** @internal */\r\n  constructor(props: CheckboxProps) { // eslint-disable-line deprecation/deprecation\r\n    super(props);\r\n\r\n    if (props.inputRef)\r\n      this._refs = mergeRefs(this._checkboxInput, props.inputRef);\r\n  }\r\n\r\n  private _onCheckboxClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _onCheckboxBlur = (e: React.FocusEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _setIndeterminate(indeterminate: boolean) {\r\n    // istanbul ignore else\r\n    if (this._checkboxInput.current)\r\n      this._checkboxInput.current.indeterminate = indeterminate;\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    if (this.props.indeterminate !== undefined)\r\n      this._setIndeterminate(this.props.indeterminate);\r\n\r\n    if (this.props.setFocus && this._checkboxInput.current)\r\n      this._checkboxInput.current.focus();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(_prevProps: CheckboxProps) {  // eslint-disable-line deprecation/deprecation\r\n    if (this.props.indeterminate !== undefined)\r\n      this._setIndeterminate(this.props.indeterminate);\r\n  }\r\n\r\n  public override render() {\r\n    const { status, disabled, label, indeterminate, className, inputClassName, inputStyle, labelClassName, labelStyle, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onClick, onBlur, setFocus, inputRef, ...inputProps } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const checkBoxClass = classnames(\"core-checkbox\",\r\n      disabled && \"core-disabled\",\r\n      !label && \"core-checkbox-no-label\",\r\n      status,\r\n      className);\r\n\r\n    return (\r\n      /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\n      /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\r\n      <label className={checkBoxClass} onClick={onClick} onBlur={onBlur}>\r\n        {label &&\r\n          <span className=\"core-checkbox-label\">{label}</span>\r\n        }\r\n        <input type=\"checkbox\" ref={this._refs} {...inputProps}\r\n          disabled={disabled} className={inputClassName} style={inputStyle}\r\n          onClick={this._onCheckboxClick} onBlur={this._onCheckboxBlur} />\r\n        <span className=\"core-checkbox-checkmark\"></span>\r\n      </label >\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts

@@ -1,47 +0,0 @@
-/** @packageDocumentation
- * @module Dialog
- */
-/** Enum for button types. Determines button label, and default button style.
-  * @public
-  * @deprecated in 3.0. Use [DialogButtonType]($appui-abstract) instead
-  */
-export declare enum DialogButtonType {
-    None = "",
-    Close = "close",
-    OK = "ok",
-    Cancel = "cancel",
-    Yes = "yes",
-    No = "no",
-    Retry = "retry",
-    Next = "next",
-    Previous = "previous"
-}
-/** Enum for button style.
-  * @public
-  * @deprecated in 3.0. Use [DialogButtonStyle]($appui-abstract) instead
-  */
-export declare enum DialogButtonStyle {
-    None = "",
-    Primary = "iui-cta",
-    Hollow = "iui-default",
-    Blue = "iui-high-visibility"
-}
-/** Interface for a dialog button in a button cluster
-  * @public
-  * @deprecated in 3.0. Use [DialogButtonDef]($appui-abstract) instead
-  */
-export interface DialogButtonDef {
-    /** type of button */
-    type: DialogButtonType;
-    /** Triggered on button click */
-    onClick: () => void;
-    /** Which button style to decorate button width */
-    buttonStyle?: DialogButtonStyle;
-    /** Disable the button */
-    disabled?: boolean;
-    /** Custom label */
-    label?: string;
-    /** Custom CSS class */
-    className?: string;
-}
-//# sourceMappingURL=DialogButtonDef.d.ts.map

package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButtonDef.d.ts","sourceRoot":"","sources":["../../../../src/core-react/dialog/DialogButtonDef.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;IAGI;AACJ,oBAAY,gBAAgB;IAC1B,IAAI,KAAK;IACT,KAAK,UAAU;IACf,EAAE,OAAO;IACT,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,KAAK,UAAU;IACf,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB;AAED;;;IAGI;AACJ,oBAAY,iBAAiB;IAC3B,IAAI,KAAK;IACT,OAAO,YAAY;IACnB,MAAM,gBAAgB;IACtB,IAAI,wBAAwB;CAC7B;AAED;;;IAGI;AACJ,MAAM,WAAW,eAAe;IAC9B,qBAAqB;IACrB,IAAI,EAAE,gBAAgB,CAAC;IACvB,gCAAgC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/cjs/core-react/dialog/DialogButtonDef.js

@@ -1,38 +0,0 @@
-"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 Dialog
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogButtonStyle = exports.DialogButtonType = void 0;
-/** Enum for button types. Determines button label, and default button style.
-  * @public
-  * @deprecated in 3.0. Use [DialogButtonType]($appui-abstract) instead
-  */
-var DialogButtonType;
-(function (DialogButtonType) {
-    DialogButtonType["None"] = "";
-    DialogButtonType["Close"] = "close";
-    DialogButtonType["OK"] = "ok";
-    DialogButtonType["Cancel"] = "cancel";
-    DialogButtonType["Yes"] = "yes";
-    DialogButtonType["No"] = "no";
-    DialogButtonType["Retry"] = "retry";
-    DialogButtonType["Next"] = "next";
-    DialogButtonType["Previous"] = "previous";
-})(DialogButtonType = exports.DialogButtonType || (exports.DialogButtonType = {}));
-/** Enum for button style.
-  * @public
-  * @deprecated in 3.0. Use [DialogButtonStyle]($appui-abstract) instead
-  */
-var DialogButtonStyle;
-(function (DialogButtonStyle) {
-    DialogButtonStyle["None"] = "";
-    DialogButtonStyle["Primary"] = "iui-cta";
-    DialogButtonStyle["Hollow"] = "iui-default";
-    DialogButtonStyle["Blue"] = "iui-high-visibility";
-})(DialogButtonStyle = exports.DialogButtonStyle || (exports.DialogButtonStyle = {}));
-//# sourceMappingURL=DialogButtonDef.js.map

package/lib/cjs/core-react/dialog/DialogButtonDef.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButtonDef.js","sourceRoot":"","sources":["../../../../src/core-react/dialog/DialogButtonDef.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,gBAUX;AAVD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,6BAAS,CAAA;IACT,qCAAiB,CAAA;IACjB,+BAAW,CAAA;IACX,6BAAS,CAAA;IACT,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,yCAAqB,CAAA;AACvB,CAAC,EAVW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAU3B;AAED;;;IAGI;AACJ,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,wCAAmB,CAAA;IACnB,2CAAsB,CAAA;IACtB,iDAA4B,CAAA;AAC9B,CAAC,EALW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAK5B","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 Dialog\r\n */\r\n\r\n/** Enum for button types. Determines button label, and default button style.\r\n  * @public\r\n  * @deprecated in 3.0. Use [DialogButtonType]($appui-abstract) instead\r\n  */\r\nexport enum DialogButtonType {\r\n  None = \"\",\r\n  Close = \"close\",\r\n  OK = \"ok\",\r\n  Cancel = \"cancel\",\r\n  Yes = \"yes\",\r\n  No = \"no\",\r\n  Retry = \"retry\",\r\n  Next = \"next\",\r\n  Previous = \"previous\"\r\n}\r\n\r\n/** Enum for button style.\r\n  * @public\r\n  * @deprecated in 3.0. Use [DialogButtonStyle]($appui-abstract) instead\r\n  */\r\nexport enum DialogButtonStyle {\r\n  None = \"\",\r\n  Primary = \"iui-cta\",\r\n  Hollow = \"iui-default\",\r\n  Blue = \"iui-high-visibility\",\r\n}\r\n\r\n/** Interface for a dialog button in a button cluster\r\n  * @public\r\n  * @deprecated in 3.0. Use [DialogButtonDef]($appui-abstract) instead\r\n  */\r\nexport interface DialogButtonDef {\r\n  /** type of button */\r\n  type: DialogButtonType;             // eslint-disable-line deprecation/deprecation\r\n  /** Triggered on button click */\r\n  onClick: () => void;\r\n  /** Which button style to decorate button width */\r\n  buttonStyle?: DialogButtonStyle;    // eslint-disable-line deprecation/deprecation\r\n  /** Disable the button */\r\n  disabled?: boolean;\r\n  /** Custom label */\r\n  label?: string;\r\n  /** Custom CSS class */\r\n  className?: string;\r\n}\r\n"]}

package/lib/cjs/core-react/expandable/ExpandableBlock.d.ts

@@ -1,34 +0,0 @@
-/** @packageDocumentation
- * @module Expandable
- */
-import "./ExpandableBlock.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[ExpandableBlock]] React component
- * @public
- * @deprecated in 3.0. Use ExpandableBlockProps from itwinui-react instead
- */
-export interface ExpandableBlockProps extends CommonProps {
-    /** Label */
-    title: string | JSX.Element;
-    /** Indicates whether the ExpandableBlock is expanded */
-    isExpanded: boolean;
-    /** Callback function for click event */
-    onClick: React.MouseEventHandler<HTMLDivElement>;
-    /** Callback function for key press event */
-    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;
-    /** Callback function for key down event */
-    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
-    /** Additional text displayed in the block below the label and in a smaller font size */
-    caption?: string;
-    /** Custom tooltip for the component. */
-    tooltip?: string;
-}
-/** ExpandableBlock React component is a container that shows and hides child content.
- * @public
- * @deprecated in 3.0. Use ExpandableBlock from itwinui-react instead
- */
-export declare class ExpandableBlock extends React.PureComponent<ExpandableBlockProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=ExpandableBlock.d.ts.map

package/lib/cjs/core-react/expandable/ExpandableBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableBlock.d.ts","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableBlock.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,YAAY;IACZ,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,wDAAwD;IACxD,UAAU,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,4CAA4C;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACxD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC;IAE5D,MAAM;CAkCvB"}

package/lib/cjs/core-react/expandable/ExpandableBlock.js

@@ -1,36 +0,0 @@
-"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 Expandable
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandableBlock = void 0;
-require("./ExpandableBlock.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** ExpandableBlock React component is a container that shows and hides child content.
- * @public
- * @deprecated in 3.0. Use ExpandableBlock from itwinui-react instead
- */
-class ExpandableBlock extends React.PureComponent {
-    render() {
-        var _a;
-        const cName = (0, classnames_1.default)("uicore-expandable-blocks-block", this.props.caption && "with-caption", this.props.isExpanded ? "is-expanded" : "is-collapsed", this.props.className);
-        const ariaExpanded = this.props.isExpanded ? "true" : "false";
-        const tabIndex = (this.props.onKeyPress || this.props.onKeyDown) ? 0 : undefined;
-        const title = (_a = this.props.tooltip) !== null && _a !== void 0 ? _a : (typeof this.props.title == "string" ? this.props.title : undefined);
-        return (React.createElement("div", { className: cName, style: this.props.style },
-            React.createElement("div", { role: "button", "aria-expanded": ariaExpanded, className: "header", onClick: this.props.onClick, onKeyPress: this.props.onKeyPress, onKeyDown: this.props.onKeyDown, tabIndex: tabIndex },
-                React.createElement("div", { className: "icon-container" },
-                    React.createElement("i", { className: "icon icon-chevron-right" })),
-                this.props.caption &&
-                    React.createElement("div", { className: "caption", title: this.props.caption }, this.props.caption),
-                React.createElement("div", { className: "title", title: title }, this.props.title)),
-            React.createElement("div", { className: "content" }, this.props.isExpanded && this.props.children)));
-    }
-}
-exports.ExpandableBlock = ExpandableBlock;
-//# sourceMappingURL=ExpandableBlock.js.map

package/lib/cjs/core-react/expandable/ExpandableBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableBlock.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableBlock.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,kCAAgC;AAChC,2CAAoC;AACpC,+BAA+B;AAwB/B;;;GAGG;AACH,MAAa,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAE5D,MAAM;;QACpB,MAAM,KAAK,GAAG,IAAA,oBAAU,EACtB,gCAAgC,EAChC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,cAAc,EACpC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EACtD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9D,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEjF,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAEzG,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC5C,6BAAK,IAAI,EAAC,QAAQ,mBAAgB,YAAY,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC5F,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ;gBACtF,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,2BAAG,SAAS,EAAC,yBAAyB,GAAG,CACrC;gBACL,IAAI,CAAC,KAAK,CAAC,OAAO;oBACjB,6BAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,CACf;gBAER,6BAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAChC,IAAI,CAAC,KAAK,CAAC,KAAK,CACb,CACF;YACN,6BAAK,SAAS,EAAC,SAAS,IACrB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CACzC,CACF,CACP,CAAC;IACJ,CAAC;CACF;AApCD,0CAoCC","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 Expandable\r\n */\r\n\r\nimport \"./ExpandableBlock.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[ExpandableBlock]] React component\r\n * @public\r\n * @deprecated in 3.0. Use ExpandableBlockProps from itwinui-react instead\r\n */\r\nexport interface ExpandableBlockProps extends CommonProps {\r\n  /** Label */\r\n  title: string | JSX.Element;\r\n  /** Indicates whether the ExpandableBlock is expanded */\r\n  isExpanded: boolean;\r\n  /** Callback function for click event */\r\n  onClick: React.MouseEventHandler<HTMLDivElement>;\r\n  /** Callback function for key press event */\r\n  onKeyPress?: React.KeyboardEventHandler<HTMLDivElement>;\r\n  /** Callback function for key down event */\r\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\r\n  /** Additional text displayed in the block below the label and in a smaller font size */\r\n  caption?: string;\r\n  /** Custom tooltip for the component. */\r\n  tooltip?: string;\r\n}\r\n\r\n/** ExpandableBlock React component is a container that shows and hides child content.\r\n * @public\r\n * @deprecated in 3.0. Use ExpandableBlock from itwinui-react instead\r\n */\r\nexport class ExpandableBlock extends React.PureComponent<ExpandableBlockProps> {  // eslint-disable-line deprecation/deprecation\r\n\r\n  public override render() {\r\n    const cName = classnames(\r\n      \"uicore-expandable-blocks-block\",\r\n      this.props.caption && \"with-caption\",\r\n      this.props.isExpanded ? \"is-expanded\" : \"is-collapsed\",\r\n      this.props.className,\r\n    );\r\n    const ariaExpanded = this.props.isExpanded ? \"true\" : \"false\";\r\n    const tabIndex = (this.props.onKeyPress || this.props.onKeyDown) ? 0 : undefined;\r\n\r\n    const title = this.props.tooltip ?? (typeof this.props.title == \"string\" ? this.props.title : undefined);\r\n\r\n    return (\r\n      <div className={cName} style={this.props.style}>\r\n        <div role=\"button\" aria-expanded={ariaExpanded} className=\"header\" onClick={this.props.onClick}\r\n          onKeyPress={this.props.onKeyPress} onKeyDown={this.props.onKeyDown} tabIndex={tabIndex}>\r\n          <div className=\"icon-container\">\r\n            <i className=\"icon icon-chevron-right\" />\r\n          </div>\r\n          {this.props.caption &&\r\n            <div className=\"caption\" title={this.props.caption}>\r\n              {this.props.caption}\r\n            </div>\r\n          }\r\n          <div className=\"title\" title={title}>\r\n            {this.props.title}\r\n          </div>\r\n        </div>\r\n        <div className=\"content\">\r\n          {this.props.isExpanded && this.props.children}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/expandable/ExpandableBlock.scss

@@ -1,145 +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/themecolors";
-@import "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "../style/mixins";
-@import "../text/mixins";
-
-.uicore-expandable-blocks-block {
-  background-color: $buic-background-control;
-  border: solid 1px $buic-background-control-stroke;
-  border-radius: 3px;
-  position: relative;
-
-  > .header {
-    padding: $iui-xs $iui-xxs;
-    background: $buic-background-control;
-    transition: background-color $iui-speed-fast ease-in-out, border-color $iui-speed-fast ease-in-out;
-    cursor: pointer;
-
-    > .icon-container {
-      line-height: 22px;
-      width: 22px;
-      height: 22px;
-      font-size: 10px;
-      float: left;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: $iui-xxs;
-      color: $buic-foreground-body;
-      transition: $iui-speed-fast ease-in-out;
-    }
-
-    > .caption {
-      @include no-link;
-      @include uicore-text(small);
-      display: block;
-      color: $buic-foreground-muted;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    > .title {
-      @include no-link;
-      @include uicore-text(subheading);
-      font-size: $iui-font-size;
-      line-height: 23px;
-      display: block;
-      margin: 0;
-      color: $buic-foreground-body;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      transition: $iui-speed-fast ease-in-out;
-    }
-
-    &:focus {
-      background-color: $buic-background-focus-overlay;
-      outline: none;
-    }
-
-  }
-
-  > .content {
-    padding: 0;
-    margin: 0;
-    border: 0 none transparent;
-    transition:
-    padding-top $iui-speed-fast ease-in-out,
-    padding-bottom $iui-speed-fast ease-in-out;
-  }
-
-  &.with-caption > .header > .icon-container {
-    margin-top: $iui-baseline;
-  }
-
-  &.is-collapsed {
-    > .content > * {
-      display: none;
-    }
-  }
-
-  &:hover {
-    > .header {
-      > .icon-container {
-        color: $buic-foreground-activehover;
-      }
-
-      > .caption,
-      > .title {
-        color: $buic-foreground-activehover;
-      }
-    }
-  }
-
-  &.is-expanded {
-    border-top: 1px solid $buic-foreground-primary;
-
-    > .header {
-      transition: $iui-speed-fast ease-in-out;
-
-      > .icon-container,
-      > .caption,
-      > .title {
-        color: $buic-foreground-primary;
-      }
-
-      > .icon-container {
-        transform: rotate( 90deg );
-        transform-origin: center;
-      }
-
-      > .title {
-        transition: $iui-speed-fast ease-in-out;
-      }
-    }
-
-    &:hover > .header {
-      > .icon-container,
-      > .title {
-        color: $buic-foreground-primary;
-      }
-    }
-
-    > .content {
-      padding: 0;
-      background-color: $buic-background-control;
-      border-style: none;
-    }
-
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      height: 1px;
-      width: 100%;
-      background: $buic-foreground-primary;
-    }
-  }
-}

package/lib/cjs/core-react/form/Field.d.ts

@@ -1,20 +0,0 @@
-/** @packageDocumentation
- * @module Form
- */
-import * as React from "react";
-import { FieldDef } from "./Form";
-/** Properties used to create a [[Field]] in a [[Form]]
- * @public @deprecated in 3.0.
- */
-export interface FieldProps extends FieldDef {
-    id: string;
-}
-/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public @deprecated in 3.0.
- */
-export declare class Field extends React.Component<FieldProps> {
-    constructor(props: FieldProps);
-    private _generateSelectOptions;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Field.d.ts.map

package/lib/cjs/core-react/form/Field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/core-react/form/Field.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiC,MAAM,QAAQ,CAAC;AAIjE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAE1C,EAAE,EAAE,MAAM,CAAC;CACZ;AAID;;GAEG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;gBACxC,KAAK,EAAE,UAAU;IAI7B,OAAO,CAAC,sBAAsB,CAc5B;IAEc,MAAM;CAkDvB"}

package/lib/cjs/core-react/form/Field.js

@@ -1,45 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module Form
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = void 0;
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const Form_1 = require("./Form");
-/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.
- * @public @deprecated in 3.0.
- */
-class Field extends React.Component {
-    constructor(props) {
-        super(props);
-        this._generateSelectOptions = (propOptions) => {
-            let selectOptions = [];
-            if (propOptions instanceof Array) {
-                selectOptions = propOptions.map((option) => ({ value: option, label: option }));
-            }
-            else if (propOptions !== undefined) {
-                selectOptions = Object.keys(propOptions).map((key) => ({ value: key, label: propOptions[key] }));
-            }
-            return selectOptions;
-        };
-    }
-    render() {
-        const selectOptions = this._generateSelectOptions(this.props.options);
-        return (React.createElement(Form_1.FormContext.Consumer, null, (context) => (React.createElement("div", { className: "core-form-group" },
-            this.props.editor.toLowerCase() !== "checkbox" && this.props.label && React.createElement("label", { className: "core-form-label", htmlFor: this.props.id }, this.props.label),
-            this.props.editor.toLowerCase() === "textbox" && (React.createElement(itwinui_react_1.Input, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-input", size: "small" })),
-            this.props.editor.toLowerCase() === "checkbox" && (React.createElement(itwinui_react_1.Checkbox, { label: this.props.label, id: this.props.id, checked: context.values[this.props.id], onChange: () => context.setValues({ [this.props.id]: !context.values[this.props.id] }) })),
-            this.props.editor.toLowerCase() === "multilinetextbox" && (React.createElement(itwinui_react_1.Textarea, { id: this.props.id, value: context.values[this.props.id], onChange: (event) => context.setValues({ [this.props.id]: event.currentTarget.value }), className: "core-form-textarea" })),
-            this.props.editor.toLowerCase() === "dropdown" && this.props.options && (React.createElement(itwinui_react_1.Select, { id: this.props.id, 
-                // name={this.props.id}
-                value: context.values[this.props.id], onChange: (newValue) => context.setValues({ [this.props.id]: newValue }), options: selectOptions, className: "core-form-select", size: "small" }))))));
-    }
-}
-exports.Field = Field;
-//# sourceMappingURL=Field.js.map

package/lib/cjs/core-react/form/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/core-react/form/Field.tsx"],"names":[],"mappings":"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","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Checkbox, Input, Select, SelectOption, Textarea } from \"@itwin/itwinui-react\";\r\nimport { FieldDef, FormContext, FormContextState } from \"./Form\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** Properties used to create a [[Field]] in a [[Form]]\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface FieldProps extends FieldDef {\r\n  /* The unique field name */\r\n  id: string;\r\n}\r\n\r\ntype FieldDefOptions = FieldDef[\"options\"];\r\n\r\n/** Component that represents a single field in an input form. Only four type of editors are supported. Field gets/sets state data from/to the context control by the form.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport class Field extends React.Component<FieldProps> {\r\n  constructor(props: FieldProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _generateSelectOptions = (propOptions: FieldDefOptions): SelectOption<string>[] => {\r\n    let selectOptions: SelectOption<string>[] = [];\r\n\r\n    if (propOptions instanceof Array) {\r\n      selectOptions = propOptions.map((option: string) => (\r\n        { value: option, label: option }\r\n      ));\r\n    } else if (propOptions !== undefined) {\r\n      selectOptions = Object.keys(propOptions).map((key) => (\r\n        { value: key, label: propOptions[key] }\r\n      ));\r\n    }\r\n\r\n    return selectOptions;\r\n  };\r\n\r\n  public override render() {\r\n    const selectOptions = this._generateSelectOptions(this.props.options);\r\n\r\n    return (\r\n      <FormContext.Consumer>\r\n        {(context: FormContextState | undefined) => (\r\n          <div className=\"core-form-group\">\r\n            {this.props.editor!.toLowerCase() !== \"checkbox\" && this.props.label && <label className=\"core-form-label\" htmlFor={this.props.id}>{this.props.label}</label>}\r\n\r\n            {this.props.editor!.toLowerCase() === \"textbox\" && (\r\n              <Input\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLInputElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-input\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"checkbox\" && (\r\n              <Checkbox\r\n                label={this.props.label}\r\n                id={this.props.id}\r\n                checked={context!.values[this.props.id]}\r\n                onChange={() => context!.setValues({ [this.props.id]: !context!.values[this.props.id] })}\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"multilinetextbox\" && (\r\n              <Textarea\r\n                id={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => context!.setValues({ [this.props.id]: event.currentTarget.value })}\r\n                className=\"core-form-textarea\"\r\n              />\r\n            )}\r\n            {this.props.editor!.toLowerCase() === \"dropdown\" && this.props.options && (\r\n              <Select\r\n                id={this.props.id}\r\n                // name={this.props.id}\r\n                value={context!.values[this.props.id]}\r\n                onChange={(newValue: any) => context!.setValues({ [this.props.id]: newValue })}\r\n                options={selectOptions}\r\n                className=\"core-form-select\"\r\n                size=\"small\"\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </FormContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}