@atlaskit/table-tree 9.0.15 → 9.1.3

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/table-tree
 
+## 9.1.3
+
+### Patch Changes
+
+- [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
+
+## 9.1.2
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- Updated dependencies
+
+## 9.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.1.0
+
+### Minor Changes
+
+- [`4dd20cb2110`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4dd20cb2110) - **Note**: It is a re-release of the wrongly `patched` version `21.9.2` that should have been a `minor` release.
+
+  Package has been migrated from `styled-components` to `@emotion/core`.
+
+  Other internal changes:
+
+  - Package has been migrated to typescript
+  - Components now have partial type support.
+  - Package internally supports `@atlaskit/tokens` colors.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.0.15
 
 ### Patch Changes
@@ -16,6 +53,8 @@
 
 ### Minor Changes
 
+_WRONG RELEASE TYPE - DON'T USE_
+
 - [`3fe03999326`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fe03999326) - Package has been migrated from `styled-components` to `@emotion/core`.
 
   Other internal changes:

package/dist/cjs/components/cell.js

@@ -31,6 +31,8 @@ var _overflowContainer = _interopRequireDefault(require("./internal/overflow-con
 
 var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
 
+var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -58,7 +60,7 @@ var Cell = /*#__PURE__*/function (_Component) {
           indentLevel = _this$props.indentLevel,
           width = _this$props.width,
           className = _this$props.className,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["children", "singleLine", "indentLevel", "width", "className"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
         role: "gridcell",
         indent: indentLevel ? "".concat(25 * indentLevel, "px") : undefined,

package/dist/cjs/components/header.js

@@ -34,7 +34,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var headerStyles = (0, _core.css)({
-  color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N300, ")"),
+  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
   fontSize: 12,
   fontWeight: 'bold',
   letterSpacing: -0.1,

package/dist/cjs/components/headers.js

@@ -27,7 +27,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var containerStyles = (0, _core.css)({
   display: 'flex',
-  borderBottom: "solid 2px ".concat("var(--ds-border-neutral, #dfe1e6)")
+  borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
 var Headers = /*#__PURE__*/function (_Component) {

package/dist/cjs/components/internal/common-cell.js

@@ -15,7 +15,7 @@ var _core = require("@emotion/core");
 
 var _colors = require("@atlaskit/theme/colors");
 
-/** @jsx jsx */
+var _excluded = ["indent", "width"];
 var commonStyles = (0, _core.css)({
   display: 'flex',
   boxSizing: 'border-box',
@@ -23,7 +23,7 @@ var commonStyles = (0, _core.css)({
   padding: '10px 25px 10px var(--indent, 25px)',
   position: 'relative',
   alignItems: 'flex-start',
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   lineHeight: '20px'
 });
 
@@ -33,7 +33,7 @@ var commonStyles = (0, _core.css)({
 var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
       width = _ref.width,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["indent", "width"]);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("div", (0, _extends2.default)({}, props, {
     style: {
       '--indent': indent,

package/dist/cjs/components/internal/overflow-container.js

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _core = require("@emotion/core");
 
-/** @jsx jsx */
+var _excluded = ["isSingleLine"];
 var overflowContainerStyles = (0, _core.css)({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
@@ -25,10 +25,12 @@ var overflowContainerStyles = (0, _core.css)({
 
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["isSingleLine"]);
-  return (0, _core.jsx)("span", (0, _extends2.default)({
-    css: isSingleLine && overflowContainerStyles
-  }, props));
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)("span", (0, _extends2.default)({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
+  );
 };
 
 var _default = OverflowContainer;

package/dist/cjs/components/internal/styled.js

@@ -15,21 +15,23 @@ var _core = require("@emotion/core");
 
 var _colors = require("@atlaskit/theme/colors");
 
-/** @jsx jsx */
-var iconColor = "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")");
+var _excluded = ["isRoot"];
+var iconColor = "var(--ds-text, ".concat(_colors.N800, ")");
 exports.iconColor = iconColor;
 var treeRowContainerStyles = (0, _core.css)({
   display: 'flex',
-  borderBottom: "1px solid ".concat("var(--ds-border-neutral, ".concat(_colors.N30, ")"))
+  borderBottom: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
 });
 /**
  * __Tree row container__
  */
 
 var TreeRowContainer = function TreeRowContainer(props) {
-  return (0, _core.jsx)("div", (0, _extends2.default)({
-    css: treeRowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)("div", (0, _extends2.default)({
+      css: treeRowContainerStyles
+    }, props))
+  );
 };
 
 exports.TreeRowContainer = TreeRowContainer;
@@ -44,7 +46,8 @@ var commonChevronContainerStyles = (0, _core.css)({
  * __Chevron container__
  */
 
-var ChevronContainer = function ChevronContainer(props) {
+var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
     css: commonChevronContainerStyles
   }));
@@ -61,7 +64,8 @@ var chevronIconContainerStyles = (0, _core.css)({
  * A chevron icon container.
  */
 
-var ChevronIconContainer = function ChevronIconContainer(props) {
+var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
     css: chevronIconContainerStyles
   }));
@@ -83,9 +87,10 @@ var paddingLeftStyles = (0, _core.css)({
 
 var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["isRoot"]);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("span", (0, _extends2.default)({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };
 

package/dist/cjs/components/internal/with-column-width.js

@@ -29,6 +29,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _excluded = ["width", "columnIndex"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -73,7 +75,7 @@ function withColumnWidth(Cell) {
         var _this$props = this.props,
             width = _this$props.width,
             columnIndex = _this$props.columnIndex,
-            other = (0, _objectWithoutProperties2.default)(_this$props, ["width", "columnIndex"]);
+            other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
         var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
         return /*#__PURE__*/_react.default.createElement(Cell, (0, _extends2.default)({
           width: columnWidth

package/dist/cjs/components/row.js

@@ -44,7 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.0.15";
+var packageVersion = "9.1.3";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);

package/dist/cjs/utils/table-tree-data-helper.js

@@ -19,9 +19,9 @@ var _get = _interopRequireDefault(require("lodash/get"));
 
 var _set = _interopRequireDefault(require("lodash/set"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function updateRootItems(rootItems) {
   var allItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.0.15",
+	"version": "9.1.3",
 	"sideEffects": false
 }

package/dist/es2019/components/header.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
 import ColumnCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 const headerStyles = css({
-  color: `var(--ds-text-mediumEmphasis, ${N300})`,
+  color: `var(--ds-text-subtle, ${N300})`,
   fontSize: 12,
   fontWeight: 'bold',
   letterSpacing: -0.1,

package/dist/es2019/components/headers.js

@@ -5,7 +5,7 @@ import { Children, cloneElement, Component } from 'react';
 import { css, jsx } from '@emotion/core';
 const containerStyles = css({
   display: 'flex',
-  borderBottom: `solid 2px ${"var(--ds-border-neutral, #dfe1e6)"}`
+  borderBottom: `solid 2px ${"var(--ds-border, #dfe1e6)"}`
 });
 export default class Headers extends Component {
   render() {

package/dist/es2019/components/internal/common-cell.js

@@ -10,7 +10,7 @@ const commonStyles = css({
   padding: '10px 25px 10px var(--indent, 25px)',
   position: 'relative',
   alignItems: 'flex-start',
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   lineHeight: '20px'
 });
 

package/dist/es2019/components/internal/loader-item.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/es2019/components/internal/overflow-container.js

@@ -14,7 +14,8 @@ const overflowContainerStyles = css({
 const OverflowContainer = ({
   isSingleLine,
   ...props
-}) => jsx("span", _extends({
+}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx("span", _extends({
   css: isSingleLine && overflowContainerStyles
 }, props));
 

package/dist/es2019/components/internal/styled.js

@@ -3,16 +3,17 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import { N30, N800 } from '@atlaskit/theme/colors';
-export const iconColor = `var(--ds-text-highEmphasis, ${N800})`;
+export const iconColor = `var(--ds-text, ${N800})`;
 const treeRowContainerStyles = css({
   display: 'flex',
-  borderBottom: `1px solid ${`var(--ds-border-neutral, ${N30})`}`
+  borderBottom: `1px solid ${`var(--ds-border, ${N30})`}`
 });
 /**
  * __Tree row container__
  */
 
-export const TreeRowContainer = props => jsx("div", _extends({
+export const TreeRowContainer = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx("div", _extends({
   css: treeRowContainerStyles
 }, props));
 const commonChevronContainerStyles = css({
@@ -26,7 +27,8 @@ const commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-export const ChevronContainer = props => jsx("span", _extends({}, props, {
+export const ChevronContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) => jsx("span", _extends({}, props, {
   css: commonChevronContainerStyles
 }));
 const chevronIconContainerStyles = css({
@@ -39,7 +41,8 @@ const chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-export const ChevronIconContainer = props => jsx("span", _extends({}, props, {
+export const ChevronIconContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) => jsx("span", _extends({}, props, {
   css: chevronIconContainerStyles
 }));
 const loadingItemContainerStyles = css({
@@ -59,5 +62,6 @@ export const LoaderItemContainer = ({
   isRoot,
   ...props
 }) => jsx("span", _extends({
-  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
 }, props));

package/dist/es2019/components/row.js

@@ -8,7 +8,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.0.15";
+const packageVersion = "9.1.3";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.0.15",
+	"version": "9.1.3",
 	"sideEffects": false
 }

package/dist/esm/components/cell.js

@@ -5,6 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -35,7 +36,7 @@ var Cell = /*#__PURE__*/function (_Component) {
           indentLevel = _this$props.indentLevel,
           width = _this$props.width,
           className = _this$props.className,
-          props = _objectWithoutProperties(_this$props, ["children", "singleLine", "indentLevel", "width", "className"]);
+          props = _objectWithoutProperties(_this$props, _excluded);
 
       return /*#__PURE__*/React.createElement(CommonCell, _extends({
         role: "gridcell",

package/dist/esm/components/header.js

@@ -10,15 +10,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 /** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
 import ColumnCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 var headerStyles = css({
-  color: "var(--ds-text-mediumEmphasis, ".concat(N300, ")"),
+  color: "var(--ds-text-subtle, ".concat(N300, ")"),
   fontSize: 12,
   fontWeight: 'bold',
   letterSpacing: -0.1,

package/dist/esm/components/headers.js

@@ -15,7 +15,7 @@ import { Children, cloneElement, Component } from 'react';
 import { css, jsx } from '@emotion/core';
 var containerStyles = css({
   display: 'flex',
-  borderBottom: "solid 2px ".concat("var(--ds-border-neutral, #dfe1e6)")
+  borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
 var Headers = /*#__PURE__*/function (_Component) {

package/dist/esm/components/internal/common-cell.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["indent", "width"];
 
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
@@ -11,7 +12,7 @@ var commonStyles = css({
   padding: '10px 25px 10px var(--indent, 25px)',
   position: 'relative',
   alignItems: 'flex-start',
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   lineHeight: '20px'
 });
 
@@ -21,7 +22,7 @@ var commonStyles = css({
 var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
       width = _ref.width,
-      props = _objectWithoutProperties(_ref, ["indent", "width"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("div", _extends({}, props, {
     style: {

package/dist/esm/components/internal/loader-item.js

@@ -10,8 +10,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/components/internal/overflow-container.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isSingleLine"];
 
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
@@ -14,11 +15,13 @@ var overflowContainerStyles = css({
 
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
-      props = _objectWithoutProperties(_ref, ["isSingleLine"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx("span", _extends({
-    css: isSingleLine && overflowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx("span", _extends({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
+  );
 };
 
 export default OverflowContainer;

package/dist/esm/components/internal/styled.js

@@ -1,22 +1,25 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["isRoot"];
 
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import { N30, N800 } from '@atlaskit/theme/colors';
-export var iconColor = "var(--ds-text-highEmphasis, ".concat(N800, ")");
+export var iconColor = "var(--ds-text, ".concat(N800, ")");
 var treeRowContainerStyles = css({
   display: 'flex',
-  borderBottom: "1px solid ".concat("var(--ds-border-neutral, ".concat(N30, ")"))
+  borderBottom: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
 });
 /**
  * __Tree row container__
  */
 
 export var TreeRowContainer = function TreeRowContainer(props) {
-  return jsx("div", _extends({
-    css: treeRowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx("div", _extends({
+      css: treeRowContainerStyles
+    }, props))
+  );
 };
 var commonChevronContainerStyles = css({
   display: 'flex',
@@ -29,7 +32,8 @@ var commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-export var ChevronContainer = function ChevronContainer(props) {
+export var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return jsx("span", _extends({}, props, {
     css: commonChevronContainerStyles
   }));
@@ -44,7 +48,8 @@ var chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-export var ChevronIconContainer = function ChevronIconContainer(props) {
+export var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return jsx("span", _extends({}, props, {
     css: chevronIconContainerStyles
   }));
@@ -64,9 +69,10 @@ var paddingLeftStyles = css({
 
 export var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
-      props = _objectWithoutProperties(_ref, ["isRoot"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("span", _extends({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };

package/dist/esm/components/internal/with-column-width.js

@@ -6,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["width", "columnIndex"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -51,7 +52,7 @@ export default function withColumnWidth(Cell) {
         var _this$props = this.props,
             width = _this$props.width,
             columnIndex = _this$props.columnIndex,
-            other = _objectWithoutProperties(_this$props, ["width", "columnIndex"]);
+            other = _objectWithoutProperties(_this$props, _excluded);
 
         var columnWidth = width !== null && width !== undefined ? width : this.context.tableTree.getColumnWidth(columnIndex);
         return /*#__PURE__*/React.createElement(Cell, _extends({

package/dist/esm/components/row.js

@@ -18,7 +18,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.0.15";
+var packageVersion = "9.1.3";
 
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);

package/dist/esm/utils/table-tree-data-helper.js

@@ -3,9 +3,9 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import get from 'lodash/get';
 import set from 'lodash/set';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.0.15",
+	"version": "9.1.3",
 	"sideEffects": false
 }

package/dist/types/components/internal/styled.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { FC, HTMLAttributes } from 'react';
-export declare const iconColor: "var(--ds-text-highEmphasis)";
+export declare const iconColor: "var(--ds-text)";
 /**
  * __Tree row container__
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.0.15",
+  "version": "9.1.3",
   "description": "A React Component for displaying expandable tables with tree-like hierarchies",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,10 +27,10 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.4.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "lodash": "^4.17.21",
@@ -40,7 +40,6 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/docs": "*",
     "@atlaskit/empty-state": "^7.3.0",
     "@atlaskit/section-message": "^6.0.0",