@atlaskit/table 0.5.2 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/table
 
+## 0.6.0
+
+### Minor Changes
+
+- [#110836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110836)
+  [`a8bd419fd70b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8bd419fd70b9) -
+  Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
+  is implicitly set to automatic.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.5.2
 
 ### Patch Changes
@@ -20,7 +33,7 @@
 
 - [#99184](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99184)
   [`3755cda305d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3755cda305d7) -
-  Add support for React 18.
+  Add support for React 18 in non-strict mode.
 
 ### Patch Changes
 

package/LICENSE.md

@@ -1,13 +1,11 @@
 Copyright 2022 Atlassian Pty Ltd
 
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
+compliance with the License. You may obtain a copy of the License at
 
     http://www.apache.org/licenses/LICENSE-2.0
 
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+Unless required by applicable law or agreed to in writing, software distributed under the License is
+distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing permissions and limitations under the
+License.

package/README.md

@@ -2,7 +2,8 @@
 
 **WARNING!**
 
-This is an experimental package for exploration and validation of the foundations for the Atlassian Design System.
+This is an experimental package for exploration and validation of the foundations for the Atlassian
+Design System.
 
 ## Description
 
@@ -12,7 +13,8 @@ A table is used to display and organise complex data.
 
 `import Table from '@atlaskit/table';`
 
-Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/design-system/table).
+Detailed docs and example usage can be found
+[here](https://atlaskit.atlassian.com/packages/design-system/table).
 
 ### Render Prop
 
@@ -28,24 +30,24 @@ type President = (typeof presidents)[number];
  * Primary UI component for user interaction
  */
 export const RenderProp = ({ isSelectable }) => {
-  return (
-    <Table isSelectable={isSelectable}>
-      <THead>
-        <HeadCell>Name</HeadCell>
-        <HeadCell>Party</HeadCell>
-        <HeadCell>Year</HeadCell>
-      </THead>
-      <TBody<President> rows={presidents}>
-        {row => (
-          <Row key={row.id} {...row}>
-            <Cell>{row.nm}</Cell>
-            <Cell>{row.pp}</Cell>
-            <Cell>{row.tm}</Cell>
-          </Row>
-        )}
-      </TBody>
-    </Table>
-  );
+	return (
+		<Table isSelectable={isSelectable}>
+			<THead>
+				<HeadCell>Name</HeadCell>
+				<HeadCell>Party</HeadCell>
+				<HeadCell>Year</HeadCell>
+			</THead>
+			<TBody<President> rows={presidents}>
+				{(row) => (
+					<Row key={row.id} {...row}>
+						<Cell>{row.nm}</Cell>
+						<Cell>{row.pp}</Cell>
+						<Cell>{row.tm}</Cell>
+					</Row>
+				)}
+			</TBody>
+		</Table>
+	);
 };
 ```
 
@@ -61,23 +63,23 @@ import { presidents } from './data';
  * Primary UI component for user interaction
  */
 export const CompositionExample = ({ isSelectable }) => {
-  return (
-    <Table isSelectable={isSelectable}>
-      <THead>
-        <HeadCell>Name</HeadCell>
-        <HeadCell>Party</HeadCell>
-        <HeadCell>Year</HeadCell>
-      </THead>
-      <TBody>
-        {presidents.map(row => (
-          <Row key={row.id}>
-            <Cell>{row.nm}</Cell>
-            <Cell>{row.pp}</Cell>
-            <Cell>{row.tm}</Cell>
-          </Row>
-        ))}
-      </TBody>
-    </Table>
-  );
+	return (
+		<Table isSelectable={isSelectable}>
+			<THead>
+				<HeadCell>Name</HeadCell>
+				<HeadCell>Party</HeadCell>
+				<HeadCell>Year</HeadCell>
+			</THead>
+			<TBody>
+				{presidents.map((row) => (
+					<Row key={row.id}>
+						<Cell>{row.nm}</Cell>
+						<Cell>{row.pp}</Cell>
+						<Cell>{row.tm}</Cell>
+					</Row>
+				))}
+			</TBody>
+		</Table>
+	);
 };
 ```

package/dist/cjs/body.js

@@ -17,7 +17,9 @@ var _useTableBody = require("./hooks/use-table-body");
 var _ui = require("./ui");
 var _excluded = ["idx"];
 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; } /* eslint-disable @repo/internal/react/no-clone-element */ /** @jsx jsx */
