@atlaskit/table 0.11.6 → 0.12.0

package/dist/cjs/ui/tbody.js

@@ -1,30 +1,17 @@
+/* tbody.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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,
-    boxShadow: "inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"),
-    content: "''",
-    pointerEvents: 'none'
-  }
-});
+require("./tbody.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var bodyStyles = null;
 
 /**
  * __TBody__
@@ -32,7 +19,10 @@ var bodyStyles = (0, _react.css)({
  */
 var TBody = exports.TBody = function TBody(_ref) {
   var children = _ref.children;
-  return (0, _react.jsx)("tbody", {
-    css: bodyStyles
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: (0, _runtime.ax)(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3ud1es _aetrb3bt _11fnglyw"]),
+    style: {
+      "--_1tz90uq": (0, _runtime.ix)("inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"))
+    }
   }, children);
 };

package/dist/cjs/ui/td.js

@@ -7,14 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.TD = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("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__
  *
@@ -26,8 +21,9 @@ var TD = exports.TD = function TD(_ref) {
   var testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (
+    /*#__PURE__*/
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react.jsx)(_baseCell.BaseCell, (0, _extends2.default)({
+    _react.default.createElement(_baseCell.BaseCell, (0, _extends2.default)({
       as: "td",
       testId: testId
     }, props))

package/dist/cjs/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/cjs/ui/thead.js

@@ -1,26 +1,17 @@
+/* thead.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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',
-  borderBlockEnd: "2px solid ".concat("var(--ds-border, #eee)"),
-  borderBlockStart: '2px solid transparent'
-});
+require("./thead.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var baseStyles = null;
 
 /**
  * __THead__
@@ -31,7 +22,10 @@ var baseStyles = (0, _react.css)({
  */
 var THead = exports.THead = function THead(_ref) {
   var children = _ref.children;
-  return (0, _react.jsx)("thead", {
-    css: baseStyles
+  return /*#__PURE__*/React.createElement("thead", {
+    className: (0, _runtime.ax)(["_1r04idpf _19itglyw _179r1n0b _mqm21vrj _kqsw1if8 _1pbykb7n _bfhkvuon"]),
+    style: {
+      "--_ukuvb0": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, #eee)"))
+    }
   }, children);
 };

package/dist/cjs/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)}

package/dist/cjs/ui/tr.js

@@ -1,44 +1,22 @@
+/* tr.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TR = void 0;
-var _react = require("@emotion/react");
+require("./tr.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 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',
-  border: 'none',
-  borderImageWidth: 0,
-  borderSpacing: 0
-});
-var selectedStyles = (0, _react.css)({
-  backgroundColor: "var(--ds-background-selected, #DEEBFF88)",
-  '&:hover': {
-    backgroundColor: "var(--ds-background-selected-hovered, #DEEBFF)" // B50
-  }
-});
-var subitemStyles = (0, _react.css)({
-  backgroundColor: "var(--ds-background-neutral, #091E420F)"
-});
-var bodyRowStyles = (0, _react.css)({
-  borderBlockEnd: "1px solid ".concat("var(--ds-border, #eee)"),
-  '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #f8f8f8)"
-  },
-  '&:focus-visible::after': {
-    boxShadow: 'none'
-  }
-});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var baseStyles = null;
+var selectedStyles = null;
+var subitemStyles = null;
+var bodyRowStyles = null;
 /**
  * __Row__
  *
@@ -53,12 +31,15 @@ var TR = exports.TR = function TR(_ref) {
     _ref$isBodyRow = _ref.isBodyRow,
     isBodyRow = _ref$isBodyRow === void 0 ? true : _ref$isBodyRow,
     isSubitem = _ref.isSubitem;
-  return (0, _react.jsx)(_focusRing.default, {
+  return /*#__PURE__*/React.createElement(_focusRing.default, {
     isInset: true
-  }, (0, _react.jsx)("tr", {
+  }, /*#__PURE__*/React.createElement("tr", {
     tabIndex: -1,
     "aria-selected": isSelected,
     "data-testid": testId,
-    css: [baseStyles, isBodyRow && bodyRowStyles, isSelected && selectedStyles, isSubitem && subitemStyles]
+    className: (0, _runtime.ax)(["_19itglyw _4t3i1wto _kqswh2mm _hpylidpf _btyzidpf", isBodyRow && "_179rmc7d _x6vyglyw _irr3134o", isSelected && "_bfhkcslv _irr3quvt", isSubitem && "_bfhkm7j4"]),
+    style: {
+      "--_1748cv6": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #eee)"))
+    }
   }, children));
 };

package/dist/es2019/body.js

@@ -1,12 +1,4 @@
-/* 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 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';
@@ -48,7 +40,7 @@ function TBody({
       return sortedRows === null || sortedRows === void 0 ? void 0 : sortedRows.map(({
         idx,
         ...row
-      }) => jsx(RowProvider, {
+      }) => /*#__PURE__*/React.createElement(RowProvider, {
         key: idx,
         value: idx
       },
@@ -56,13 +48,13 @@ function TBody({
       children(row)));
     }
     const childrenArray = Array.isArray(children) ? children : [children];
-    return childrenArray.map((row, idx) => jsx(RowProvider, {
+    return childrenArray.map((row, idx) => /*#__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/es2019/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';
@@ -28,12 +21,12 @@ const ExpandableCell = /*#__PURE__*/memo(() => {
     toggleExpanded();
   }, [toggleExpanded]);
   const 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: iconProps => jsx(Icon, _extends({}, iconProps, {
+    icon: iconProps => /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
       LEGACY_size: "small"
     })),
     label: "Expand row",

package/dist/es2019/head-cell.js

@@ -1,11 +1,4 @@
-/* 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 React from 'react';
 import { Text } from '@atlaskit/primitives';
 import { TH } from './ui/th';
 
@@ -21,12 +14,12 @@ const HeadCell = ({
   backgroundColor,
   scope = 'col'
 }) => {
-  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/es2019/row.js

@@ -1,11 +1,4 @@
-/**
- * @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';
@@ -52,13 +45,13 @@ const Row = /*#__PURE__*/memo(({
   if (isExpanded === false && isExpandableContent) {
     return null;
   }
-  let selectableCell = isSelectable && jsx(SelectableCell, null);
+  let 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/es2019/selectable-cell.js

@@ -1,11 +1,4 @@
-/**
- * @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';
@@ -21,12 +14,12 @@ const SelectableCellComponent = () => {
   const idx = useRowId();
   const isChecked = useMemo(() => allChecked || checked.includes(idx), [allChecked, checked, idx]);
   const onChange = useCallback(e => 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)
   }));
 };
 const SelectableCell = /*#__PURE__*/memo(SelectableCellComponent);

package/dist/es2019/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/es2019/sortable-column.js

@@ -1,13 +1,9 @@
+/* sortable-column.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-/* eslint-disable no-unused-vars */
-/**
- * @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';
@@ -30,13 +26,7 @@ const sortingMessages = {
     number: 'Sort from 9 to 0'
   }
 };
-const overrideStyles = css({
-  // 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, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-  paddingInline: `2px !important`
-});
+const overrideStyles = null;
 
 /**
  * __SortableColumn__
@@ -65,28 +55,28 @@ const SortableColumn = ({
   const updateSortState = useCallback(
   // @ts-expect-error: TODO: Our `name` typing is off; refer to `SortKey`
   () => 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"
-  }, tooltipProps => jsx(Button, _extends({
+  }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({
     testId: `${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)));
 };
 export default SortableColumn;

package/dist/es2019/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';
@@ -36,10 +29,10 @@ function Table({
     setSortState,
     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/es2019/thead.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 Checkbox from '@atlaskit/checkbox';
 import Inline from '@atlaskit/primitives/inline';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -26,18 +20,18 @@ const THead = ({
     removeAll
   }] = useSelection();
   const 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)",
@@ -45,7 +39,7 @@ const THead = ({
       // 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/es2019/ui/expand-icon.js

@@ -1,12 +1,4 @@
-/* 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 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
@@ -24,14 +16,14 @@ export const ExpandIcon = /*#__PURE__*/memo(({
 }) => {
   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/es2019/ui/sort-icon.js

@@ -1,12 +1,4 @@
-/* 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 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';
@@ -26,14 +18,14 @@ export const SortIcon = /*#__PURE__*/memo(({
   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/es2019/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__
  *
@@ -20,7 +14,7 @@ export const Table = ({
   testId,
   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/es2019/ui/tbody.compiled.css

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