@atlaskit/dynamic-table 18.2.16 → 18.2.18

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/dynamic-table
 
+## 18.2.18
+
+### Patch Changes
+
+- [`f218cd4f78537`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f218cd4f78537) -
+  Fix for rankable tables when highlighting row at index 0 with a single numeric value using the
+  `highlightedRowIndex` prop.
+
+## 18.2.17
+
+### Patch Changes
+
+- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
+  add type info to forwardRef components
+- Updated dependencies
+
 ## 18.2.16
 
 ### Patch Changes

package/dist/cjs/components/rankable/body.js

@@ -110,7 +110,7 @@ var RankableBody = exports.RankableBody = /*#__PURE__*/function (_React$Componen
             rowIndex: rowIndex,
             row: row,
             isRankingDisabled: isRankingDisabled,
-            isHighlighted: !!highlightedRowIndex && (typeof highlightedRowIndex === 'number' ? highlightedRowIndex === rowIndex : highlightedRowIndex.indexOf(rowIndex) > -1),
+            isHighlighted: highlightedRowIndex !== undefined && (typeof highlightedRowIndex === 'number' ? highlightedRowIndex === rowIndex : highlightedRowIndex.indexOf(rowIndex) > -1),
             testId: testId && "".concat(testId, "--").concat(row.key, "--rankable--table--row")
           });
         }), provided.placeholder);

package/dist/cjs/components/table-head-cell.js

@@ -1,4 +1,4 @@
-/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-head-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/hoc/with-sorted-page-rows.js

@@ -167,6 +167,8 @@ function withSortedPageRows(WrappedComponent) {
     }]);
   }(_react.default.Component);
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
     return /*#__PURE__*/_react.default.createElement(WithSortedPageRows, (0, _extends2.default)({}, props, {
       forwardedRef: ref
     }));

package/dist/cjs/styled/dynamic-table.js

@@ -1,4 +1,4 @@
-/* dynamic-table.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* dynamic-table.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/empty-body.js

@@ -1,4 +1,4 @@
-/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* empty-body.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @repo/internal/react/require-jsdoc */
 "use strict";
 

package/dist/cjs/styled/loading-container-advanced.js

