@atlaskit/dynamic-table 18.2.18 → 18.3.0

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

@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { forwardRef } from 'react';
-import { B100, B50, B75, N10, N40 } from '@atlaskit/theme/colors';
 const fixedSizeTableStyles = null;
 const tableStyles = null;
 const bodyBorder = null;
@@ -22,18 +21,18 @@ export const Table = /*#__PURE__*/forwardRef(({
     inert: isLoading ? '' : undefined,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-hover-bg': `var(--ds-background-neutral-subtle-hovered, ${N10})`,
+      '--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #091E420F)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-highlighted-bg': `var(--ds-background-selected, ${B50})`,
+      '--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #E9F2FF)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-hover-highlighted-bg': `var(--ds-background-selected-hovered, ${B75})`,
+      '--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #CCE0FF)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-row-focus-outline': `var(--ds-border-focused, ${B100})`
+      '--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #388BFF)"
     },
     ref: ref
   }, rest, {
     "data-testid": testId && `${testId}--table`,
-    className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1md5"])
+    className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r187z"])
   }), children);
 });
 const captionStyles = null;

package/dist/es2019/styled/rankable/table-row.compiled.css

@@ -1,7 +1,7 @@
 
-._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3ssc3{outline-width:var(--ds-border-width,2px)}
-._16qsuzq3{box-shadow:var(--ds-shadow-overlay,0 20px 2pc -8px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31))}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
 ._1e0c1ule{display:block}
-._bfhkexu1{background-color:var(--ds-surface-overlay,#f4f5f7)}
-._mizu1l4g:focus-visible{outline-color:var(--ds-border-focused,#4c9aff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
 ._ra3xnqa1:focus-visible{outline-style:solid}

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

@@ -4,7 +4,6 @@ import "./table-row.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
 import { TableBodyRow } from '../table-row';
 const rankingStyles = null;
 const rankingItemStyles = null;
@@ -21,6 +20,6 @@ export const RankableTableBodyRow = /*#__PURE__*/forwardRef(({
     ref: ref,
     testId: testId
   }, props, {
-    className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhkexu1 _16qsuzq3", "_12y3ssc3 _mizu1l4g _ra3xnqa1"])
+    className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr _16qs1cd0", "_12y3e4h9 _mizu1p6i _ra3xnqa1"])
   }));
 });

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

@@ -1,67 +1,24 @@
-
 ._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}
-._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)}
+._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
 ._179rglyw{border-block-end:none}
