@itwin/components-react 4.0.0-dev.10 → 4.0.0-dev.12

package/lib/esm/components-react/tree/controlled/component/ControlledTree.scss

@@ -2,7 +2,6 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 @import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
 
 .components-controlledTree-loader {
@@ -16,14 +15,14 @@
 
 .components-controlledTree-errorMessage {
   font-style: italic;
-  color: $buic-foreground-muted;
+  color: var(--iui-color-text-muted);
   margin: 0 20%;
   text-align: center;
 }
 
 .components-controlledTree {
-  color: $buic-foreground-body;
-  background-color: $buic-background-control;
+  color: var(--iui-color-text);
+  background-color: var(--iui-color-background);
 
   /**
    * Workaround for horizontal scroll issue.
@@ -71,25 +70,26 @@
   }
 
   @mixin enable-border($edge) {
-    border-#{$edge}: 1px solid $buic-foreground-primary;
+    border-#{$edge}: 1px solid var(--iui-color-icon-accent);
     padding-#{$edge}: 0;
   }
 
   .node-wrapper.is-selected {
     .core-tree-node {
+      background: var(--iui-color-background-accent-muted);
       @include enable-border("left");
       @include enable-border("right");
     }
   }
 
   .node-wrapper.is-selected:first-child,
-  .node-wrapper:not(.is-selected)+.node-wrapper.is-selected {
+  .node-wrapper:not(.is-selected) + .node-wrapper.is-selected {
     .core-tree-node {
       @include enable-border("top");
     }
   }
 
-  .node-wrapper.is-selected+.node-wrapper:not(.is-selected) {
+  .node-wrapper.is-selected + .node-wrapper:not(.is-selected) {
     .core-tree-node {
       @include enable-border("top");
     }

package/lib/esm/components-react/tree/controlled/component/NodeContent.scss

@@ -2,10 +2,9 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 
 .components-controlledTree-node-description {
-  color: $buic-foreground-muted;
+  color: var(--iui-color-text-muted);
   font-size: var(--iui-font-size-0);
   margin-top: 4px;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/components-react",
-  "version": "4.0.0-dev.10",
+  "version": "4.0.0-dev.12",
   "description": "iTwin.js UI complex components",
   "main": "lib/cjs/components-react.js",
   "module": "lib/esm/components-react.js",
@@ -20,24 +20,24 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.10",
-    "@itwin/core-bentley": "^3.6.0",
-    "@itwin/core-react": "^4.0.0-dev.10",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "@itwin/appui-abstract": ">=3.6.0",
+    "@itwin/core-bentley": ">=3.6.0",
+    "@itwin/core-react": "^4.0.0-dev.12",
+    "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.10",
+    "@itwin/appui-abstract": "^3.6.0",
     "@itwin/build-tools": "^3.6.0",
     "@itwin/core-bentley": "^3.6.0",
     "@itwin/core-common": "^3.6.0",
     "@itwin/core-geometry": "^3.6.0",
     "@itwin/core-i18n": "^3.6.0",
-    "@itwin/core-react": "4.0.0-dev.10",
+    "@itwin/core-react": "4.0.0-dev.12",
     "@itwin/eslint-plugin": "^3.6.0",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
@@ -45,7 +45,6 @@
     "@testing-library/user-event": "^14.4.2",
     "@types/chai": "4.3.1",
     "@types/chai-as-promised": "^7",
-    "@types/chai-spies": "^1.0.0",
     "@types/chai-string": "^1.4.1",
     "@types/chai-subset": "1.3.1",
     "@types/faker": "^4.1.0",
@@ -61,7 +60,6 @@
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
-    "chai-spies": "1.0.0",
     "chai-string": "^1.5.0",
     "chai-subset": "1.6.0",
     "cpx2": "^3.0.0",
@@ -80,30 +78,26 @@
     "sinon-chai": "^3.2.0",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
-    "typescript": "~4.4.0",
-    "xmlhttprequest": "^1.8.0"
+    "typescript": "~4.4.0"
   },
   "//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-variables": "^1.0.0",
-    "@itwin/itwinui-icons-react": "^1.8.0",
-    "@itwin/itwinui-react": "~1.42.0",
+    "@bentley/icons-generic": "^1.0.34",
+    "@itwin/itwinui-variables": "^2.0.0",
+    "@itwin/itwinui-icons-react": "^2.1.0",
+    "@itwin/itwinui-react": "^2.5.0",
     "@types/shortid": "~0.0.29",
     "classnames": "2.3.1",
     "immer": "9.0.6",
-    "immutable": "^3.8.2",
     "linkify-it": "~2.2.0",
     "lodash": "^4.17.10",
     "react-highlight-words": "^0.17.0",
     "react-window": "^1.8.2",
     "rxjs": "^6.6.2",
-    "shortid": "~2.2.15",
-    "ts-key-enum": "^2.0.0"
+    "shortid": "~2.2.15"
   },
   "nyc": {
     "extends": "./node_modules/@itwin/build-tools/.nycrc",
@@ -126,16 +120,6 @@
     "extends": [
       "plugin:@itwin/ui",
       "plugin:@itwin/jsdoc"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "src/test/**/*"
-        ],
-        "rules": {
-          "deprecation/deprecation": "off"
-        }
-      }
     ]
   },
   "scripts": {
@@ -153,8 +137,8 @@
     "test": "mocha --config ../.mocharc.json \"./lib/cjs/test/**/*.test.js\"",
     "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/ui/components-react",
-    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/ui/components-react/file.json --tsIndexFile=./components-react.ts --onlyJson"
+    "docs:changelog": "cpx ./CHANGELOG.md ../../generated-docs/reference/components-react",
+    "docs:reference": "betools docs --includes=../../generated-docs/extract --json=../../generated-docs/reference/components-react/file.json --excludeGlob=**/declarations.d.ts --tsIndexFile=./components-react.ts --onlyJson"
   },
   "readme": "# @itwin/components-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/components-react__ package contains React components that are data-oriented, such as PropertyGrid, Table, Tree and Breadcrumb.\r\n\r\n## Documentation\r\n\r\nSee the [iTwin.js](https://www.itwinjs.org) documentation for more information.\r\n"
 }