@itwin/core-react 4.0.0-dev.8 → 4.0.0

package/lib/public/locales/en/UiCore.json

@@ -1,31 +1,31 @@
-{
-  "form": {
-    "submitButtonLabel": "Submit",
-    "errorPrefix": "Error:",
-    "errorSuffix": "Please review input and try again."
-  },
-  "general": {
-    "search": "Search",
-    "clear": "Clear"
-  },
-  "dialog": {
-    "ok": "OK",
-    "retry": "Retry",
-    "yes": "Yes",
-    "no": "No",
-    "cancel": "Cancel",
-    "close": "Close",
-    "next": "Next",
-    "previous": "Previous"
-  },
-  "reactselect": {
-    "noSelectOption": "Option not found"
-  },
-  "tree": {
-    "expand": "Expand",
-    "collapse": "Collapse"
-  },
-  "elementSeparator": {
-    "label": "Resizer"
-  }
+{
+  "form": {
+    "submitButtonLabel": "Submit",
+    "errorPrefix": "Error:",
+    "errorSuffix": "Please review input and try again."
+  },
+  "general": {
+    "search": "Search",
+    "clear": "Clear"
+  },
+  "dialog": {
+    "ok": "OK",
+    "retry": "Retry",
+    "yes": "Yes",
+    "no": "No",
+    "cancel": "Cancel",
+    "close": "Close",
+    "next": "Next",
+    "previous": "Previous"
+  },
+  "reactselect": {
+    "noSelectOption": "Option not found"
+  },
+  "tree": {
+    "expand": "Expand",
+    "collapse": "Collapse"
+  },
+  "elementSeparator": {
+    "label": "Resizer"
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/core-react",
-  "version": "4.0.0-dev.8",
+  "version": "4.0.0",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
@@ -8,9 +8,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/iTwin/itwinjs-core/tree/master/ui/core-react"
+    "url": "https://github.com/iTwin/appui.git",
+    "directory": "ui/core-react"
   },
   "keywords": [
+    "AppUI",
     "Bentley",
     "BIM",
     "iModel",
@@ -22,29 +24,29 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.8",
-    "@itwin/core-bentley": "^4.0.0-dev.8",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@itwin/appui-abstract": ">=3.7.0",
+    "@itwin/core-bentley": ">=3.7.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "//devDependencies": [
     "NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install",
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "4.0.0-dev.8",
-    "@itwin/build-tools": "4.0.0-dev.8",
-    "@itwin/core-bentley": "4.0.0-dev.8",
-    "@itwin/core-common": "4.0.0-dev.8",
-    "@itwin/core-i18n": "4.0.0-dev.8",
-    "@itwin/eslint-plugin": "4.0.0-dev.8",
+    "@itwin/appui-abstract": "^3.7.0",
+    "@itwin/build-tools": "^3.7.0",
+    "@itwin/core-bentley": "^3.7.0",
+    "@itwin/core-common": "^3.7.0",
+    "@itwin/core-geometry": "^3.7.0",
+    "@itwin/core-i18n": "^3.7.0",
+    "@itwin/eslint-plugin": "^3.7.0",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^14.4.2",
     "@types/chai": "4.3.1",
     "@types/chai-as-promised": "^7",
-    "@types/chai-spies": "^1.0.0",
     "@types/dompurify": "^2.0.3",
     "@types/lodash": "^4.14.0",
     "@types/mocha": "^8.2.2",
@@ -52,12 +54,10 @@
     "@types/react": "^17.0.37",
     "@types/react-autosuggest": "10.1.2",
     "@types/react-dom": "^17.0.0",
-    "@types/react-select": "3.0.26",
     "@types/sinon": "^9.0.0",
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
-    "chai-spies": "1.0.0",
     "cpx2": "^3.0.0",
     "eslint": "^7.11.0",
     "ignore-styles": "^5.0.1",
@@ -74,21 +74,21 @@
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
-    "typescript": "~4.4.0"
+    "typescript": "~5.0.2"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
     "NOTE: core-frontend should remain UI technology agnostic, so no react/angular dependencies are allowed"
   ],
   "dependencies": {
-    "@bentley/icons-generic-webfont": "^1.0.15",
-    "@itwin/itwinui-css": "0.x",
-    "@itwin/itwinui-react": "~1.46.0",
-    "classnames": "^2.3.1",
+    "@bentley/icons-generic": "^1.0.34",
+    "@itwin/itwinui-react": "^2.5.0",
+    "@itwin/itwinui-variables": "^2.0.0",
+    "@itwin/itwinui-icons-react": "^2.1.0",
+    "classnames": "2.3.1",
     "dompurify": "^2.0.12",
     "lodash": "^4.17.10",
     "react-autosuggest": "^10.1.0",
-    "react-select": "3.2.0",
     "resize-observer-polyfill": "1.5.1"
   },
   "nyc": {
@@ -112,34 +112,25 @@
     "extends": [
       "plugin:@itwin/ui",
       "plugin:@itwin/jsdoc"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "src/test/**/*"
-        ],
-        "rules": {
-          "deprecation/deprecation": "off"
-        }
-      }
     ]
   },
   "scripts": {
-    "build": "npm run -s copy:locale && npm run -s build:cjs",
-    "build:ci": "npm run -s build && npm run -s build:esm",
-    "build:cjs": "tsc 1>&2 --outDir lib/cjs && npm run -s copy:cjs",
-    "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm && npm run -s copy:esm",
+    "build": "npm run -s copy:locale && npm run -s build:cjs && npm run -s build:esm",
+    "build:cjs": "npm run -s copy:cjs && tsc 1>&2 --outDir lib/cjs",
+    "build:esm": "npm run -s copy:esm && tsc 1>&2 --module ES2020 --outDir lib/esm",
     "copy:cjs": "cpx \"./src/**/*.{*css,svg}\" ./lib/cjs",
     "copy:esm": "cpx \"./src/**/*.{*css,svg}\" ./lib/esm",
     "copy:locale": "cpx \"./public/**/*\" ./lib/public",
     "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./public/locales/en-PSEUDO",
     "clean": "rimraf lib .rush/temp/package-deps*.json",
     "cover": "nyc npm -s test",
-    "docs": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/ui/core-react/file.json --tsIndexFile=./core-react.ts --onlyJson --excludeGlob=**/declarations.d.ts",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
     "extract-api": "betools extract-api --entry=core-react",
     "test": "mocha --config ../.mocharc.json \"./lib/cjs/test/**/*.test.js\"",
-    "test:watch": "npm -s test -- --reporter min --watch-extensions ts,tsx --watch"
+    "test:watch": "npm -s test -- --reporter min --watch-extensions ts,tsx --watch",
+    "docs": "npm run -s docs:reference && npm run -s docs:changelog",
+    "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/reference/core-react",
+    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/reference/core-react/file.json --excludeGlob=**/declarations.d.ts --tsIndexFile=./core-react.ts --onlyJson"
   },
