@atlaskit/table 0.11.7 → 0.12.0

package/dist/es2019/ui/thead.js

@@ -1,19 +1,8 @@
-/**
- * @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',
-  zIndex: 1,
-  inset: 0,
-  backgroundColor: "var(--ds-surface, white)",
-  border: 'none',
-  borderBlockEnd: `2px solid ${"var(--ds-border, #eee)"}`,
-  borderBlockStart: '2px solid transparent'
-});
+/* thead.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./thead.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const baseStyles = null;
 
 /**
  * __THead__
@@ -25,7 +14,7 @@ const baseStyles = css({
 export const THead = ({
   children
 }) => {
-  return jsx("thead", {
-    css: baseStyles
+  return /*#__PURE__*/React.createElement("thead", {
+    className: ax(["_1r04idpf _19itglyw _179r3ggr _mqm21vrj _kqsw1if8 _1pbykb7n _bfhkvuon"])
   }, children);
 };

package/dist/es2019/ui/tr.compiled.css

@@ -0,0 +1,11 @@
+
+._19itglyw{border:none}._179rn7ae{border-block-end:1px solid var(--ds-border,#eee)}
+._4t3i1wto{height:3rem}
+._bfhkcslv{background-color:var(--ds-background-selected,#deebff88)}
+._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._btyzidpf{border-spacing:0}
+._hpylidpf{border-image-width:0}
+._kqswh2mm{position:relative}
+._x6vyglyw:focus-visible:after{box-shadow:none}
+._irr3134o:hover{background-color:var(--ds-background-neutral-subtle-hovered,#f8f8f8)}
+._irr3quvt:hover{background-color:var(--ds-background-selected-hovered,#deebff)}

package/dist/es2019/ui/tr.js

@@ -1,36 +1,12 @@
-/**
- * @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';
+/* tr.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./tr.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import FocusRing from '@atlaskit/focus-ring';
-const baseStyles = css({
-  height: '3rem',
-  position: 'relative',
-  border: 'none',
-  borderImageWidth: 0,
-  borderSpacing: 0
-});
-const selectedStyles = css({
-  backgroundColor: "var(--ds-background-selected, #DEEBFF88)",
-  '&:hover': {
-    backgroundColor: "var(--ds-background-selected-hovered, #DEEBFF)" // B50
-  }
-});
-const subitemStyles = css({
-  backgroundColor: "var(--ds-background-neutral, #091E420F)"
-});
-const bodyRowStyles = css({
-  borderBlockEnd: `1px solid ${"var(--ds-border, #eee)"}`,
-  '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #f8f8f8)"
-  },
-  '&:focus-visible::after': {
-    boxShadow: 'none'
-  }
-});
+const baseStyles = null;
+const selectedStyles = null;
+const subitemStyles = null;
+const bodyRowStyles = null;
 /**
  * __Row__
  *
@@ -45,12 +21,12 @@ export const TR = ({
   isBodyRow = true,
   isSubitem
 }) => {
-  return jsx(FocusRing, {
+  return /*#__PURE__*/React.createElement(FocusRing, {
     isInset: true
-  }, jsx("tr", {
+  }, /*#__PURE__*/React.createElement("tr", {
     tabIndex: -1,
     "aria-selected": isSelected,
     "data-testid": testId,
-    css: [baseStyles, isBodyRow && bodyRowStyles, isSelected && selectedStyles, isSubitem && subitemStyles]
+    className: ax(["_19itglyw _4t3i1wto _kqswh2mm _hpylidpf _btyzidpf", isBodyRow && "_179rn7ae _x6vyglyw _irr3134o", isSelected && "_bfhkcslv _irr3quvt", isSubitem && "_bfhkm7j4"])
   }, children));
 };

package/dist/esm/body.js

@@ -4,14 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
-/**
- * @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 React, { Children, useEffect, useMemo } from 'react';
 import { useSelection } from './hooks/selection-provider';
 import { RowProvider } from './hooks/use-row-id';
 import { useTable } from './hooks/use-table';
@@ -56,7 +49,7 @@ function TBody(_ref) {
       return sortedRows === null || sortedRows === void 0 ? void 0 : sortedRows.map(function (_ref2) {
         var idx = _ref2.idx,
           row = _objectWithoutProperties(_ref2, _excluded);
-        return jsx(RowProvider, {
+        return /*#__PURE__*/React.createElement(RowProvider, {
           key: idx,
           value: idx
         },
@@ -66,14 +59,14 @@ function TBody(_ref) {
     }
     var childrenArray = Array.isArray(children) ? children : [children];
     return childrenArray.map(function (row, idx) {
-      return jsx(RowProvider, {
+      return /*#__PURE__*/React.createElement(RowProvider, {
         key: idx,
         value: idx
       }, row);
     });
   }();
-  return jsx(TableBodyProvider, {
+  return /*#__PURE__*/React.createElement(TableBodyProvider, {
     value: true
-  }, jsx(TBodyPrimitive, null, renderedChildren));
+  }, /*#__PURE__*/React.createElement(TBodyPrimitive, null, renderedChildren));
 }
 export default TBody;

package/dist/esm/expandable-cell.js

@@ -1,12 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @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 React, { memo, useCallback } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
@@ -27,13 +20,13 @@ var ExpandableCell = /*#__PURE__*/memo(function () {
     toggleExpanded();
   }, [toggleExpanded]);
   var Icon = isExpanded ? ChevronUpIcon : ChevronDownIcon;
-  return jsx(ExpandableCellPrimitive, {
+  return /*#__PURE__*/React.createElement(ExpandableCellPrimitive, {
     as: "td"
-  }, jsx(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     spacing: "compact",
     appearance: "subtle",
     icon: function icon(iconProps) {
-      return jsx(Icon, _extends({}, iconProps, {
+      return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
         LEGACY_size: "small"
       }));
     },

package/dist/esm/head-cell.js

@@ -1,10 +1,4 @@
-/**
- * @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 React from 'react';
 import { Text } from '@atlaskit/primitives';
 import { TH } from './ui/th';
 
@@ -20,12 +14,12 @@ var HeadCell = function HeadCell(_ref) {
     backgroundColor = _ref.backgroundColor,
     _ref$scope = _ref.scope,
     scope = _ref$scope === void 0 ? 'col' : _ref$scope;
-  return jsx(TH, {
+  return /*#__PURE__*/React.createElement(TH, {
     scope: scope,
     align: align,
     testId: testId,
     backgroundColor: backgroundColor
-  }, children && jsx(Text, {
+  }, children && /*#__PURE__*/React.createElement(Text, {
     weight: "medium"
   }, children));
 };

package/dist/esm/row.js

@@ -1,12 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @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 React, { memo, useMemo } from 'react';
 import { useSelection } from './hooks/selection-provider';
 import useExpand from './hooks/use-expand';
 import useExpandContent from './hooks/use-expand-content';
@@ -50,13 +43,13 @@ var Row = /*#__PURE__*/memo(function (_ref) {
   if (isExpanded === false && isExpandableContent) {
     return null;
   }
-  var selectableCell = isSelectable && jsx(SelectableCell, null);
+  var selectableCell = isSelectable && /*#__PURE__*/React.createElement(SelectableCell, null);
   if (isSelectable && isExpandableContent) {
-    selectableCell = jsx(SelectableCellPrimitive, {
+    selectableCell = /*#__PURE__*/React.createElement(SelectableCellPrimitive, {
       as: "td"
     });
   }
-  return jsx(TRPrimitive, {
+  return /*#__PURE__*/React.createElement(TRPrimitive, {
     isSelected: isSelected,
     testId: testId,
     isSubitem: isExpandableContent

package/dist/esm/selectable-cell.js

@@ -1,12 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @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 React, { memo, useCallback, useMemo } from 'react';
 import Checkbox from '@atlaskit/checkbox';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 import { useSelection } from './hooks/selection-provider';
@@ -26,12 +19,12 @@ var SelectableCellComponent = function SelectableCellComponent() {
   var onChange = useCallback(function (e) {
     return toggleSelection === null || toggleSelection === void 0 ? void 0 : toggleSelection(idx, e.nativeEvent.shiftKey);
   }, [idx, toggleSelection]);
-  return jsx(SelectableCellPrimitive, {
+  return /*#__PURE__*/React.createElement(SelectableCellPrimitive, {
     as: "td"
-  }, jsx(Checkbox, {
+  }, /*#__PURE__*/React.createElement(Checkbox, {
     isChecked: isChecked,
     onChange: onChange,
-    label: jsx(VisuallyHidden, null, "Select row ", idx + 1)
+    label: /*#__PURE__*/React.createElement(VisuallyHidden, null, "Select row ", idx + 1)
   }));
 };
 var SelectableCell = /*#__PURE__*/memo(SelectableCellComponent);

package/dist/esm/sortable-column.compiled.css

@@ -0,0 +1,6 @@
+
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._18zrud7t{padding-inline:2px!important}._18u0qyou{margin-left:-2px!important}
+._19pkgrf3{margin-top:0!important}
+._2hwxqyou{margin-right:-2px!important}
+._otyrgrf3{margin-bottom:0!important}

package/dist/esm/sortable-column.js

@@ -1,14 +1,11 @@
+/* sortable-column.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "testId", "onClick", "children"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./sortable-column.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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';
 import { useTable } from './hooks/use-table';
@@ -31,13 +28,7 @@ var sortingMessages = {
     number: 'Sort from 9 to 0'
   }
 };
-var overrideStyles = css({
-  // eslint-disable-next-line @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/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-  paddingInline: "2px !important"
-});
+var overrideStyles = null;
 
 /**
  * __SortableColumn__
@@ -66,29 +57,29 @@ var SortableColumn = function SortableColumn(_ref) {
   function () {
     return setSortState(name);
   }, [setSortState, name]);
-  return jsx(THPrimitive, _extends({
+  return /*#__PURE__*/React.createElement(THPrimitive, _extends({
     testId: testId,
     sortDirection: sortKey === name ? sortDirection : 'none'
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, other), jsx(Tooltip, {
+  }, other), /*#__PURE__*/React.createElement(Tooltip, {
     content: getSortMessage(),
     position: "top"
   }, function (tooltipProps) {
-    return jsx(Button, _extends({
+    return /*#__PURE__*/React.createElement(Button, _extends({
       testId: "".concat(testId, "--button"),
       spacing: "compact",
       appearance: "subtle",
-      iconAfter: jsx(SortIconPrimitive, {
+      iconAfter: /*#__PURE__*/React.createElement(SortIconPrimitive, {
         name: name
       })
     }, tooltipProps, {
       onClick: updateSortState
       // TODO: (from codemod) Buttons with "css" or "style" prop can't be migrated for now. Please wait for the support of xcss prop.
       ,
-      css: overrideStyles
+
       // TODO: i18n support for this attr
-      ,
-      "aria-roledescription": "Column sort button"
+      "aria-roledescription": "Column sort button",
+      className: ax(["_19pkgrf3 _2hwxqyou _otyrgrf3 _18u0qyou _zulp1b66 _18zrud7t"])
     }), children);
   }));
 };

package/dist/esm/table.js

@@ -1,11 +1,4 @@
-/**
- * @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 React, { useMemo } from 'react';
 import SelectionProvider from './hooks/selection-provider';
 import { useSorting } from './hooks/use-sorting';
 import { TableProvider } from './hooks/use-table';
@@ -37,10 +30,10 @@ function Table(_ref) {
       sortFn: sortFn
     };
   }, [isSelectable, localSortKey, setSortState, sortDirection, sortFn]);
-  return jsx(TableProvider, {
+  return /*#__PURE__*/React.createElement(TableProvider, {
     state: tableProviderState
-  }, jsx(TablePrimitive, {
+  }, /*#__PURE__*/React.createElement(TablePrimitive, {
     testId: testId
-  }, isSelectable ? jsx(SelectionProvider, null, children) : children));
+  }, isSelectable ? /*#__PURE__*/React.createElement(SelectionProvider, null, children) : children));
 }
 export default Table;

package/dist/esm/thead.js

@@ -1,11 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @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 React from 'react';
 import Checkbox from '@atlaskit/checkbox';
 import Inline from '@atlaskit/primitives/inline';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -27,18 +21,18 @@ var THead = function THead(_ref) {
     setAll = _useSelection2$.setAll,
     removeAll = _useSelection2$.removeAll;
   var isChecked = state.allChecked || state.anyChecked;
-  return jsx(THeadPrimitive, null, jsx(TRPrimitive, {
+  return /*#__PURE__*/React.createElement(THeadPrimitive, null, /*#__PURE__*/React.createElement(TRPrimitive, {
     isBodyRow: false
-  }, isSelectable && jsx(SelectableCellPrimitive, {
+  }, isSelectable && /*#__PURE__*/React.createElement(SelectableCellPrimitive, {
     as: "th"
-  }, jsx(Checkbox, {
-    label: jsx(VisuallyHidden, {
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    label: /*#__PURE__*/React.createElement(VisuallyHidden, {
       id: "select-all"
     }, "Select all rows"),
     onChange: isChecked ? removeAll : setAll,
     isChecked: isChecked,
     isIndeterminate: state.anyChecked && !state.allChecked
-  })), children, isSelectable && isChecked && jsx(BulkActionOverlayPrimitive, null, jsx("span", {
+  })), children, isSelectable && isChecked && /*#__PURE__*/React.createElement(BulkActionOverlayPrimitive, null, /*#__PURE__*/React.createElement("span", {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       color: "var(--ds-text, #172B4D)",
@@ -46,7 +40,7 @@ var THead = function THead(_ref) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       fontWeight: "var(--ds-font-weight-medium, 500)"
     }
-  }, state.checked.length, " selected"), actions && jsx(Inline, {
+  }, state.checked.length, " selected"), actions && /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "stretch",
     space: "space.100"
   }, actions(state.checked)))));

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

@@ -1,11 +1,4 @@
-/**
- * @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 React, { memo } from 'react';
 
 // TODO: Using HipChat icons as the standard icon set is missing large
 // versions of `chevron-up` and `chevron-down`, despite already including
@@ -22,14 +15,14 @@ export var ExpandIcon = /*#__PURE__*/memo(function (_ref) {
   var isExpanded = _ref.isExpanded;
   switch (isExpanded) {
     case true:
-      return jsx(ChevronUpIcon, {
+      return /*#__PURE__*/React.createElement(ChevronUpIcon, {
         color: "currentColor",
         LEGACY_size: "small",
         label: "",
         LEGACY_primaryColor: "inherit"
       });
     case false:
-      return jsx(ChevronDownIcon, {
+      return /*#__PURE__*/React.createElement(ChevronDownIcon, {
         color: "currentColor",
         LEGACY_size: "small",
         label: "",

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

@@ -1,11 +1,4 @@
-/**
- * @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 React, { memo } from 'react';
 import ArrowDownIcon from '@atlaskit/icon/utility/migration/arrow-down';
 import ArrowUpIcon from '@atlaskit/icon/utility/migration/arrow-up';
 import { useTable } from '../hooks/use-table';
@@ -23,14 +16,14 @@ export var SortIcon = /*#__PURE__*/memo(function (_ref) {
   if (sortKey === name) {
     switch (sortDirection) {
       case 'ascending':
-        return jsx(ArrowUpIcon, {
+        return /*#__PURE__*/React.createElement(ArrowUpIcon, {
           color: "currentColor",
           LEGACY_size: "small",
           label: "",
           LEGACY_primaryColor: "inherit"
         });
       case 'descending':
-        return jsx(ArrowDownIcon, {
+        return /*#__PURE__*/React.createElement(ArrowDownIcon, {
           color: "currentColor",
           LEGACY_size: "small",
           label: "",

package/dist/esm/ui/table.js

@@ -1,10 +1,4 @@
-/**
- * @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 React from 'react';
 /**
  * __Table__
  *
@@ -19,7 +13,7 @@ export var Table = function Table(_ref) {
   var children = _ref.children,
     testId = _ref.testId,
     summary = _ref.summary;
-  return jsx("table", {
+  return /*#__PURE__*/React.createElement("table", {
     "data-testid": testId
-  }, summary && jsx("caption", null, summary), children);
+  }, summary && /*#__PURE__*/React.createElement("caption", null, summary), children);
 };

package/dist/esm/ui/tbody.compiled.css

@@ -0,0 +1,7 @@
+
+._19itglyw{border:none}
+._9v7aidpf:after{inset:0}._11fnglyw:after{pointer-events:none}
+._18postnw:after{position:absolute}
+._8x3ud1es:after{box-shadow:var(--_1tz90uq)}
+._aetrb3bt:after{content:""}
+._kqswh2mm{position:relative}

package/dist/esm/ui/tbody.js

@@ -1,22 +1,8 @@
-/**
- * @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';
-var 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,
-    boxShadow: "inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"),
-    content: "''",
-    pointerEvents: 'none'
-  }
-});
+/* tbody.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./tbody.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var bodyStyles = null;
 
 /**
  * __TBody__
@@ -24,7 +10,10 @@ var bodyStyles = css({
  */
 export var TBody = function TBody(_ref) {
   var children = _ref.children;
-  return jsx("tbody", {
-    css: bodyStyles
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: ax(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3ud1es _aetrb3bt _11fnglyw"]),
+    style: {
+      "--_1tz90uq": ix("inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"))
+    }
   }, children);
 };

package/dist/esm/ui/td.js

@@ -1,13 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["testId"];
-/**
- * @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 React from 'react';
 import { BaseCell } from './base-cell';
 
 /**
@@ -21,8 +15,9 @@ export var TD = function TD(_ref) {
   var testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
   return (
+    /*#__PURE__*/
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    jsx(BaseCell, _extends({
+    React.createElement(BaseCell, _extends({
       as: "td",
       testId: testId
     }, props))

package/dist/esm/ui/thead.compiled.css

@@ -0,0 +1,7 @@
+
+._19itglyw{border:none}
+._1r04idpf{inset:0}._179r1n0b{border-block-end:var(--_ukuvb0)}
+._mqm21vrj{border-block-start:2px solid transparent}
+._1pbykb7n{z-index:1}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._kqsw1if8{position:sticky}

package/dist/esm/ui/thead.js

@@ -1,19 +1,8 @@
-/**
- * @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';
-var baseStyles = css({
-  position: 'sticky',
-  zIndex: 1,
-  inset: 0,
-  backgroundColor: "var(--ds-surface, white)",
-  border: 'none',
-  borderBlockEnd: "2px solid ".concat("var(--ds-border, #eee)"),
-  borderBlockStart: '2px solid transparent'
-});
+/* thead.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./thead.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var baseStyles = null;
 
 /**
  * __THead__
@@ -24,7 +13,10 @@ var baseStyles = css({
  */
 export var THead = function THead(_ref) {
   var children = _ref.children;
-  return jsx("thead", {
-    css: baseStyles
+  return /*#__PURE__*/React.createElement("thead", {
+    className: ax(["_1r04idpf _19itglyw _179r1n0b _mqm21vrj _kqsw1if8 _1pbykb7n _bfhkvuon"]),
+    style: {
+      "--_ukuvb0": ix("2px solid ".concat("var(--ds-border, #eee)"))
+    }
   }, children);
 };

package/dist/esm/ui/tr.compiled.css

@@ -0,0 +1,11 @@
+
+._19itglyw{border:none}._179rmc7d{border-block-end:var(--_1748cv6)}
+._4t3i1wto{height:3rem}
+._bfhkcslv{background-color:var(--ds-background-selected,#deebff88)}
+._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._btyzidpf{border-spacing:0}
+._hpylidpf{border-image-width:0}
+._kqswh2mm{position:relative}
+._x6vyglyw:focus-visible:after{box-shadow:none}
+._irr3134o:hover{background-color:var(--ds-background-neutral-subtle-hovered,#f8f8f8)}
+._irr3quvt:hover{background-color:var(--ds-background-selected-hovered,#deebff)}