@@ -1,4 +1,4 @@
-/* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/loading-container.js

@@ -1,4 +1,4 @@
-/* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* loading-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/rankable/table-cell.js

@@ -1,4 +1,4 @@
-/* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/rankable/table-row.js

@@ -1,4 +1,4 @@
-/* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/table-cell.js

@@ -1,4 +1,4 @@
-/* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/table-head.compiled.css

@@ -2,9 +2,12 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._173zglyw>button{background:none}
 ._pw6dglyw>button{border:none}
-._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
-._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
-._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
+._1j091l7b>button:before{border-width:3px}
+._1wfn1j28>button:before{border-color:transparent}
+._1xgk1j28>button:after{border-color:transparent}
+._997wnqa1>button:before{border-style:solid}
+._sklb1l7b>button:after{border-width:3px}
+._y9yonqa1>button:after{border-style:solid}
 ._h7alglyw{border-inline:none}
 ._izbqglyw{border-block:none}
 ._179r1tpy{border-block-end:var(--_mwqor1)}
@@ -16,31 +19,37 @@
 ._f4732wk4>button:after{border-block-start:var(--_1qca9zt)}
 ._mqm2glyw{border-block-start:none}
 ._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
-._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._14gsx0bf>button:after{inset-inline-end:var(--ds-space-negative-100,-8px)}
 ._18m915vq{overflow-y:hidden}
-._19w61ule>button:after, ._1w611ule>button:before{display:block}
+._19w61ule>button:after{display:block}
 ._1ay31kw7>button{cursor:inherit}
 ._1bsb8a2a{width:var(--local-dynamic-table-width)}
 ._1bto1l2s{text-overflow:ellipsis}
+._1d4oidpf>button:before{height:0}
 ._1e0c1ule{display:block}
 ._1fpyidpf>button:after{inset-block-end:0}
-._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
+._1hvvidpf>button:after{width:0}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
 ._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
+._1w611ule>button:before{display:block}
 ._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
-._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
+._4b5mb3bt>button:after{content:""}
 ._58ej1kw7>button{color:inherit}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
 ._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
 ._a04fh2mm>button{position:relative}
 ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
+._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._hn3bb3bt>button:before{content:""}
 ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
 ._kqswh2mm{position:relative}
 ._mdbq1kw7>button{font-size:inherit}
 ._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
-._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
+._n56nidpf>button:before{width:0}
+._no7mstnw>button:after{position:absolute}
 ._o5721q9c{white-space:nowrap}
+._qh32stnw>button:before{position:absolute}
 ._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
 ._s7n4jp4b{vertical-align:top}
 ._s7n4nkob{vertical-align:middle}
@@ -48,11 +57,11 @@
 ._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
 ._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
+._wyc4idpf>button:after{height:0}
 ._xv14glyw>button{-webkit-appearance:none;appearance:none}
 ._y3gn1e5h{text-align:left}
 ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
 ._1ygb1x42:focus-visible{outline:var(--_z3oznn)}
 ._d0altlke:hover{cursor:pointer}
 ._irr3bfnf:hover{background-color:var(--_6j4ewu)}
-@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
+@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after{border-color:Canvas}._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after{border-style:solid}._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after{border-width:3px}._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}

package/dist/cjs/styled/table-head.js

@@ -1,4 +1,4 @@
-/* table-head.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-head.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/table-row.compiled.css

@@ -1,6 +1,6 @@
 
 ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
 ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
-._1ygb1i4z:focus-visible{outline:var(--_4vkylo)}._1ah312gs:focus-visible{outline-offset:-2px}
+._1ygbsglb:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,var(--local-dynamic-table-hover-bg))}._1ah312gs:focus-visible{outline-offset:-2px}
 ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
 ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}

package/dist/cjs/styled/table-row.js

@@ -1,4 +1,4 @@
-/* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -12,12 +12,9 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _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 _excluded = ["isHighlighted", "children", "style", "testId", "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 rowStyles = null;
 var rowBackgroundStyles = null;
 var rowHighlightedBackgroundStyles = null;
@@ -31,17 +28,16 @@ var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(fu
     className = _ref.className,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement("tr", (0, _extends2.default)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    style: style,
     /**
      * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
      * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
      */
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1i4z _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
+    className: (0, _runtime.ax)(["_bfhkqtfy _1ygbsglb _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
   }, rest, {
     ref: ref,
-    "data-testid": testId,
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      "--_4vkylo": (0, _runtime.ix)("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
-    })
+    "data-testid": testId
   }), children);
 });

package/dist/es2019/components/rankable/body.js

@@ -103,7 +103,7 @@ export class RankableBody extends React.Component {
       rowIndex: rowIndex,
       row: row,
       isRankingDisabled: isRankingDisabled,
-      isHighlighted: !!highlightedRowIndex && (typeof highlightedRowIndex === 'number' ? highlightedRowIndex === rowIndex : highlightedRowIndex.indexOf(rowIndex) > -1),
+      isHighlighted: highlightedRowIndex !== undefined && (typeof highlightedRowIndex === 'number' ? highlightedRowIndex === rowIndex : highlightedRowIndex.indexOf(rowIndex) > -1),
       testId: testId && `${testId}--${row.key}--rankable--table--row`
     })), provided.placeholder)));
   }

package/dist/es2019/components/table-head-cell.js

@@ -1,4 +1,4 @@
-/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-head-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-head-cell.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/hoc/with-sorted-page-rows.js