+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; } /* eslint-disable @repo/internal/react/no-clone-element */ /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * __Table body__
  */

package/dist/cjs/expandable-cell.js

@@ -12,8 +12,13 @@ var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
 var _useExpand2 = _interopRequireDefault(require("./hooks/use-expand"));
 var _expandableCell = require("./ui/expandable-cell");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __Expandable cell__
  *

package/dist/cjs/head-cell.js

@@ -8,8 +8,13 @@ var _react = require("@emotion/react");
 var _primitives = require("@atlaskit/primitives");
 var _th = require("./ui/th");
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __HeadCell__
  *

package/dist/cjs/row.js

@@ -17,8 +17,13 @@ var _useTableBody = require("./hooks/use-table-body");
 var _selectableCell = _interopRequireDefault(require("./selectable-cell"));
 var _selectableCell2 = require("./ui/selectable-cell");
 var _tr = require("./ui/tr");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __Row__
  *

package/dist/cjs/selectable-cell.js

@@ -13,8 +13,13 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 var _selectionProvider = require("./hooks/selection-provider");
 var _useRowId = require("./hooks/use-row-id");
 var _ui = require("./ui");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var SelectableCell = function SelectableCell() {
   var _useSelection = (0, _selectionProvider.useSelection)(),
     _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),

package/dist/cjs/sortable-column.js

@@ -16,7 +16,11 @@ var _sortIcon = require("./ui/sort-icon");
 var _th = require("./ui/th");
 var _excluded = ["name", "testId", "onClick", "children"];
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * TODO these need to be i18n supported
  */
@@ -35,10 +39,10 @@ var sortingMessages = {
   }
 };
 var overrideStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   margin: '0 -2px !important',
   gap: "var(--ds-space-050, 4px)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   paddingInline: "2px !important"
 });
 

package/dist/cjs/table.js

