@atlaskit/table-tree 9.1.10 → 9.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/table-tree
 
+## 9.2.0
+
+### Minor Changes
+
+- [`181c4b6cc3a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/181c4b6cc3a) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.1.10
 
 ### Patch Changes

package/dist/cjs/components/header.js

@@ -19,6 +19,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = require("react");
 
 var _react2 = require("@emotion/react");
@@ -41,6 +43,11 @@ var headerStyles = (0, _react2.css)({
   lineHeight: '1.67'
 });
 
+var _StyledColumnCell = (0, _styledComponents.default)(_commonCell.default).withConfig({
+  displayName: "header___StyledColumnCell",
+  componentId: "sc-1yvg8oq-0"
+})(["", ""], headerStyles);
+
 var Header = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Header, _Component);
 
@@ -55,8 +62,7 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return (0, _react2.jsx)(_commonCell.default, (0, _extends2.default)({
-        css: headerStyles,
+      return (0, _react2.jsx)(_StyledColumnCell, (0, _extends2.default)({
         role: "columnheader",
         style: {
           width: props.width

package/dist/cjs/components/headers.js

@@ -17,6 +17,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = require("react");
 
 var _react2 = require("@emotion/react");
@@ -30,6 +32,11 @@ var containerStyles = (0, _react2.css)({
   borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
+var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
+  displayName: "headers___StyledDiv",
+  componentId: "h5d3f7-0"
+})(["", ""], containerStyles);
+
 var Headers = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Headers, _Component);
 
@@ -43,8 +50,7 @@ var Headers = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(Headers, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)("div", {
-        css: containerStyles,
+      return (0, _react2.jsx)(_StyledDiv, {
         role: "row"
       }, _react.Children.map(this.props.children, function (header, index) {
         return (

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

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
@@ -27,6 +29,11 @@ var commonStyles = (0, _react.css)({
   lineHeight: '20px'
 });
 
+var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
+  displayName: "common-cell___StyledDiv",
+  componentId: "t3yvaw-0"
+})(["", ""], commonStyles);
+
 /**
  * __Common cell__
  */
@@ -34,12 +41,11 @@ var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
       width = _ref.width,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)("div", (0, _extends2.default)({}, props, {
+  return (0, _react.jsx)(_StyledDiv, (0, _extends2.default)({}, props, {
     style: {
       '--indent': indent,
       width: width
-    },
-    css: commonStyles
+    }
   }));
 };
 

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

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _react = require("@emotion/react");
 
 var _excluded = ["isSingleLine"];
@@ -23,13 +25,20 @@ var overflowContainerStyles = (0, _react.css)({
  * __Overflow container__
  */
 
+var _StyledSpan = (0, _styledComponents.default)("span").withConfig({
+  displayName: "overflow-container___StyledSpan",
+  componentId: "sc-1m74akj-0"
+})(["", ""], function (p) {
+  return p._css;
+});
+
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react.jsx)("span", (0, _extends2.default)({
-      css: isSingleLine && overflowContainerStyles
-    }, props))
+    (0, _react.jsx)(_StyledSpan, (0, _extends2.default)({}, props, {
+      _css: isSingleLine && overflowContainerStyles
+    }))
   );
 };
 

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

@@ -7,9 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.iconColor = exports.TreeRowContainer = exports.LoaderItemContainer = exports.ChevronIconContainer = exports.ChevronContainer = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _react = require("@emotion/react");
 
@@ -26,11 +28,14 @@ var treeRowContainerStyles = (0, _react.css)({
  * __Tree row container__
  */
 
+var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
+  displayName: "styled___StyledDiv",
+  componentId: "sc-8rz2kg-0"
+})(["", ""], treeRowContainerStyles);
+
 var TreeRowContainer = function TreeRowContainer(props) {
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react.jsx)("div", (0, _extends2.default)({
-      css: treeRowContainerStyles
-    }, props))
+    (0, _react.jsx)(_StyledDiv, props)
   );
 };
 
@@ -46,11 +51,14 @@ var commonChevronContainerStyles = (0, _react.css)({
  * __Chevron container__
  */
 
+var _StyledSpan = (0, _styledComponents.default)("span").withConfig({
+  displayName: "styled___StyledSpan",
+  componentId: "sc-8rz2kg-1"
+})(["", ""], commonChevronContainerStyles);
+
 var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
-    css: commonChevronContainerStyles
-  }));
+  return (0, _react.jsx)(_StyledSpan, props);
 };
 
 exports.ChevronContainer = ChevronContainer;
@@ -64,11 +72,14 @@ var chevronIconContainerStyles = (0, _react.css)({
  * A chevron icon container.
  */
 
+var _StyledSpan2 = (0, _styledComponents.default)("span").withConfig({
+  displayName: "styled___StyledSpan2",
+  componentId: "sc-8rz2kg-2"
+})(["", ""], chevronIconContainerStyles);
+
 var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
-    css: chevronIconContainerStyles
-  }));
+  return (0, _react.jsx)(_StyledSpan2, props);
 };
 
 exports.ChevronIconContainer = ChevronIconContainer;
@@ -85,13 +96,19 @@ var paddingLeftStyles = (0, _react.css)({
  * A loader item container.
  */
 
+var _StyledSpan3 = (0, _styledComponents.default)("span").withConfig({
+  displayName: "styled___StyledSpan3",
+  componentId: "sc-8rz2kg-3"
+})(["", ""], function (p) {
+  return p._css;
+});
+
 var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)("span", (0, _extends2.default)({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
-  }, props));
+  return (0, _react.jsx)(_StyledSpan3, (0, _extends2.default)({}, props, {
+    _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  }));
 };
 
 exports.LoaderItemContainer = LoaderItemContainer;

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.1.10";
+var packageVersion = "9.2.0";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);

package/dist/cjs/version.json

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

package/dist/es2019/components/header.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _styled from "styled-components";
 
 /** @jsx jsx */
 import { Component } from 'react';
@@ -14,13 +15,17 @@ const headerStyles = css({
   lineHeight: '1.67'
 });
 
+var _StyledColumnCell = _styled(ColumnCell).withConfig({
+  displayName: "header___StyledColumnCell",
+  componentId: "sc-1yvg8oq-0"
+})(["", ""], headerStyles);
+
 class Header extends Component {
   render() {
     const {
       props
     } = this;
-    return jsx(ColumnCell, _extends({
-      css: headerStyles,
+    return jsx(_StyledColumnCell, _extends({
       role: "columnheader",
       style: {
         width: props.width

package/dist/es2019/components/headers.js

@@ -1,3 +1,5 @@
+import _styled from "styled-components";
+
 /** @jsx jsx */
 
 /* eslint-disable @repo/internal/react/no-clone-element */
@@ -7,10 +9,15 @@ const containerStyles = css({
   display: 'flex',
   borderBottom: `solid 2px ${"var(--ds-border, #dfe1e6)"}`
 });
+
+var _StyledDiv = _styled("div").withConfig({
+  displayName: "headers___StyledDiv",
+  componentId: "h5d3f7-0"
+})(["", ""], containerStyles);
+
 export default class Headers extends Component {
   render() {
-    return jsx("div", {
-      css: containerStyles,
+    return jsx(_StyledDiv, {
       role: "row"
     }, Children.map(this.props.children, (header, index) =>
     /*#__PURE__*/

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-
-/** @jsx jsx */
+import _styled from "styled-components";
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 const commonStyles = css({
@@ -14,6 +13,11 @@ const commonStyles = css({
   lineHeight: '20px'
 });
 
+var _StyledDiv = _styled("div").withConfig({
+  displayName: "common-cell___StyledDiv",
+  componentId: "t3yvaw-0"
+})(["", ""], commonStyles);
+
 /**
  * __Common cell__
  */
@@ -21,12 +25,11 @@ const CommonCell = ({
   indent,
   width,
   ...props
-}) => jsx("div", _extends({}, props, {
+}) => jsx(_StyledDiv, _extends({}, props, {
   style: {
     '--indent': indent,
     width
-  },
-  css: commonStyles
+  }
 }));
 
 export default CommonCell;

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-
-/** @jsx jsx */
+import _styled from "styled-components";
 import { css, jsx } from '@emotion/react';
 const overflowContainerStyles = css({
   overflow: 'hidden',
@@ -11,12 +10,17 @@ const overflowContainerStyles = css({
  * __Overflow container__
  */
 
+var _StyledSpan = _styled("span").withConfig({
+  displayName: "overflow-container___StyledSpan",
+  componentId: "sc-1m74akj-0"
+})(["", ""], p => p._css);
+
 const OverflowContainer = ({
   isSingleLine,
   ...props
 }) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-jsx("span", _extends({
-  css: isSingleLine && overflowContainerStyles
-}, props));
+jsx(_StyledSpan, _extends({}, props, {
+  _css: isSingleLine && overflowContainerStyles
+}));
 
 export default OverflowContainer;

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-
-/** @jsx jsx */
+import _styled from "styled-components";
 import { css, jsx } from '@emotion/react';
 import { N30, N800 } from '@atlaskit/theme/colors';
 export const iconColor = `var(--ds-text, ${N800})`;
@@ -12,10 +11,13 @@ const treeRowContainerStyles = css({
  * __Tree row container__
  */
 
+var _StyledDiv = _styled("div").withConfig({
+  displayName: "styled___StyledDiv",
+  componentId: "sc-8rz2kg-0"
+})(["", ""], treeRowContainerStyles);
+
 export const TreeRowContainer = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-jsx("div", _extends({
-  css: treeRowContainerStyles
-}, props));
+jsx(_StyledDiv, props);
 const commonChevronContainerStyles = css({
   display: 'flex',
   marginLeft: -25,
@@ -27,10 +29,13 @@ const commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
+var _StyledSpan = _styled("span").withConfig({
+  displayName: "styled___StyledSpan",
+  componentId: "sc-8rz2kg-1"
+})(["", ""], commonChevronContainerStyles);
+
 export const ChevronContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-) => jsx("span", _extends({}, props, {
-  css: commonChevronContainerStyles
-}));
+) => jsx(_StyledSpan, props);
 const chevronIconContainerStyles = css({
   position: 'relative',
   top: 1
@@ -41,10 +46,13 @@ const chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
+var _StyledSpan2 = _styled("span").withConfig({
+  displayName: "styled___StyledSpan2",
+  componentId: "sc-8rz2kg-2"
+})(["", ""], chevronIconContainerStyles);
+
 export const ChevronIconContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-) => jsx("span", _extends({}, props, {
-  css: chevronIconContainerStyles
-}));
+) => jsx(_StyledSpan2, props);
 const loadingItemContainerStyles = css({
   width: '100%',
   paddingTop: 5
@@ -58,10 +66,14 @@ const paddingLeftStyles = css({
  * A loader item container.
  */
 
+var _StyledSpan3 = _styled("span").withConfig({
+  displayName: "styled___StyledSpan3",
+  componentId: "sc-8rz2kg-3"
+})(["", ""], p => p._css);
+
 export const LoaderItemContainer = ({
   isRoot,
   ...props
-}) => jsx("span", _extends({
-  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
-}, props));
+}) => jsx(_StyledSpan3, _extends({}, props, {
+  _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+}));

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.1.10";
+const packageVersion = "9.2.0";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

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

package/dist/esm/components/header.js

@@ -4,6 +4,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";
+import _styled from "styled-components";
 
 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); }; }
 
@@ -23,6 +24,11 @@ var headerStyles = css({
   lineHeight: '1.67'
 });
 
+var _StyledColumnCell = _styled(ColumnCell).withConfig({
+  displayName: "header___StyledColumnCell",
+  componentId: "sc-1yvg8oq-0"
+})(["", ""], headerStyles);
+
 var Header = /*#__PURE__*/function (_Component) {
   _inherits(Header, _Component);
 
@@ -38,8 +44,7 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return jsx(ColumnCell, _extends({
-        css: headerStyles,
+      return jsx(_StyledColumnCell, _extends({
         role: "columnheader",
         style: {
           width: props.width

package/dist/esm/components/headers.js

@@ -3,6 +3,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";
+import _styled from "styled-components";
 
 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); }; }
 
@@ -18,6 +19,11 @@ var containerStyles = css({
   borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
+var _StyledDiv = _styled("div").withConfig({
+  displayName: "headers___StyledDiv",
+  componentId: "h5d3f7-0"
+})(["", ""], containerStyles);
+
 var Headers = /*#__PURE__*/function (_Component) {
   _inherits(Headers, _Component);
 
@@ -32,8 +38,7 @@ var Headers = /*#__PURE__*/function (_Component) {
   _createClass(Headers, [{
     key: "render",
     value: function render() {
-      return jsx("div", {
-        css: containerStyles,
+      return jsx(_StyledDiv, {
         role: "row"
       }, Children.map(this.props.children, function (header, index) {
         return (

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

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _styled from "styled-components";
 var _excluded = ["indent", "width"];
-
-/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N800 } from '@atlaskit/theme/colors';
 var commonStyles = css({
@@ -16,6 +15,11 @@ var commonStyles = css({
   lineHeight: '20px'
 });
 
+var _StyledDiv = _styled("div").withConfig({
+  displayName: "common-cell___StyledDiv",
+  componentId: "t3yvaw-0"
+})(["", ""], commonStyles);
+
 /**
  * __Common cell__
  */
@@ -24,12 +28,11 @@ var CommonCell = function CommonCell(_ref) {
       width = _ref.width,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx("div", _extends({}, props, {
+  return jsx(_StyledDiv, _extends({}, props, {
     style: {
       '--indent': indent,
       width: width
-    },
-    css: commonStyles
+    }
   }));
 };
 

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

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _styled from "styled-components";
 var _excluded = ["isSingleLine"];
-
-/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 var overflowContainerStyles = css({
   overflow: 'hidden',
@@ -13,14 +12,21 @@ var overflowContainerStyles = css({
  * __Overflow container__
  */
 
+var _StyledSpan = _styled("span").withConfig({
+  displayName: "overflow-container___StyledSpan",
+  componentId: "sc-1m74akj-0"
+})(["", ""], function (p) {
+  return p._css;
+});
+
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    jsx("span", _extends({
-      css: isSingleLine && overflowContainerStyles
-    }, props))
+    jsx(_StyledSpan, _extends({}, props, {
+      _css: isSingleLine && overflowContainerStyles
+    }))
   );
 };
 

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

@@ -1,8 +1,7 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _styled from "styled-components";
 var _excluded = ["isRoot"];
-
-/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N30, N800 } from '@atlaskit/theme/colors';
 export var iconColor = "var(--ds-text, ".concat(N800, ")");
@@ -14,11 +13,14 @@ var treeRowContainerStyles = css({
  * __Tree row container__
  */
 
+var _StyledDiv = _styled("div").withConfig({
+  displayName: "styled___StyledDiv",
+  componentId: "sc-8rz2kg-0"
+})(["", ""], treeRowContainerStyles);
+
 export var TreeRowContainer = function TreeRowContainer(props) {
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    jsx("div", _extends({
-      css: treeRowContainerStyles
-    }, props))
+    jsx(_StyledDiv, props)
   );
 };
 var commonChevronContainerStyles = css({
@@ -32,11 +34,14 @@ var commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
+var _StyledSpan = _styled("span").withConfig({
+  displayName: "styled___StyledSpan",
+  componentId: "sc-8rz2kg-1"
+})(["", ""], commonChevronContainerStyles);
+
 export var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return jsx("span", _extends({}, props, {
-    css: commonChevronContainerStyles
-  }));
+  return jsx(_StyledSpan, props);
 };
 var chevronIconContainerStyles = css({
   position: 'relative',
@@ -48,11 +53,14 @@ var chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
+var _StyledSpan2 = _styled("span").withConfig({
+  displayName: "styled___StyledSpan2",
+  componentId: "sc-8rz2kg-2"
+})(["", ""], chevronIconContainerStyles);
+
 export var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 ) {
-  return jsx("span", _extends({}, props, {
-    css: chevronIconContainerStyles
-  }));
+  return jsx(_StyledSpan2, props);
 };
 var loadingItemContainerStyles = css({
   width: '100%',
@@ -67,12 +75,18 @@ var paddingLeftStyles = css({
  * A loader item container.
  */
 
+var _StyledSpan3 = _styled("span").withConfig({
+  displayName: "styled___StyledSpan3",
+  componentId: "sc-8rz2kg-3"
+})(["", ""], function (p) {
+  return p._css;
+});
+
 export var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx("span", _extends({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
-  }, props));
+  return jsx(_StyledSpan3, _extends({}, props, {
+    _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  }));
 };

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.1.10";
+var packageVersion = "9.2.0";
 
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.1.10",
+  "version": "9.2.0",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -43,9 +43,10 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "*",
-    "@atlaskit/empty-state": "^7.3.0",
-    "@atlaskit/section-message": "^6.0.0",
-    "@atlaskit/select": "^15.6.0",
+    "@atlaskit/ds-lib": "^2.0.1",
+    "@atlaskit/empty-state": "^7.4.0",
+    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/select": "^15.7.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",