-  "readme": "# @itwin/core-react\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\r\n\r\n## Description\r\n\r\nThe __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org) documentation for more information.\r\n"
+  "readme": "# @itwin/core-react\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\r\n\r\n## Description\r\n\r\nThe __@itwin/core-react__ package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org/learning/ui/core/) documentation for more information.\r\n"
 }

package/ThirdPartyNotices.md

@@ -1,28 +0,0 @@
-
-# Third-Party Code
-
-The iTwin.js library potentially incorporates work from the following third-party code:
-
-## [react-numeric-input](https://github.com/vlad-ignatov/react-numeric-input)
-
-The MIT License (MIT)
-
-Copyright (c) 2015 vlad-ignatov
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/lib/cjs/core-react/badge/BetaBadge.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.
-*--------------------------------------------------------------------------------------------*/
-.core-badge-betaBadge {
-  > .core-icons-svgSprite {
-    fill: unset;
-  }
-}

package/lib/cjs/core-react/button/Button.d.ts

@@ -1,48 +0,0 @@
-/** @packageDocumentation
- * @module Button
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Sizes for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead
- */
-export declare enum ButtonSize {
-    Default = "",
-    Large = "large"
-}
-/** Types for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `styleType` prop for itwinui-react Button instead
- */
-export declare enum ButtonType {
-    Primary = "primary",
-    Blue = "blue",
-    Disabled = "disabled",
-    Hollow = "hollow"
-}
-/** Properties for [[Button]] component
- * @public
- * @deprecated in 3.0. Use ButtonProps from itwinui-react instead
- */
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
-    /** Allow ID to be passed to Button */
-    id?: string;
-    /** Default and large sizes */
-    size?: ButtonSize;
-    /** 4 styles to tweak the content of the button */
-    buttonType?: ButtonType;
-    /** A function to be run when the element is clicked */
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void);
-}
-/** Generic button component
- * @public
- * @deprecated in 3.0. Use Button from itwinui-react instead
- */
-export declare class Button extends React.PureComponent<ButtonProps> {
-    private getIuiButtonType;
-    render(): JSX.Element;
-}
-/** @internal */
-export declare function getButtonTypeClassName(buttonType?: ButtonType): string;
-//# sourceMappingURL=Button.d.ts.map