@@ -136,6 +136,8 @@ export default function withSortedPageRows(WrappedComponent) {
     }
   }
   return /*#__PURE__*/React.forwardRef((props, ref) => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
     return /*#__PURE__*/React.createElement(WithSortedPageRows, _extends({}, props, {
       forwardedRef: ref
     }));

package/dist/es2019/styled/dynamic-table.js

@@ -1,4 +1,4 @@
-/* dynamic-table.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* dynamic-table.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./dynamic-table.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/empty-body.js

@@ -1,4 +1,4 @@
-/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* empty-body.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @repo/internal/react/require-jsdoc */
 import "./empty-body.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/loading-container-advanced.js

@@ -1,4 +1,4 @@
-/* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./loading-container-advanced.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/loading-container.js

@@ -1,4 +1,4 @@
-/* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* loading-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @repo/internal/react/require-jsdoc */
 import "./loading-container.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/rankable/table-cell.js

@@ -1,4 +1,4 @@
-/* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-cell.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/rankable/table-row.js

@@ -1,4 +1,4 @@
-/* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-row.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/table-cell.js

@@ -1,4 +1,4 @@
-/* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-cell.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/table-head.compiled.css

@@ -2,9 +2,12 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._173zglyw>button{background:none}
 ._pw6dglyw>button{border:none}
-._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
-._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
-._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
+._1j091l7b>button:before{border-width:3px}
+._1wfn1j28>button:before{border-color:transparent}
+._1xgk1j28>button:after{border-color:transparent}
+._997wnqa1>button:before{border-style:solid}
+._sklb1l7b>button:after{border-width:3px}
+._y9yonqa1>button:after{border-style:solid}
 ._h7alglyw{border-inline:none}
 ._izbqglyw{border-block:none}
 ._179r1md5{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
@@ -16,31 +19,37 @@
 ._f473via6>button:after{border-block-start:3px solid var(--ds-icon-disabled,#dfe1e6)}
 ._mqm2glyw{border-block-start:none}
 ._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
-._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._14gsx0bf>button:after{inset-inline-end:var(--ds-space-negative-100,-8px)}
 ._18m915vq{overflow-y:hidden}
-._19w61ule>button:after, ._1w611ule>button:before{display:block}
+._19w61ule>button:after{display:block}
 ._1ay31kw7>button{cursor:inherit}
 ._1bsb8a2a{width:var(--local-dynamic-table-width)}
 ._1bto1l2s{text-overflow:ellipsis}
+._1d4oidpf>button:before{height:0}
 ._1e0c1ule{display:block}
 ._1fpyidpf>button:after{inset-block-end:0}
-._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
+._1hvvidpf>button:after{width:0}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
 ._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
+._1w611ule>button:before{display:block}
 ._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
-._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
+._4b5mb3bt>button:after{content:""}
 ._58ej1kw7>button{color:inherit}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
 ._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
 ._a04fh2mm>button{position:relative}
 ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
+._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._hn3bb3bt>button:before{content:""}
 ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
 ._kqswh2mm{position:relative}
 ._mdbq1kw7>button{font-size:inherit}
 ._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
-._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
+._n56nidpf>button:before{width:0}
+._no7mstnw>button:after{position:absolute}
 ._o5721q9c{white-space:nowrap}
+._qh32stnw>button:before{position:absolute}
 ._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
 ._s7n4jp4b{vertical-align:top}
 ._s7n4nkob{vertical-align:middle}
@@ -48,11 +57,11 @@
 ._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
 ._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
+._wyc4idpf>button:after{height:0}
 ._xv14glyw>button{-webkit-appearance:none;appearance:none}
 ._y3gn1e5h{text-align:left}
 ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
 ._1ygbjc5g:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4c9aff)}
 ._d0altlke:hover{cursor:pointer}
 ._irr317ks:hover{background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.08))}
-@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
+@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after{border-color:Canvas}._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after{border-style:solid}._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after{border-width:3px}._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}

package/dist/es2019/styled/table-head.js

@@ -1,4 +1,4 @@
-/* table-head.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-head.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-head.compiled.css";
 import * as React from 'react';

package/dist/es2019/styled/table-row.js

@@ -1,4 +1,4 @@
-/* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./table-row.compiled.css";
 import * as React from 'react';

package/dist/esm/components/rankable/body.js

@@ -105,7 +105,7 @@ export var RankableBody = /*#__PURE__*/function (_React$Component) {
             rowIndex: rowIndex,
             row: row,
             isRankingDisabled: isRankingDisabled,
-            isHighlighted: !!highlightedRowIndex && (typeof highlightedRowIndex === 'number' ? highlightedRowIndex === rowIndex : highlightedRowIndex.indexOf(rowIndex) > -1),
+            isHighlighted: highlightedRowIndex !== undefined && (typeof highlightedRowIndex === 'number' ? highlightedRowIndex === rowIndex : highlightedRowIndex.indexOf(rowIndex) > -1),
             testId: testId && "".concat(testId, "--").concat(row.key, "--rankable--table--row")
           });
         }), provided.placeholder);