@@ -11,8 +11,13 @@ var _selectionProvider = _interopRequireDefault(require("./hooks/selection-provi
 var _useSorting2 = require("./hooks/use-sorting");
 var _useTable = require("./hooks/use-table");
 var _ui = require("./ui");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __Table__
  *

package/dist/cjs/thead.js

@@ -16,8 +16,13 @@ var _bulkActionOverlay = require("./ui/bulk-action-overlay");
 var _selectableCell = require("./ui/selectable-cell");
 var _thead = require("./ui/thead");
 var _tr = require("./ui/tr");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var THead = function THead(_ref) {
   var actions = _ref.actions,
     children = _ref.children;

package/dist/cjs/ui/base-cell.js

@@ -18,9 +18,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var baseResetStyles = (0, _primitives.xcss)({
   display: 'table-cell',
   verticalAlign: 'middle',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':first-of-type': {
     paddingInlineStart: 'space.100'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':last-of-type': {
     paddingInlineEnd: 'space.100'
   }

package/dist/cjs/ui/expand-icon.js

@@ -10,8 +10,13 @@ var _react2 = require("@emotion/react");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // TODO: Using HipChat icons as the standard icon set is missing large
 // versions of `chevron-up` and `chevron-down`, despite already including
 // `chevron-left-large` and `chevron-right-large`...

package/dist/cjs/ui/sort-icon.js

@@ -11,8 +11,13 @@ var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-down
 var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-up"));
 var _useTable2 = require("../hooks/use-table");
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __SortIcon__
  *

package/dist/cjs/ui/table.js

@@ -5,8 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Table = void 0;
 var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 /**
  * __Table__
  *

package/dist/cjs/ui/tbody.js

@@ -6,11 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TBody = void 0;
 var _react = require("@emotion/react");
 /* eslint-disable @repo/internal/react/no-clone-element */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var bodyStyles = (0, _react.css)({
   position: 'relative',
   border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:after': {
     position: 'absolute',
     inset: 0,

package/dist/cjs/ui/td.js

@@ -10,7 +10,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("@emotion/react");
 var _baseCell = require("./base-cell");
 var _excluded = ["testId"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 /**
  * __Cell__
  *

package/dist/cjs/ui/thead.js

@@ -5,16 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.THead = void 0;
 var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var baseStyles = (0, _react.css)({
   position: 'sticky',
   zIndex: 1,
   inset: 0,
   backgroundColor: "var(--ds-surface, white)",
   border: 'none',
-  borderBottom: "2px solid ".concat("var(--ds-border, #eee)"),
-  borderTop: '2px solid transparent'
+  borderBlockEnd: "2px solid ".concat("var(--ds-border, #eee)"),
+  borderBlockStart: '2px solid transparent'
 });
 
 /**

package/dist/cjs/ui/tr.js

@@ -7,8 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.TR = void 0;
 var _react = require("@emotion/react");
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var baseStyles = (0, _react.css)({
   height: '3rem',
   position: 'relative',

package/dist/es2019/body.js

@@ -1,6 +1,11 @@
 /* eslint-disable @repo/internal/react/no-clone-element */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Children, useEffect, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useSelection } from './hooks/selection-provider';
 import { RowProvider } from './hooks/use-row-id';

package/dist/es2019/expandable-cell.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { memo, useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
 import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';

package/dist/es2019/head-cell.js

@@ -1,6 +1,10 @@
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Text } from '@atlaskit/primitives';
 import { TH } from './ui/th';

package/dist/es2019/row.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { memo, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useSelection } from './hooks/selection-provider';
 import useExpand from './hooks/use-expand';

package/dist/es2019/selectable-cell.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { memo, useCallback, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Checkbox from '@atlaskit/checkbox';
 import VisuallyHidden from '@atlaskit/visually-hidden';

package/dist/es2019/sortable-column.js

@@ -1,7 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button';
 import Tooltip from '@atlaskit/tooltip';
@@ -26,10 +31,10 @@ const sortingMessages = {
   }
 };
 const overrideStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   margin: '0 -2px !important',
   gap: "var(--ds-space-050, 4px)",
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   paddingInline: `2px !important`
 });
 

package/dist/es2019/table.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import SelectionProvider from './hooks/selection-provider';
 import { useSorting } from './hooks/use-sorting';

package/dist/es2019/thead.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import Checkbox from '@atlaskit/checkbox';
 import Inline from '@atlaskit/primitives/inline';

package/dist/es2019/ui/base-cell.js

@@ -8,9 +8,11 @@ import { Box, xcss } from '@atlaskit/primitives';
 const baseResetStyles = xcss({
   display: 'table-cell',
   verticalAlign: 'middle',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':first-of-type': {
     paddingInlineStart: 'space.100'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':last-of-type': {
     paddingInlineEnd: 'space.100'
   }

package/dist/es2019/ui/expand-icon.js

@@ -1,6 +1,11 @@
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 
 // TODO: Using HipChat icons as the standard icon set is missing large

package/dist/es2019/ui/sort-icon.js

@@ -1,6 +1,11 @@
 /* eslint-disable no-unused-vars */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { memo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import ArrowDownIcon from '@atlaskit/icon/glyph/arrow-down';
 import ArrowUpIcon from '@atlaskit/icon/glyph/arrow-up';

package/dist/es2019/ui/table.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 /**
  * __Table__

package/dist/es2019/ui/tbody.js

@@ -1,10 +1,15 @@
 /* eslint-disable @repo/internal/react/no-clone-element */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const bodyStyles = css({
   position: 'relative',
   border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:after': {
     position: 'absolute',
     inset: 0,

package/dist/es2019/ui/td.js

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { BaseCell } from './base-cell';
 

package/dist/es2019/ui/thead.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const baseStyles = css({
   position: 'sticky',
@@ -7,8 +11,8 @@ const baseStyles = css({
   inset: 0,
   backgroundColor: "var(--ds-surface, white)",
   border: 'none',
-  borderBottom: `2px solid ${"var(--ds-border, #eee)"}`,
-  borderTop: '2px solid transparent'
+  borderBlockEnd: `2px solid ${"var(--ds-border, #eee)"}`,
+  borderBlockStart: '2px solid transparent'
 });
 
 /**

package/dist/es2019/ui/tr.js

@@ -1,5 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 const baseStyles = css({

package/dist/esm/body.js

@@ -5,8 +5,13 @@ var _excluded = ["idx"];
 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/no-clone-element */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Children, useEffect, useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useSelection } from './hooks/selection-provider';
 import { RowProvider } from './hooks/use-row-id';