@atlaskit/table-tree 9.2.0 → 9.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/table-tree
 
+## 9.2.1
+
+### Patch Changes
+
+- [`d0e187cc5bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0e187cc5bd) - Fixed a babel issue causing `styled-components` to get injected, which broke our styling.
+
 ## 9.2.0
 
 ### Minor Changes

package/dist/cjs/components/header.js

@@ -19,8 +19,6 @@ 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");
@@ -43,11 +41,6 @@ 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);
 
@@ -62,7 +55,8 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return (0, _react2.jsx)(_StyledColumnCell, (0, _extends2.default)({
+      return (0, _react2.jsx)(_commonCell.default, (0, _extends2.default)({
+        css: headerStyles,
         role: "columnheader",
         style: {
           width: props.width

package/dist/cjs/components/headers.js

@@ -17,8 +17,6 @@ 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");
@@ -32,11 +30,6 @@ 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);
 
@@ -50,7 +43,8 @@ var Headers = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(Headers, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_StyledDiv, {
+      return (0, _react2.jsx)("div", {
+        css: containerStyles,
         role: "row"
       }, _react.Children.map(this.props.children, function (header, index) {
         return (

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

@@ -11,8 +11,6 @@ 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");
@@ -29,11 +27,6 @@ var commonStyles = (0, _react.css)({
   lineHeight: '20px'
 });
 
-var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
-  displayName: "common-cell___StyledDiv",
-  componentId: "t3yvaw-0"
-})(["", ""], commonStyles);
-
 /**
  * __Common cell__
  */
@@ -41,11 +34,12 @@ var CommonCell = function CommonCell(_ref) {
   var indent = _ref.indent,
       width = _ref.width,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_StyledDiv, (0, _extends2.default)({}, props, {
+  return (0, _react.jsx)("div", (0, _extends2.default)({}, props, {
     style: {
       '--indent': indent,
       width: width
-    }
+    },
+    css: commonStyles
   }));
 };
 

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

@@ -11,8 +11,6 @@ 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"];
@@ -25,20 +23,13 @@ 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)(_StyledSpan, (0, _extends2.default)({}, props, {
-      _css: isSingleLine && overflowContainerStyles
-    }))
+    (0, _react.jsx)("span", (0, _extends2.default)({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
   );
 };
 

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

@@ -7,11 +7,9 @@ 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 _styledComponents = _interopRequireDefault(require("styled-components"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = require("@emotion/react");
 
@@ -28,14 +26,11 @@ 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)(_StyledDiv, props)
+    (0, _react.jsx)("div", (0, _extends2.default)({
+      css: treeRowContainerStyles
+    }, props))
   );
 };
 
@@ -51,14 +46,11 @@ 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)(_StyledSpan, props);
+  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
+    css: commonChevronContainerStyles
+  }));
 };
 
 exports.ChevronContainer = ChevronContainer;
@@ -72,14 +64,11 @@ 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)(_StyledSpan2, props);
+  return (0, _react.jsx)("span", (0, _extends2.default)({}, props, {
+    css: chevronIconContainerStyles
+  }));
 };
 
 exports.ChevronIconContainer = ChevronIconContainer;
@@ -96,19 +85,13 @@ 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)(_StyledSpan3, (0, _extends2.default)({}, props, {
-    _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-  }));
+  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));
 };
 
 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.2.0";
+var packageVersion = "9.2.1";
 
 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.2.0",
+	"version": "9.2.1",
 	"sideEffects": false
 }

package/dist/es2019/components/header.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
 
 /** @jsx jsx */
 import { Component } from 'react';
@@ -15,17 +14,13 @@ 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(_StyledColumnCell, _extends({
+    return jsx(ColumnCell, _extends({
+      css: headerStyles,
       role: "columnheader",
       style: {
         width: props.width

package/dist/es2019/components/headers.js

@@ -1,5 +1,3 @@
-import _styled from "styled-components";
-
 /** @jsx jsx */
 
 /* eslint-disable @repo/internal/react/no-clone-element */
@@ -9,15 +7,10 @@ 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(_StyledDiv, {
+    return jsx("div", {
+      css: containerStyles,
       role: "row"
     }, Children.map(this.props.children, (header, index) =>
     /*#__PURE__*/

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

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

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 const overflowContainerStyles = css({
   overflow: 'hidden',
@@ -10,17 +11,12 @@ 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(_StyledSpan, _extends({}, props, {
-  _css: isSingleLine && overflowContainerStyles
-}));
+jsx("span", _extends({
+  css: isSingleLine && overflowContainerStyles
+}, props));
 
 export default OverflowContainer;

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

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _styled from "styled-components";
+
+/** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { N30, N800 } from '@atlaskit/theme/colors';
 export const iconColor = `var(--ds-text, ${N800})`;
@@ -11,13 +12,10 @@ 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(_StyledDiv, props);
+jsx("div", _extends({
+  css: treeRowContainerStyles
+}, props));
 const commonChevronContainerStyles = css({
   display: 'flex',
   marginLeft: -25,
@@ -29,13 +27,10 @@ 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(_StyledSpan, props);
+) => jsx("span", _extends({}, props, {
+  css: commonChevronContainerStyles
+}));
 const chevronIconContainerStyles = css({
   position: 'relative',
   top: 1
@@ -46,13 +41,10 @@ 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(_StyledSpan2, props);
+) => jsx("span", _extends({}, props, {
+  css: chevronIconContainerStyles
+}));
 const loadingItemContainerStyles = css({
   width: '100%',
   paddingTop: 5
@@ -66,14 +58,10 @@ 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(_StyledSpan3, _extends({}, props, {
-  _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-}));
+}) => jsx("span", _extends({
+  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.2.0";
+const packageVersion = "9.2.1";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

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

package/dist/esm/components/header.js

@@ -4,7 +4,6 @@ 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); }; }
 
@@ -24,11 +23,6 @@ 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);
 
@@ -44,7 +38,8 @@ var Header = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var props = this.props;
-      return jsx(_StyledColumnCell, _extends({
+      return jsx(ColumnCell, _extends({
+        css: headerStyles,
         role: "columnheader",
         style: {
           width: props.width

package/dist/esm/components/headers.js

@@ -3,7 +3,6 @@ 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); }; }
 
@@ -19,11 +18,6 @@ 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);
 
@@ -38,7 +32,8 @@ var Headers = /*#__PURE__*/function (_Component) {
   _createClass(Headers, [{
     key: "render",
     value: function render() {
-      return jsx(_StyledDiv, {
+      return jsx("div", {
+        css: containerStyles,
         role: "row"
       }, Children.map(this.props.children, function (header, index) {
         return (

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

@@ -1,7 +1,8 @@
 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({
@@ -15,11 +16,6 @@ var commonStyles = css({
   lineHeight: '20px'
 });
 
-var _StyledDiv = _styled("div").withConfig({
-  displayName: "common-cell___StyledDiv",
-  componentId: "t3yvaw-0"
-})(["", ""], commonStyles);
-
 /**
  * __Common cell__
  */
@@ -28,11 +24,12 @@ var CommonCell = function CommonCell(_ref) {
       width = _ref.width,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx(_StyledDiv, _extends({}, props, {
+  return jsx("div", _extends({}, props, {
     style: {
       '--indent': indent,
       width: width
-    }
+    },
+    css: commonStyles
   }));
 };
 

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

@@ -1,7 +1,8 @@
 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',
@@ -12,21 +13,14 @@ 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(_StyledSpan, _extends({}, props, {
-      _css: isSingleLine && overflowContainerStyles
-    }))
+    jsx("span", _extends({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
   );
 };
 

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

@@ -1,7 +1,8 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _styled from "styled-components";
+import _extends from "@babel/runtime/helpers/extends";
 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, ")");
@@ -13,14 +14,11 @@ 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(_StyledDiv, props)
+    jsx("div", _extends({
+      css: treeRowContainerStyles
+    }, props))
   );
 };
 var commonChevronContainerStyles = css({
@@ -34,14 +32,11 @@ 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(_StyledSpan, props);
+  return jsx("span", _extends({}, props, {
+    css: commonChevronContainerStyles
+  }));
 };
 var chevronIconContainerStyles = css({
   position: 'relative',
@@ -53,14 +48,11 @@ 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(_StyledSpan2, props);
+  return jsx("span", _extends({}, props, {
+    css: chevronIconContainerStyles
+  }));
 };
 var loadingItemContainerStyles = css({
   width: '100%',
@@ -75,18 +67,12 @@ 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(_StyledSpan3, _extends({}, props, {
-    _css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
-  }));
+  return jsx("span", _extends({
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
+  }, props));
 };

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

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.2.0",
+  "version": "9.2.1",
   "description": "A table tree is an expandable table for showing nested hierarchies of information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"