package/dist/esm/components/table-head-cell.js

@@ -1,4 +1,4 @@
-/* table-head-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-head-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/hoc/with-sorted-page-rows.js

@@ -160,6 +160,8 @@ export default function withSortedPageRows(WrappedComponent) {
     }]);
   }(React.Component);
   return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore: to unblock React 18.2.0 -> 18.3.1 version bump in Jira
     return /*#__PURE__*/React.createElement(WithSortedPageRows, _extends({}, props, {
       forwardedRef: ref
     }));

package/dist/esm/styled/dynamic-table.js

@@ -1,4 +1,4 @@
-/* dynamic-table.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* dynamic-table.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/styled/empty-body.js

@@ -1,4 +1,4 @@
-/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* empty-body.tsx generated by @compiled/babel-plugin v0.38.1 */
 /* eslint-disable @repo/internal/react/require-jsdoc */
 import "./empty-body.compiled.css";
 import * as React from 'react';

package/dist/esm/styled/loading-container-advanced.js

@@ -1,4 +1,4 @@
-/* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* loading-container-advanced.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "testId"];

package/dist/esm/styled/loading-container.js

@@ -1,4 +1,4 @@
-/* loading-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* loading-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./loading-container.compiled.css";
 import * as React from 'react';

package/dist/esm/styled/rankable/table-cell.js

@@ -1,4 +1,4 @@
-/* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isRanking", "innerRef"];

package/dist/esm/styled/rankable/table-row.js

@@ -1,4 +1,4 @@
-/* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isRanking", "isRankingItem", "testId"];

package/dist/esm/styled/table-cell.js

@@ -1,4 +1,4 @@
-/* table-cell.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-cell.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];

package/dist/esm/styled/table-head.compiled.css

@@ -2,9 +2,12 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._173zglyw>button{background:none}
 ._pw6dglyw>button{border:none}
-._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
-._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
-._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
+._1j091l7b>button:before{border-width:3px}
+._1wfn1j28>button:before{border-color:transparent}
+._1xgk1j28>button:after{border-color:transparent}
+._997wnqa1>button:before{border-style:solid}
+._sklb1l7b>button:after{border-width:3px}
+._y9yonqa1>button:after{border-style:solid}
 ._h7alglyw{border-inline:none}
 ._izbqglyw{border-block:none}
 ._179r1tpy{border-block-end:var(--_mwqor1)}
@@ -16,31 +19,37 @@
 ._f4732wk4>button:after{border-block-start:var(--_1qca9zt)}
 ._mqm2glyw{border-block-start:none}
 ._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
-._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._14gsx0bf>button:after{inset-inline-end:var(--ds-space-negative-100,-8px)}
 ._18m915vq{overflow-y:hidden}
-._19w61ule>button:after, ._1w611ule>button:before{display:block}
+._19w61ule>button:after{display:block}
 ._1ay31kw7>button{cursor:inherit}
 ._1bsb8a2a{width:var(--local-dynamic-table-width)}
 ._1bto1l2s{text-overflow:ellipsis}
+._1d4oidpf>button:before{height:0}
 ._1e0c1ule{display:block}
 ._1fpyidpf>button:after{inset-block-end:0}
-._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
+._1hvvidpf>button:after{width:0}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
 ._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
+._1w611ule>button:before{display:block}
 ._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
-._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
+._4b5mb3bt>button:after{content:""}
 ._58ej1kw7>button{color:inherit}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
 ._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
 ._a04fh2mm>button{position:relative}
 ._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
+._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._hn3bb3bt>button:before{content:""}
 ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
 ._kqswh2mm{position:relative}
 ._mdbq1kw7>button{font-size:inherit}
 ._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
-._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
+._n56nidpf>button:before{width:0}
+._no7mstnw>button:after{position:absolute}
 ._o5721q9c{white-space:nowrap}
+._qh32stnw>button:before{position:absolute}
 ._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
 ._s7n4jp4b{vertical-align:top}
 ._s7n4nkob{vertical-align:middle}
@@ -48,11 +57,11 @@
 ._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
 ._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
 ._vchhusvi{box-sizing:border-box}
-._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
+._wyc4idpf>button:after{height:0}
 ._xv14glyw>button{-webkit-appearance:none;appearance:none}
 ._y3gn1e5h{text-align:left}
 ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
 ._1ygb1x42:focus-visible{outline:var(--_z3oznn)}
 ._d0altlke:hover{cursor:pointer}
 ._irr3bfnf:hover{background-color:var(--_6j4ewu)}
-@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
+@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after{border-color:Canvas}._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after{border-style:solid}._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after{border-width:3px}._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}

package/dist/esm/styled/table-head.js

@@ -1,4 +1,4 @@
-/* table-head.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-head.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/styled/table-row.compiled.css

@@ -1,6 +1,6 @@
 
 ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
 ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
-._1ygb1i4z:focus-visible{outline:var(--_4vkylo)}._1ah312gs:focus-visible{outline-offset:-2px}
+._1ygbsglb:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,var(--local-dynamic-table-hover-bg))}._1ah312gs:focus-visible{outline-offset:-2px}
 ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
 ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}

package/dist/esm/styled/table-row.js

@@ -1,13 +1,10 @@
-/* table-row.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* table-row.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isHighlighted", "children", "style", "testId", "className"];
 import "./table-row.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 { forwardRef } from 'react';
 var rowStyles = null;
 var rowBackgroundStyles = null;
@@ -22,17 +19,16 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("tr", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    style: style,
     /**
      * We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
      * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
      */
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    className: ax(["_bfhkqtfy _1ygb1i4z _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
+    className: ax(["_bfhkqtfy _1ygbsglb _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
   }, rest, {
     ref: ref,
-    "data-testid": testId,
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      "--_4vkylo": ix("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
-    })
+    "data-testid": testId
   }), children);
 });