-._191wglyw{border-inline-start:none}
-._c77k1thn>button:before{border-block-end:3px solid var(--ds-icon-subtle,#5e6c84)}
-._c77kvia6>button:before{border-block-end:3px solid var(--ds-icon-disabled,#dfe1e6)}
-._f4731thn>button:after{border-block-start:3px solid var(--ds-icon-subtle,#5e6c84)}
-._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{inset-inline-end:var(--ds-space-negative-100,-8px)}
 ._18m915vq{overflow-y:hidden}
-._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{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{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)}
-._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}
 ._syaz34id{color:var(--ds-text-subtle,var(--local-dynamic-table-text-color))}
-._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{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{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}}
+._1ygbi3bv:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#388bff)}

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

@@ -6,8 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { B100, N300, N30A, N40 } from '@atlaskit/theme/colors';
 import { ASC, DESC } from '../internal/constants';
 import { getTruncationStyleVars } from './constants';
 const CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
@@ -30,11 +28,6 @@ export const Head = ({
   }));
 };
 const headCellBaseStyles = null;
-const headCellBaseStylesOld = null;
-const onClickStyles = null;
-const baseStyles = null;
-const ascendingStyles = null;
-const descendingStyles = null;
 export const HeadCell = /*#__PURE__*/forwardRef(({
   width,
   children,
@@ -52,7 +45,7 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
     ...(width && getTruncationStyleVars({
       width
     })),
-    [CSS_VAR_TEXT_COLOR]: `var(--ds-text-subtlest, ${N300})`
+    [CSS_VAR_TEXT_COLOR]: "var(--ds-text-subtlest, #626F86)"
   };
   const isASC = sortOrder === ASC;
   const isDESC = sortOrder === DESC;
@@ -67,16 +60,15 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
   // If there is no content in the cell, it should be rendered as an empty `td`, not a `th`.
   // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
   const Component = children ? 'th' : 'td';
-  const isVisuallyRefreshed = fg('platform-component-visual-refresh');
   return /*#__PURE__*/React.createElement(Component, _extends({
     "aria-sort": getFormattedSortOrder()
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: mergedStyles,
-    onClick: !isVisuallyRefreshed ? onClick : undefined,
+    onClick: undefined,
     ref: ref,
     "data-testid": testId
   }, rest, {
-    className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1md5 _mqm2glyw _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbjc5g" : "_11c8dcr7 _179r1md5 _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbjc5g", !isVisuallyRefreshed && onClick && "_irr317ks _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77kvia6 _qzvtu2gc _f473via6 _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k1thn _142s94yt", !isVisuallyRefreshed && isDESC && "_f4731thn _17x894yt"])
+    className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7 _179r187z _mqm2glyw _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbi3bv", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"])
   }), children);
 });

package/dist/esm/components/body.js

@@ -11,6 +11,7 @@ import withSortedPageRows
 // @ts-ignore -- Required for the below export of Body
 from '../hoc/with-sorted-page-rows';
 import TableRow from './table-row';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var BodyComponent = /*#__PURE__*/function (_React$Component) {
   function BodyComponent() {
     _classCallCheck(this, BodyComponent);

package/dist/esm/components/error-boundary.js

@@ -6,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   function ErrorBoundary(props) {
     var _this;

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

@@ -12,6 +12,7 @@ import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { LARGE, LOADING_CONTENTS_OPACITY } from '../internal/constants';
 import { Container, SpinnerBackdrop, SpinnerContainer } from '../styled/loading-container-advanced';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var LoadingContainerAdvanced = /*#__PURE__*/function (_React$Component) {
   function LoadingContainerAdvanced() {
     var _this;

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

@@ -10,6 +10,7 @@ import React from 'react';
 import Spinner from '@atlaskit/spinner';
 import { LARGE, LOADING_CONTENTS_OPACITY } from '../internal/constants';
 import { Container, ContentsContainer, SpinnerContainer } from '../styled/loading-container';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var LoadingContainer = /*#__PURE__*/function (_React$Component) {
   function LoadingContainer() {
     _classCallCheck(this, LoadingContainer);

package/dist/esm/components/managed-pagination.js

@@ -9,6 +9,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import Pagination from '@atlaskit/pagination';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var ManagedPagination = /*#__PURE__*/function (_React$Component) {
   function ManagedPagination() {
     var _this;

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

@@ -33,6 +33,8 @@ var computeRankDestination = function computeRankDestination(result, pageRows) {
   }
   return undefined;
 };
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export var RankableBody = /*#__PURE__*/function (_React$Component) {
   function RankableBody() {
     var _this;

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

@@ -14,6 +14,7 @@ import withDimensions
 from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyCell } from '../../styled/rankable/table-cell';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export var RankableTableCell = /*#__PURE__*/function (_React$Component) {
   function RankableTableCell() {
     _classCallCheck(this, RankableTableCell);

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

@@ -14,6 +14,8 @@ import withDimensions
 from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import HeadCell from '../table-head-cell';
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var RankableTableHeadCellComponent = /*#__PURE__*/function (_React$Component) {
   function RankableTableHeadCellComponent() {
     _classCallCheck(this, RankableTableHeadCellComponent);

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

@@ -21,6 +21,7 @@ from '../../hoc/with-dimensions';
 import { inlineStylesIfRanking } from '../../internal/helpers';
 import { RankableTableBodyRow } from '../../styled/rankable/table-row';
 import TableCell from './table-cell';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var RankableTableRow = /*#__PURE__*/function (_React$Component) {
   function RankableTableRow() {
     var _this;

package/dist/esm/components/stateful.js

@@ -36,6 +36,7 @@ import DynamicTableStateless from './stateless';
  * }
  * ```
  */
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var DynamicTable = /*#__PURE__*/function (_React$Component) {
   function DynamicTable() {
     var _this;

package/dist/esm/components/stateless.js

@@ -76,14 +76,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "0.0.0-development"
+    packageVersion: "18.2.18"
   });
   var onRankEnd = usePlatformLeafEventHandler({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "0.0.0-development"
+    packageVersion: "18.2.18"
   });
   useEffect(function () {
     validateSortKey(sortKey, head);

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

@@ -10,13 +10,11 @@ var _excluded = ["cells"],
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { validateSortKey } from '../internal/helpers';
 import { Head } from '../styled/table-head';
 import RankableHeadCell from './rankable/table-head-cell';
-import RankableHeadCellOld from './rankable/table-head-cell-old';
 import HeadCell from './table-head-cell';
-import HeadCellOld from './table-head-cell-old';
+// eslint-disable-next-line @repo/internal/react/no-class-components
 var TableHead = /*#__PURE__*/function (_React$Component) {
   function TableHead(props) {
     var _this;
@@ -57,7 +55,6 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
       if (!head) {
         return null;
       }
-      var HeadCellComponentOld = isRankable ? RankableHeadCellOld : HeadCellOld;
       var HeadCellComponent = isRankable ? RankableHeadCell : HeadCell;
 
       // TODO: Remove `rest` props and use only what is explicitly in the API.
@@ -91,7 +88,7 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
             onSort(cell)();
           }
         };
-        return fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(HeadCellComponent, _extends({
+        return /*#__PURE__*/React.createElement(HeadCellComponent, _extends({
           colSpan: colSpan,
           content: content,
           isFixedSize: isFixedSize,
@@ -109,18 +106,6 @@ var TableHead = /*#__PURE__*/function (_React$Component) {
           ascendingSortTooltip: ascendingSortTooltip,
           descendingSortTooltip: descendingSortTooltip,
           buttonAriaRoleDescription: buttonAriaRoleDescription
-        }, restCellProps)) : /*#__PURE__*/React.createElement(HeadCellComponentOld, _extends({
-          colSpan: colSpan,
-          content: content,
-          isFixedSize: isFixedSize,
-          isSortable: !!isSortable,
-          isRanking: isRanking,
-          key: key || index,
-          onClick: isSortable ? onSort(cell) : undefined,
-          testId: cellTestId || testId,
-          shouldTruncate: shouldTruncate,
-          sortOrder: key === sortKey ? sortOrder : undefined,
-          width: width
         }, restCellProps));
       })));
     }

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

@@ -86,6 +86,7 @@ var getSortedRows = function getSortedRows(head, rows, sortKey, sortOrder) {
 };
 // get one page of data in table, sorting all rows previously
 export default function withSortedPageRows(WrappedComponent) {
+  // eslint-disable-next-line @repo/internal/react/no-class-components
   var WithSortedPageRows = /*#__PURE__*/function (_React$Component) {
     function WithSortedPageRows() {
       var _this;

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

@@ -1,5 +1,5 @@
 ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._179r1tpy{border-block-end:var(--_mwqor1)}
+._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
 ._1bah1h6o{justify-content:center}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}

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

@@ -1,17 +1,13 @@
 /* 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";
 var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"];
 import "./dynamic-table.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; }
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { forwardRef } from 'react';
-import { B100, B50, B75, N10, N40 } from '@atlaskit/theme/colors';
 var fixedSizeTableStyles = null;
 var tableStyles = null;
 var bodyBorder = null;
@@ -24,22 +20,20 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("table", _extends({
     inert: isLoading ? '' : undefined,
-    ref: ref
-  }, rest, {
-    "data-testid": testId && "".concat(testId, "--table"),
-    className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1tpy"]),
-    style: _objectSpread(_objectSpread({}, {
+    style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, ".concat(N10, ")"),
+      '--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, #091E420F)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, ".concat(B50, ")"),
+      '--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, #E9F2FF)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, ".concat(B75, ")"),
+      '--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, #CCE0FF)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      '--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, ".concat(B100, ")")
-    }), {}, {
-      "--_mwqor1": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")))
-    })
+      '--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, #388BFF)"
+    },
+    ref: ref
+  }, rest, {
+    "data-testid": testId && "".concat(testId, "--table"),
+    className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r187z"])
   }), children);
 });
 var captionStyles = null;

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

@@ -1,7 +1,7 @@
 
-._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3ssc3{outline-width:var(--ds-border-width,2px)}
-._16qs1dt4{box-shadow:var(--_qzf6oc)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12y3e4h9{outline-width:var(--ds-border-width,1px)}
+._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
 ._1e0c1ule{display:block}
-._bfhk1rd0{background-color:var(--_14yez9t)}
-._mizu1tqa:focus-visible{outline-color:var(--_9ksfq)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
 ._ra3xnqa1:focus-visible{outline-style:solid}

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

@@ -6,7 +6,6 @@ import "./table-row.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
 import { TableBodyRow } from '../table-row';
 var rankingStyles = null;
 var rankingItemStyles = null;
@@ -22,11 +21,6 @@ export var RankableTableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     testId: testId
   }, props, {
-    className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1rd0 _16qs1dt4", "_12y3ssc3 _mizu1tqa _ra3xnqa1"]),
-    style: {
-      "--_14yez9t": ix("var(--ds-surface-overlay, ".concat(N20, ")")),
-      "--_qzf6oc": ix("var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
-      "--_9ksfq": ix("var(--ds-border-focused, ".concat(B100, ")"))
-    }
+    className: ax([isRanking && "_1e0c1ule", isRankingItem && "_2rkolb4i _bfhk1bhr _16qs1cd0", "_12y3e4h9 _mizu1p6i _ra3xnqa1"])
   }));
 });

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

@@ -1,67 +1,24 @@
-
 ._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}
-._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)}
+._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
 ._179rglyw{border-block-end:none}
-._191wglyw{border-inline-start:none}
-._c77k1f6e>button:before{border-block-end:var(--_1rdacuj)}
-._c77k2wk4>button:before{border-block-end:var(--_1qca9zt)}
-._f4731f6e>button:after{border-block-start:var(--_1rdacuj)}
-._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{inset-inline-end:var(--ds-space-negative-100,-8px)}
 ._18m915vq{overflow-y:hidden}
-._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{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{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)}
-._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}
 ._syaz12fi{color:var(--_17ckjys)}
-._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{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{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}}
+._1ygbi3bv:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#388bff)}

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

@@ -12,8 +12,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { B100, N300, N30A, N40 } from '@atlaskit/theme/colors';
 import { ASC, DESC } from '../internal/constants';
 import { getTruncationStyleVars } from './constants';
 var CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
@@ -35,11 +33,6 @@ export var Head = function Head(_ref) {
   }));
 };
 var headCellBaseStyles = null;
-var headCellBaseStylesOld = null;
-var onClickStyles = null;
-var baseStyles = null;
-var ascendingStyles = null;
-var descendingStyles = null;
 export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var width = _ref2.width,
     children = _ref2.children,
@@ -53,7 +46,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     rest = _objectWithoutProperties(_ref2, _excluded2);
   var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && getTruncationStyleVars({
     width: width
-  })), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, ".concat(N300, ")")));
+  })), {}, _defineProperty({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, #626F86)"));
   var isASC = sortOrder === ASC;
   var isDESC = sortOrder === DESC;
   var getFormattedSortOrder = function getFormattedSortOrder() {
@@ -67,24 +60,18 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   // If there is no content in the cell, it should be rendered as an empty `td`, not a `th`.
   // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
   var Component = children ? 'th' : 'td';
-  var isVisuallyRefreshed = fg('platform-component-visual-refresh');
   return /*#__PURE__*/React.createElement(Component, _extends({
     "aria-sort": getFormattedSortOrder()
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
 
-    onClick: !isVisuallyRefreshed ? onClick : undefined,
+    onClick: undefined,
     ref: ref,
     "data-testid": testId
   }, rest, {
-    className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1tpy _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygb1x42" : "_11c8dcr7 _179r1tpy _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygb1x42", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
+    className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", "_11c8dcr7 _179r187z _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbi3bv", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq"]),
     style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
-      "--_mwqor1": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))),
-      "--_17ckjys": ix("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")")),
-      "--_z3oznn": ix("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(B100, ")"))),
-      "--_6j4ewu": ix("var(--ds-background-neutral-hovered, ".concat(N30A, ")")),
-      "--_1rdacuj": ix("3px solid ".concat("var(--ds-icon-disabled, ".concat(N40, ")"))),
-      "--_1qca9zt": ix("3px solid ".concat("var(--ds-icon-subtle, ".concat(N300, ")")))
+      "--_17ckjys": ix("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"))
     })
   }), 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: React.ForwardRefExoticComponent<React.PropsWithoutRef<TableProps> & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
 export declare const Caption: FC<{
     children: ReactNode;
 }>;

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

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

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: React.ForwardRefExoticComponent<React.PropsWithoutRef<HeadCellProps> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const HeadCell: import("react").ForwardRefExoticComponent<Omit<HeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
 export {};

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: React.ForwardRefExoticComponent<React.PropsWithoutRef<TableProps> & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
 export declare const Caption: FC<{
     children: ReactNode;
 }>;