package/lib/cjs/core-react/button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/core-react/button/Button.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,oBAAY,UAAU;IACpB,OAAO,KAAK;IACZ,KAAK,UAAU;CAChB;AAED;;;GAGG;AACH,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW;IAC7F,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,kDAAkD;IAClD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC,CAAC;CAC9E;AAED;;;GAGG;AACH,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC1D,OAAO,CAAC,gBAAgB,CAetB;IAEc,MAAM;CAQvB;AAED,gBAAgB;AAChB,wBAAgB,sBAAsB,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAkBtE"}

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

@@ -1,86 +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 Button
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getButtonTypeClassName = exports.Button = exports.ButtonType = exports.ButtonSize = void 0;
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** Sizes for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `size` prop for itwinui-react Button instead
- */
-var ButtonSize;
-(function (ButtonSize) {
-    ButtonSize["Default"] = "";
-    ButtonSize["Large"] = "large";
-})(ButtonSize = exports.ButtonSize || (exports.ButtonSize = {}));
-/** Types for [[Button]] component
- * @public
- * @deprecated in 3.0. Use `styleType` prop for itwinui-react Button instead
- */
-var ButtonType;
-(function (ButtonType) {
-    ButtonType["Primary"] = "primary";
-    ButtonType["Blue"] = "blue";
-    ButtonType["Disabled"] = "disabled";
-    ButtonType["Hollow"] = "hollow";
-})(ButtonType = exports.ButtonType || (exports.ButtonType = {}));
-/** Generic button component
- * @public
- * @deprecated in 3.0. Use Button from itwinui-react instead
- */
-class Button extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.getIuiButtonType = (buttonType) => {
-            let iuiButtonType;
-            switch (buttonType) {
-                case ButtonType.Blue: // eslint-disable-line deprecation/deprecation
-                    iuiButtonType = "high-visibility";
-                    break;
-                case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation
-                    iuiButtonType = "default";
-                    break;
-                case ButtonType.Primary: // eslint-disable-line deprecation/deprecation
-                default:
-                    iuiButtonType = "cta";
-                    break;
-            }
-            return iuiButtonType;
-        };
-    }
-    render() {
-        const { buttonType, size, className, style, onClick, ...props } = this.props;
-        const iuiButtonType = this.getIuiButtonType(buttonType);
-        // eslint-disable-next-line deprecation/deprecation
-        return React.createElement(itwinui_react_1.Button, { ...props, className: className, style: style, onClick: onClick, styleType: iuiButtonType, size: size === ButtonSize.Large ? undefined : "small" });
-    }
-}
-exports.Button = Button;
-/** @internal */
-function getButtonTypeClassName(buttonType) {
-    let typeClassName;
-    switch (buttonType) {
-        case ButtonType.Blue: // eslint-disable-line deprecation/deprecation
-            typeClassName = "uicore-buttons-blue";
-            break;
-        case ButtonType.Disabled: // eslint-disable-line deprecation/deprecation
-            typeClassName = "uicore-buttons-disabled";
-            break;
-        case ButtonType.Hollow: // eslint-disable-line deprecation/deprecation
-            typeClassName = "uicore-buttons-hollow";
-            break;
-        case ButtonType.Primary: // eslint-disable-line deprecation/deprecation
-        default:
-            typeClassName = "uicore-buttons-primary";
-            break;
-    }
-    return typeClassName;
-}
-exports.getButtonTypeClassName = getButtonTypeClassName;
-//# sourceMappingURL=Button.js.map

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/button/blue-large.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 "./button";
-@import "./blue";
-
-@mixin uicore-buttons-blue-large {
-
-    @include uicore-buttons-blue;
-    @include uicore-buttons-large-size;
-}

package/lib/cjs/core-react/button/blue.scss

@@ -1,25 +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 "./button";
-@import "./disabled";
-
-
-@mixin uicore-buttons-blue {
-
-  @include uicore-buttons-button;
-
-  background:         $buic-accessory-primary;
-  color:              $buic-accessory-hollow;
-
-  &:hover {
-    background-color:   $uicore-blue-5;
-  }
-
-  &:active {
-    background-color:   $uicore-blue-4;
-  }
-}

package/lib/cjs/core-react/button/button.scss

