@atlaskit/table-tree 12.2.23 → 12.2.25

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/table-tree
 
+## 12.2.25
+
+### Patch Changes
+
+- [`e2085d35701ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2085d35701ca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 12.2.24
+
+### Patch Changes
+
+- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
+  Removes redundant fallback color values via @atlaskit/theme
+- Updated dependencies
+
 ## 12.2.23
 
 ### Patch Changes

package/dist/cjs/components/cell.js

@@ -20,7 +20,7 @@ var CellComponent = function CellComponent(_ref) {
     className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
-    indent: indentLevel ? "calc(".concat("var(--ds-space-300, 25px)", " * ", indentLevel, ")") : undefined,
+    indent: indentLevel ? "calc(".concat("var(--ds-space-300, 24px)", " * ", indentLevel, ")") : undefined,
     width: width
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/components/header.compiled.css

@@ -1,3 +1,3 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
-._syaz1vvm{color:var(--_bbz764)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/cjs/components/header.js

@@ -10,7 +10,6 @@ exports.default = void 0;
 require("./header.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _colors = require("@atlaskit/theme/colors");
 var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
 var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -39,10 +38,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     width: width,
     id: id,
     onClick: onClick,
-    className: (0, _runtime.ax)(["_11c8wadc _syaz1vvm _k48pwu06"]),
-    style: {
-      "--_bbz764": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N300, ")"))
-    }
+    className: (0, _runtime.ax)(["_11c8wadc _syazazsu _k48pwu06"])
   }, children);
 };
 var Header = (0, _withColumnWidth.default)(HeaderComponent);

package/dist/cjs/components/headers.compiled.css

@@ -1,2 +1,2 @@
-._179ruzq5{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#dfe1e6)}
+._179r1hmg{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#0b120e24)}
 ._1e0c1txw{display:flex}

package/dist/cjs/components/headers.js

@@ -26,7 +26,7 @@ var Headers = function Headers(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     role: "row",
-    className: (0, _runtime.ax)(["_179ruzq5 _1e0c1txw"])
+    className: (0, _runtime.ax)(["_179r1hmg _1e0c1txw"])
   }, _react.Children.map(children, function (header, index) {
     return /*#__PURE__*/(0, _react.cloneElement)(header, {
       key: index,

package/dist/cjs/components/internal/common-cell.compiled.css

@@ -1,10 +1,10 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._1yt413wy{padding:var(--ds-space-100,10px) var(--ds-space-300,25px) var(--ds-space-100,10px) var(--indent,var(--ds-space-300,25px))}
+._1yt412f9{padding:var(--ds-space-100,8px) var(--ds-space-300,24px) var(--ds-space-100,8px) var(--indent,var(--ds-space-300,24px))}
 ._1e0c1txw{display:flex}
 ._1nmz1hna{word-break:break-word}
 ._1tke1ylp{min-height:40px}
 ._4cvr1h6o{align-items:center}
 ._ct361wug{-ms-hyphens:auto;hyphens:auto}
 ._kqswh2mm{position:relative}
-._syaz1o8f{color:var(--_ggxzyp)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -11,13 +11,9 @@ require("./common-cell.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["indent", "width", "className"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var commonStyles = null;
 /**
  * __Common cell__
@@ -31,15 +27,13 @@ var CommonCell = function CommonCell(_ref) {
     role: "gridcell"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_1yt413wy _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna", className])
+    className: (0, _runtime.ax)(["_1yt412f9 _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syazi7uo _ct361wug _1nmz1hna", className])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props, {
-    style: _objectSpread(_objectSpread({}, {
+    style: {
       '--indent': indent,
       width: width
-    }), {}, {
-      "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")"))
-    })
+    }
   }));
 };
 var _default = exports.default = CommonCell;

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

@@ -31,7 +31,7 @@ var LoaderItem = function LoaderItem(_ref) {
     }
   }, [isCompleting, onComplete, phase]);
   return phase === 'loading' ? /*#__PURE__*/_react.default.createElement(_styled.TreeRowContainer, null, /*#__PURE__*/_react.default.createElement(_commonCell.default, {
-    indent: "calc(".concat("var(--ds-space-300, 25px)", " * ", depth, ")"),
+    indent: "calc(".concat("var(--ds-space-300, 24px)", " * ", depth, ")"),
     width: "100%"
   }, /*#__PURE__*/_react.default.createElement(_styled.LoaderItemContainer, {
     isRoot: depth === 1

package/dist/cjs/components/internal/styled.compiled.css

@@ -1,8 +1,8 @@
-._179rkk3c{border-block-end:var(--_97mh91)}
+._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1pfhj39m{margin-block-start:-3px}
 ._4cvr1h6o{align-items:center}
-._ahbqf2s7{margin-inline-start:calc(var(--ds-space-300, 25px)*-1)}
+._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
 ._bozg1ssb{padding-inline-start:50%}
 ._kqswstnw{position:absolute}

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

@@ -12,7 +12,6 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["isRoot"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var treeRowContainerStyles = null;
@@ -24,10 +23,7 @@ var TreeRowContainer = exports.TreeRowContainer = function TreeRowContainer(prop
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     role: "row"
   }, props, {
-    className: (0, _runtime.ax)(["_179rkk3c _1e0c1txw"]),
-    style: {
-      "--_97mh91": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N30, ")")))
-    }
+    className: (0, _runtime.ax)(["_179ria51 _1e0c1txw"])
   }));
 };
 var commonCellElementStyles = null;
@@ -39,7 +35,7 @@ var commonChevronContainerStyles = null;
  */
 var ChevronContainer = exports.ChevronContainer = function ChevronContainer(props) {
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1pfhj39m"])
+    className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
   }));
 };
 var loadingItemContainerStyles = null;
@@ -53,6 +49,6 @@ var LoaderItemContainer = exports.LoaderItemContainer = function LoaderItemConta
   var isRoot = _ref.isRoot,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1bsb1osq", isRoot && "_bozg1ssb"])
+    className: (0, _runtime.ax)(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
   }));
 };

package/dist/es2019/components/cell.js

@@ -11,7 +11,7 @@ const CellComponent = ({
   className,
   ...props
 }) => /*#__PURE__*/React.createElement(CommonCell, _extends({
-  indent: indentLevel ? `calc(${"var(--ds-space-300, 25px)"} * ${indentLevel})` : undefined,
+  indent: indentLevel ? `calc(${"var(--ds-space-300, 24px)"} * ${indentLevel})` : undefined,
   width: width
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   ,

package/dist/es2019/components/header.compiled.css

@@ -1,3 +1,3 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/es2019/components/header.js

@@ -2,7 +2,6 @@
 import "./header.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N300 } from '@atlaskit/theme/colors';
 import CommonCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 const headerStyles = null;
@@ -30,7 +29,7 @@ const HeaderComponent = ({
     width: width,
     id: id,
     onClick: onClick,
-    className: ax(["_11c8wadc _syaz1n3s _k48pwu06"])
+    className: ax(["_11c8wadc _syazazsu _k48pwu06"])
   }, children);
 };
 const Header = withColumnWidth(HeaderComponent);

package/dist/es2019/components/headers.compiled.css

@@ -1,2 +1,2 @@
-._179ruzq5{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#dfe1e6)}
+._179r1hmg{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#0b120e24)}
 ._1e0c1txw{display:flex}

package/dist/es2019/components/headers.js

@@ -18,7 +18,7 @@ const Headers = ({
   children
 }) => /*#__PURE__*/React.createElement("div", {
   role: "row",
-  className: ax(["_179ruzq5 _1e0c1txw"])
+  className: ax(["_179r1hmg _1e0c1txw"])
 }, Children.map(children, (header, index) => /*#__PURE__*/cloneElement(header, {
   key: index,
   columnIndex: index

package/dist/es2019/components/internal/common-cell.compiled.css

@@ -1,10 +1,10 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._1yt413wy{padding:var(--ds-space-100,10px) var(--ds-space-300,25px) var(--ds-space-100,10px) var(--indent,var(--ds-space-300,25px))}
+._1yt412f9{padding:var(--ds-space-100,8px) var(--ds-space-300,24px) var(--ds-space-100,8px) var(--indent,var(--ds-space-300,24px))}
 ._1e0c1txw{display:flex}
 ._1nmz1hna{word-break:break-word}
 ._1tke1ylp{min-height:40px}
 ._4cvr1h6o{align-items:center}
 ._ct361wug{-ms-hyphens:auto;hyphens:auto}
 ._kqswh2mm{position:relative}
-._syaz1fxt{color:var(--ds-text,#172b4d)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./common-cell.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N800 } from '@atlaskit/theme/colors';
 const commonStyles = null;
 /**
  * __Common cell__
@@ -17,7 +16,7 @@ const CommonCell = ({
   role: "gridcell"
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
   ,
-  className: ax(["_1yt413wy _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1fxt _ct361wug _1nmz1hna", className])
+  className: ax(["_1yt412f9 _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syazi7uo _ct361wug _1nmz1hna", className])
   // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 }, props, {
   style: {

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

@@ -18,7 +18,7 @@ const LoaderItem = ({
     }
   }, [isCompleting, onComplete, phase]);
   return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
-    indent: `calc(${"var(--ds-space-300, 25px)"} * ${depth})`,
+    indent: `calc(${"var(--ds-space-300, 24px)"} * ${depth})`,
     width: "100%"
   }, /*#__PURE__*/React.createElement(LoaderItemContainer, {
     isRoot: depth === 1

package/dist/es2019/components/internal/styled.compiled.css

@@ -1,8 +1,8 @@
-._179r17ba{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#ebecf0)}
+._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1pfhj39m{margin-block-start:-3px}
 ._4cvr1h6o{align-items:center}
-._ahbqf2s7{margin-inline-start:calc(var(--ds-space-300, 25px)*-1)}
+._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
 ._bozg1ssb{padding-inline-start:50%}
 ._kqswstnw{position:absolute}

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

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N30 } from '@atlaskit/theme/colors';
 const treeRowContainerStyles = null;
 
 /**
@@ -12,7 +11,7 @@ const treeRowContainerStyles = null;
 export const TreeRowContainer = props => /*#__PURE__*/React.createElement("div", _extends({
   role: "row"
 }, props, {
-  className: ax(["_179r17ba _1e0c1txw"])
+  className: ax(["_179ria51 _1e0c1txw"])
 }));
 const commonCellElementStyles = null;
 const commonChevronContainerStyles = null;
@@ -22,7 +21,7 @@ const commonChevronContainerStyles = null;
  * A wrapper container around the expand table tree button.
  */
 export const ChevronContainer = props => /*#__PURE__*/React.createElement("span", _extends({}, props, {
-  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1pfhj39m"])
+  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
 }));
 const loadingItemContainerStyles = null;
 const paddingLeftStyles = null;
@@ -35,5 +34,5 @@ export const LoaderItemContainer = ({
   isRoot,
   ...props
 }) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
-  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1bsb1osq", isRoot && "_bozg1ssb"])
+  className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
 }));

package/dist/esm/components/cell.js

@@ -13,7 +13,7 @@ var CellComponent = function CellComponent(_ref) {
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(CommonCell, _extends({
-    indent: indentLevel ? "calc(".concat("var(--ds-space-300, 25px)", " * ", indentLevel, ")") : undefined,
+    indent: indentLevel ? "calc(".concat("var(--ds-space-300, 24px)", " * ", indentLevel, ")") : undefined,
     width: width
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,

package/dist/esm/components/header.compiled.css

@@ -1,3 +1,3 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
-._syaz1vvm{color:var(--_bbz764)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/esm/components/header.js

@@ -2,7 +2,6 @@
 import "./header.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N300 } from '@atlaskit/theme/colors';
 import CommonCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 var headerStyles = null;
@@ -30,10 +29,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     width: width,
     id: id,
     onClick: onClick,
-    className: ax(["_11c8wadc _syaz1vvm _k48pwu06"]),
-    style: {
-      "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-    }
+    className: ax(["_11c8wadc _syazazsu _k48pwu06"])
   }, children);
 };
 var Header = withColumnWidth(HeaderComponent);

package/dist/esm/components/headers.compiled.css

@@ -1,2 +1,2 @@
-._179ruzq5{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#dfe1e6)}
+._179r1hmg{border-block-end:solid var(--ds-border-width-selected,2px) var(--ds-border,#0b120e24)}
 ._1e0c1txw{display:flex}

package/dist/esm/components/headers.js

@@ -18,7 +18,7 @@ var Headers = function Headers(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     role: "row",
-    className: ax(["_179ruzq5 _1e0c1txw"])
+    className: ax(["_179r1hmg _1e0c1txw"])
   }, Children.map(children, function (header, index) {
     return /*#__PURE__*/cloneElement(header, {
       key: index,

package/dist/esm/components/internal/common-cell.compiled.css

@@ -1,10 +1,10 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._1yt413wy{padding:var(--ds-space-100,10px) var(--ds-space-300,25px) var(--ds-space-100,10px) var(--indent,var(--ds-space-300,25px))}
+._1yt412f9{padding:var(--ds-space-100,8px) var(--ds-space-300,24px) var(--ds-space-100,8px) var(--indent,var(--ds-space-300,24px))}
 ._1e0c1txw{display:flex}
 ._1nmz1hna{word-break:break-word}
 ._1tke1ylp{min-height:40px}
 ._4cvr1h6o{align-items:center}
 ._ct361wug{-ms-hyphens:auto;hyphens:auto}
 ._kqswh2mm{position:relative}
-._syaz1o8f{color:var(--_ggxzyp)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._vchhusvi{box-sizing:border-box}

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

@@ -1,14 +1,10 @@
 /* common-cell.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["indent", "width", "className"];
 import "./common-cell.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { N800 } from '@atlaskit/theme/colors';
 var commonStyles = null;
 /**
  * __Common cell__
@@ -22,15 +18,13 @@ var CommonCell = function CommonCell(_ref) {
     role: "gridcell"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: ax(["_1yt413wy _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syaz1o8f _ct361wug _1nmz1hna", className])
+    className: ax(["_1yt412f9 _11c8fhey _1e0c1txw _vchhusvi _1tke1ylp _kqswh2mm _4cvr1h6o _syazi7uo _ct361wug _1nmz1hna", className])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props, {
-    style: _objectSpread(_objectSpread({}, {
+    style: {
       '--indent': indent,
       width: width
-    }), {}, {
-      "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
-    })
+    }
   }));
 };
 export default CommonCell;

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

@@ -22,7 +22,7 @@ var LoaderItem = function LoaderItem(_ref) {
     }
   }, [isCompleting, onComplete, phase]);
   return phase === 'loading' ? /*#__PURE__*/React.createElement(TreeRowContainer, null, /*#__PURE__*/React.createElement(CommonCell, {
-    indent: "calc(".concat("var(--ds-space-300, 25px)", " * ", depth, ")"),
+    indent: "calc(".concat("var(--ds-space-300, 24px)", " * ", depth, ")"),
     width: "100%"
   }, /*#__PURE__*/React.createElement(LoaderItemContainer, {
     isRoot: depth === 1

package/dist/esm/components/internal/styled.compiled.css

@@ -1,8 +1,8 @@
-._179rkk3c{border-block-end:var(--_97mh91)}
+._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._1pfhj39m{margin-block-start:-3px}
 ._4cvr1h6o{align-items:center}
-._ahbqf2s7{margin-inline-start:calc(var(--ds-space-300, 25px)*-1)}
+._ahbq1lmg{margin-inline-start:calc(var(--ds-space-300, 24px)*-1)}
 ._bozg1ssb{padding-inline-start:50%}
 ._kqswstnw{position:absolute}

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

@@ -5,7 +5,6 @@ var _excluded = ["isRoot"];
 import "./styled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { N30 } from '@atlaskit/theme/colors';
 var treeRowContainerStyles = null;
 
 /**
@@ -15,10 +14,7 @@ export var TreeRowContainer = function TreeRowContainer(props) {
   return /*#__PURE__*/React.createElement("div", _extends({
     role: "row"
   }, props, {
-    className: ax(["_179rkk3c _1e0c1txw"]),
-    style: {
-      "--_97mh91": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(N30, ")")))
-    }
+    className: ax(["_179ria51 _1e0c1txw"])
   }));
 };
 var commonCellElementStyles = null;
@@ -30,7 +26,7 @@ var commonChevronContainerStyles = null;
  */
 export var ChevronContainer = function ChevronContainer(props) {
   return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1pfhj39m"])
+    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1pfhj39m"])
   }));
 };
 var loadingItemContainerStyles = null;
@@ -44,6 +40,6 @@ export var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbqf2s7", "_1bsb1osq", isRoot && "_bozg1ssb"])
+    className: ax(["_1e0c1txw _kqswstnw _4cvr1h6o _ahbq1lmg", "_1bsb1osq", isRoot && "_bozg1ssb"])
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "12.2.23",
+	"version": "12.2.25",
 	"description": "A table tree is an expandable table for showing nested hierarchies of information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,13 +24,12 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"lodash": "^4.17.21"
@@ -44,11 +43,11 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/empty-state": "^10.1.0",
-		"@atlaskit/form": "^15.4.0",
+		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/select": "^21.8.0",
+		"@atlaskit/select": "^21.10.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",

package/table-tree.docs.tsx

@@ -25,6 +25,95 @@ const documentation: ComponentStructuredContentSource[] = [
 		keywords: ['table-tree', 'table', 'tree', 'expandable', 'nested', 'hierarchy', 'rows'],
 		categories: ['text and data display', 'data'],
 	},
+	{
+		name: 'Headers',
+		description:
+			'Container for table column headers. Use with Header components to define columns.',
+		status: 'general-availability',
+		import: {
+			name: 'Headers',
+			package: '@atlaskit/table-tree',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Clearly label column headers with simple language',
+			'Provide an accessible name for the table',
+		],
+		keywords: ['table-tree', 'headers', 'table', 'columns'],
+		categories: ['text and data display', 'data'],
+	},
+	{
+		name: 'Header',
+		description:
+			'A single column header in a table tree. Use within Headers to define each column.',
+		status: 'general-availability',
+		import: {
+			name: 'Header',
+			package: '@atlaskit/table-tree',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: ['Use for structured tabular data only—never for layout'],
+		keywords: ['table-tree', 'header', 'table', 'column'],
+		categories: ['text and data display', 'data'],
+	},
+	{
+		name: 'Rows',
+		description: 'Container for table tree rows. Renders expandable rows with nested data.',
+		status: 'general-availability',
+		import: {
+			name: 'Rows',
+			package: '@atlaskit/table-tree',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Place important information at top-level so users rarely need to expand',
+			'Limit indentation for scannability',
+			'Avoid truncation—prefer wrapping when content exceeds cell width',
+		],
+		keywords: ['table-tree', 'rows', 'table', 'data'],
+		categories: ['text and data display', 'data'],
+	},
+	{
+		name: 'Row',
+		description: 'A single row in a table tree. Use within Rows render prop for each data item.',
+		status: 'general-availability',
+		import: {
+			name: 'Row',
+			package: '@atlaskit/table-tree',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Allow expand-on-click only when the row has no interactive elements (buttons, dropdowns)',
+		],
+		keywords: ['table-tree', 'row', 'table', 'expandable'],
+		categories: ['text and data display', 'data'],
+	},
+	{
+		name: 'Cell',
+		description: 'A single cell in a table tree row. Use within Row to display column data.',
+		status: 'general-availability',
+		import: {
+			name: 'Cell',
+			package: '@atlaskit/table-tree',
+			type: 'named',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Avoid heavy indentation—affects scannability and screen magnification users',
+			'Prefer wrapping over truncation for accessibility',
+		],
+		keywords: ['table-tree', 'cell', 'table', 'data'],
+		categories: ['text and data display', 'data'],
+	},
 ];
 
 export default documentation;