package/dist/types/styled/dynamic-table.d.ts

@@ -9,7 +9,7 @@ type TableProps = HTMLProps<HTMLTableElement> & {
     hasDataRow: boolean;
     testId?: string;
 };
-export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+export declare const Table: React.ForwardRefExoticComponent<React.PropsWithoutRef<TableProps> & React.RefAttributes<HTMLTableElement>>;
 export declare const Caption: FC<{
     children: ReactNode;
 }>;

package/dist/types/styled/loading-container-advanced.d.ts

@@ -6,11 +6,11 @@ import { type FC, type HTMLProps, type ReactNode } from 'react';
 type ContainerProps = HTMLProps<HTMLDivElement> & {
     testId?: string;
 };
-export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Container: React.ForwardRefExoticComponent<React.PropsWithoutRef<ContainerProps> & React.RefAttributes<HTMLDivElement>>;
 type SpinnerBackdropProps = {
     testId?: string;
     children: ReactNode;
 };
 export declare const SpinnerBackdrop: FC<SpinnerBackdropProps>;
-export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpinnerContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<HTMLProps<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/styled/rankable/table-row.d.ts

@@ -4,8 +4,10 @@
  */
 import { type HTMLAttributes } from 'react';
 import { type ITableRowProps } from '../table-row';