@@ -1,81 +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 "./variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
-
-// cspell:ignore unbordered
-
-/// Mixins ---------------------------------------------------------------------
-
-@mixin uicore-buttons-button {
-
-  display:                inline-block;
-
-  padding:                $uicore-button-padding $uicore-unbordered-padding;
-  margin:                 $uicore-inputs-margin 0;
-  border-radius:          $iui-border-radius;
-  line-height:            $uicore-button-line-height;
-  outline:                none;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  text-decoration:        none;
-  cursor:                 pointer;
-  box-sizing:             border-box;
-  box-shadow:             transparent 0px 1px 1px inset;
-  border:                 1px solid transparent;
-  transition:             all $iui-speed-fast ease-in-out;
-
-  &:active,
-  &:focus {
-
-    @include uicore-buttons-button-focused;
-  }
-
-  &[disabled],
-  &[disabled]:hover,
-  &[disabled]:active,
-  &[disabled]:focus {
-
-    @include uicore-buttons-button-disabled;
-  }
-}
-
-@mixin uicore-buttons-button-focused {
-
-  box-shadow:           $uicore-button-focus-boxshadow;
-}
-
-@mixin uicore-buttons-button-unbordered {
-
-  border-color:         transparent;
-  box-shadow:           transparent 0px 1px 1px inset;
-}
-
-@mixin uicore-buttons-button-disabled {
-
-  opacity:                $uicore-opacity-disabled;
-  background-color:       $uicore-gray;
-  border:                 0;
-  color:                  $uicore-white;
-  cursor:                 not-allowed;
-}
-
-@mixin uicore-buttons-large-size {
-
-  padding:                $uicore-inputs-padding-large $uicore-unbordered-padding-large;
-  margin:                 $uicore-inputs-margin-large 0;
-  font-size:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
-}
-
-@mixin uicore-buttons-large-bordered-size {
-
-  padding:                $uicore-button-padding-bordered-large $uicore-bordered-padding-large;
-  margin:                 $uicore-inputs-margin-large 0;
-  font-size:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
-}

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

@@ -1,14 +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-buttons-blue { @include uicore-buttons-blue; }
-.uicore-buttons-blue-large { @include uicore-buttons-blue-large; }
-.uicore-buttons-disabled { @include uicore-buttons-disabled; }
-.uicore-buttons-disabled-large { @include uicore-buttons-disabled-large; }
-.uicore-buttons-hollow { @include uicore-buttons-hollow; }
-.uicore-buttons-hollow-large { @include uicore-buttons-hollow-large; }
-.uicore-buttons-primary { @include uicore-buttons-primary; }
-.uicore-buttons-primary-large { @include uicore-buttons-primary-large; }

package/lib/cjs/core-react/button/disabled-large.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 "./button";
-@import "./disabled";
-
-@mixin uicore-buttons-disabled-large {
-
-    @include uicore-buttons-disabled;
-    @include uicore-buttons-large-size;
-}

package/lib/cjs/core-react/button/disabled.scss

@@ -1,17 +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 "./button";
-
-
-@mixin uicore-buttons-disabled {
-
-    @include uicore-buttons-button;
-
-    &, &:active, &:focus, &:hover {
-
-        @include uicore-buttons-button-disabled;
-    }
-}

package/lib/cjs/core-react/button/hollow-large.scss

@@ -1,13 +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 "./button";
-@import "./hollow";
-
-@mixin uicore-buttons-hollow-large {
-
-    @include uicore-buttons-hollow;
-    @include uicore-buttons-large-bordered-size;
-
-}

package/lib/cjs/core-react/button/hollow.scss

@@ -1,30 +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 "../inputs/variables";
-
-@import "./button";
-@import "./disabled";
-
-@mixin uicore-buttons-hollow {
-
-    @include uicore-buttons-button;
-
-    padding:            $uicore-button-padding-bordered $uicore-bordered-padding;
-    border-color:       $buic-foreground-disabled;
-    background-color:   transparent;
-    color:              $buic-text-color;
-
-    &:hover {
-
-      border-color:       $buic-foreground-body;
-      color:              $buic-foreground-activehover;
-    }
-
-    &:active, &:focus {
-
-      border-color:       $buic-foreground-activehover;
-    }
-}

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

@@ -1,14 +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 "./button";
-
-@import "./blue";
-@import "./blue-large";
-@import "./disabled";
-@import "./disabled-large";
-@import "./hollow";
-@import "./hollow-large";
-@import "./primary";
-@import "./primary-large";

package/lib/cjs/core-react/button/primary-large.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 "./button";
-@import "./primary";
-
-@mixin uicore-buttons-primary-large {
-
-    @include uicore-buttons-primary;
-    @include uicore-buttons-large-size;
-}