-export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
+type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
     isRanking?: boolean;
     isRankingItem?: boolean;
     testId?: string;
-} & import("react").RefAttributes<HTMLTableRowElement>>;
+};
+export declare const RankableTableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<RankableTableBodyRowProps> & React.RefAttributes<HTMLTableRowElement>>;
+export {};

package/dist/types/styled/table-head.d.ts

@@ -17,5 +17,5 @@ type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement> & {
     sortOrder?: SortOrderType;
     testId?: string;
 };
-export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const HeadCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeadCellProps> & React.RefAttributes<HTMLTableCellElement>>;
 export {};

package/dist/types/styled/table-row.d.ts

@@ -10,4 +10,4 @@ export type ITableRowProps = {
     className?: string;
     testId?: string;
 };
-export declare const TableBodyRow: import("react").ForwardRefExoticComponent<ITableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+export declare const TableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<ITableRowProps> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/types-ts4.5/styled/dynamic-table.d.ts

@@ -9,7 +9,7 @@ type TableProps = HTMLProps<HTMLTableElement> & {
     hasDataRow: boolean;
     testId?: string;
 };
-export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+export declare const Table: React.ForwardRefExoticComponent<React.PropsWithoutRef<TableProps> & React.RefAttributes<HTMLTableElement>>;
 export declare const Caption: FC<{
     children: ReactNode;
 }>;

package/dist/types-ts4.5/styled/loading-container-advanced.d.ts

@@ -6,11 +6,11 @@ import { type FC, type HTMLProps, type ReactNode } from 'react';
 type ContainerProps = HTMLProps<HTMLDivElement> & {
     testId?: string;
 };
-export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Container: React.ForwardRefExoticComponent<React.PropsWithoutRef<ContainerProps> & React.RefAttributes<HTMLDivElement>>;
 type SpinnerBackdropProps = {
     testId?: string;
     children: ReactNode;
 };
 export declare const SpinnerBackdrop: FC<SpinnerBackdropProps>;
-export declare const SpinnerContainer: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SpinnerContainer: React.ForwardRefExoticComponent<React.PropsWithoutRef<HTMLProps<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types-ts4.5/styled/rankable/table-row.d.ts

@@ -4,8 +4,10 @@
  */
 import { type HTMLAttributes } from 'react';
 import { type ITableRowProps } from '../table-row';
-export declare const RankableTableBodyRow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
+type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
     isRanking?: boolean;
     isRankingItem?: boolean;
     testId?: string;
-} & import("react").RefAttributes<HTMLTableRowElement>>;
+};
+export declare const RankableTableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<RankableTableBodyRowProps> & React.RefAttributes<HTMLTableRowElement>>;
+export {};

package/dist/types-ts4.5/styled/table-head.d.ts

@@ -17,5 +17,5 @@ type HeadCellProps = TruncateStyleProps & HTMLProps<HTMLTableCellElement> & {
     sortOrder?: SortOrderType;
     testId?: string;
 };
-export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const HeadCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeadCellProps> & React.RefAttributes<HTMLTableCellElement>>;
 export {};

package/dist/types-ts4.5/styled/table-row.d.ts

@@ -10,4 +10,4 @@ export type ITableRowProps = {
     className?: string;
     testId?: string;
 };
-export declare const TableBodyRow: import("react").ForwardRefExoticComponent<ITableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+export declare const TableBodyRow: React.ForwardRefExoticComponent<React.PropsWithoutRef<ITableRowProps> & React.RefAttributes<HTMLTableRowElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "18.2.16",
+	"version": "18.2.18",
 	"description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,16 +35,16 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/ds-lib": "^5.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/pagination": "^16.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -56,7 +56,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.1.0",
+		"@atlaskit/avatar": "^25.2.0",
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/docs": "^11.1.0",