@atlaskit/table 0.11.7 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/table
 
+## 0.12.0
+
+### Minor Changes
+
+- [#158320](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158320)
+  [`5804c07613c4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5804c07613c4f) -
+  Migrates table to compiled css-in-js.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.11.7
 
 ### Patch Changes

package/dist/cjs/body.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,19 +9,17 @@ exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _selectionProvider = require("./hooks/selection-provider");
 var _useRowId = require("./hooks/use-row-id");
 var _useTable2 = require("./hooks/use-table");
 var _useTableBody = require("./hooks/use-table-body");
 var _ui = require("./ui");
 var _excluded = ["idx"];
+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; }
 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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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; }
 /**
  * __Table body__
  */
@@ -60,7 +59,7 @@ function TBody(_ref) {
       return sortedRows === null || sortedRows === void 0 ? void 0 : sortedRows.map(function (_ref2) {
         var idx = _ref2.idx,
           row = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-        return (0, _react2.jsx)(_useRowId.RowProvider, {
+        return /*#__PURE__*/_react.default.createElement(_useRowId.RowProvider, {
           key: idx,
           value: idx
         },
@@ -70,14 +69,14 @@ function TBody(_ref) {
     }
     var childrenArray = Array.isArray(children) ? children : [children];
     return childrenArray.map(function (row, idx) {
-      return (0, _react2.jsx)(_useRowId.RowProvider, {
+      return /*#__PURE__*/_react.default.createElement(_useRowId.RowProvider, {
         key: idx,
         value: idx
       }, row);
     });
   }();
-  return (0, _react2.jsx)(_useTableBody.TableBodyProvider, {
+  return /*#__PURE__*/_react.default.createElement(_useTableBody.TableBodyProvider, {
     value: true
-  }, (0, _react2.jsx)(_ui.TBody, null, renderedChildren));
+  }, /*#__PURE__*/_react.default.createElement(_ui.TBody, null, renderedChildren));
 }
 var _default = exports.default = TBody;

package/dist/cjs/expandable-cell.js

@@ -1,25 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _new = require("@atlaskit/button/new");
 var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down"));
 var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up--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
-
+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; }
 /**
  * __Expandable cell__
  *
@@ -34,13 +29,13 @@ var ExpandableCell = /*#__PURE__*/(0, _react.memo)(function () {
     toggleExpanded();
   }, [toggleExpanded]);
   var Icon = isExpanded ? _chevronUpHipchatChevronUp.default : _chevronDownHipchatChevronDown.default;
-  return (0, _react2.jsx)(_expandableCell.ExpandableCell, {
+  return /*#__PURE__*/_react.default.createElement(_expandableCell.ExpandableCell, {
     as: "td"
-  }, (0, _react2.jsx)(_new.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
     spacing: "compact",
     appearance: "subtle",
     icon: function icon(iconProps) {
-      return (0, _react2.jsx)(Icon, (0, _extends2.default)({}, iconProps, {
+      return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
         LEGACY_size: "small"
       }));
     },

package/dist/cjs/head-cell.js

@@ -1,19 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var _th = require("./ui/th");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 /**
  * __HeadCell__
  *
@@ -26,12 +20,12 @@ var HeadCell = function HeadCell(_ref) {
     backgroundColor = _ref.backgroundColor,
     _ref$scope = _ref.scope,
     scope = _ref$scope === void 0 ? 'col' : _ref$scope;
-  return (0, _react.jsx)(_th.TH, {
+  return /*#__PURE__*/_react.default.createElement(_th.TH, {
     scope: scope,
     align: align,
     testId: testId,
     backgroundColor: backgroundColor
-  }, children && (0, _react.jsx)(_primitives.Text, {
+  }, children && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     weight: "medium"
   }, children));
 };

package/dist/cjs/row.js

@@ -1,13 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _selectionProvider = require("./hooks/selection-provider");
 var _useExpand2 = _interopRequireDefault(require("./hooks/use-expand"));
 var _useExpandContent2 = _interopRequireDefault(require("./hooks/use-expand-content"));
@@ -17,13 +17,8 @@ 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
-
+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; }
 /**
  * __Row__
  *
@@ -58,13 +53,13 @@ var Row = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   if (isExpanded === false && isExpandableContent) {
     return null;
   }
-  var selectableCell = isSelectable && (0, _react2.jsx)(_selectableCell.default, null);
+  var selectableCell = isSelectable && /*#__PURE__*/_react.default.createElement(_selectableCell.default, null);
   if (isSelectable && isExpandableContent) {
-    selectableCell = (0, _react2.jsx)(_selectableCell2.SelectableCell, {
+    selectableCell = /*#__PURE__*/_react.default.createElement(_selectableCell2.SelectableCell, {
       as: "td"
     });
   }
-  return (0, _react2.jsx)(_tr.TR, {
+  return /*#__PURE__*/_react.default.createElement(_tr.TR, {
     isSelected: isSelected,
     testId: testId,
     isSubitem: isExpandableContent

package/dist/cjs/selectable-cell.js

@@ -1,25 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
 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
-
+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 SelectableCellComponent = function SelectableCellComponent() {
   var _useSelection = (0, _selectionProvider.useSelection)(),
     _useSelection2 = (0, _slicedToArray2.default)(_useSelection, 2),
@@ -34,12 +29,12 @@ var SelectableCellComponent = function SelectableCellComponent() {
   var onChange = (0, _react.useCallback)(function (e) {
     return toggleSelection === null || toggleSelection === void 0 ? void 0 : toggleSelection(idx, e.nativeEvent.shiftKey);
   }, [idx, toggleSelection]);
-  return (0, _react2.jsx)(_ui.SelectableCell, {
+  return /*#__PURE__*/_react.default.createElement(_ui.SelectableCell, {
     as: "td"
-  }, (0, _react2.jsx)(_checkbox.default, {
+  }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
     isChecked: isChecked,
     onChange: onChange,
-    label: (0, _react2.jsx)(_visuallyHidden.default, null, "Select row ", idx + 1)
+    label: /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, "Select row ", idx + 1)
   }));
 };
 var SelectableCell = /*#__PURE__*/(0, _react.memo)(SelectableCellComponent);

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

@@ -1,25 +1,26 @@
+/* sortable-column.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.default = void 0;
+require("./sortable-column.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useTable2 = require("./hooks/use-table");
 var _sortIcon = require("./ui/sort-icon");
 var _th = require("./ui/th");
 var _excluded = ["name", "testId", "onClick", "children"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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; }
 /**
  * TODO these need to be i18n supported
  */
@@ -37,13 +38,7 @@ var sortingMessages = {
     number: 'Sort from 9 to 0'
   }
 };
-var overrideStyles = (0, _react2.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__
@@ -72,29 +67,29 @@ var SortableColumn = function SortableColumn(_ref) {
   function () {
     return setSortState(name);
   }, [setSortState, name]);
-  return (0, _react2.jsx)(_th.TH, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(_th.TH, (0, _extends2.default)({
     testId: testId,
     sortDirection: sortKey === name ? sortDirection : 'none'
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, other), (0, _react2.jsx)(_tooltip.default, {
+  }, other), /*#__PURE__*/React.createElement(_tooltip.default, {
     content: getSortMessage(),
     position: "top"
   }, function (tooltipProps) {
-    return (0, _react2.jsx)(_button.default, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_button.default, (0, _extends2.default)({
       testId: "".concat(testId, "--button"),
       spacing: "compact",
       appearance: "subtle",
-      iconAfter: (0, _react2.jsx)(_sortIcon.SortIcon, {
+      iconAfter: /*#__PURE__*/React.createElement(_sortIcon.SortIcon, {
         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: (0, _runtime.ax)(["_19pkgrf3 _2hwxqyou _otyrgrf3 _18u0qyou _zulp1b66 _18zrud7t"])
     }), children);
   }));
 };

package/dist/cjs/table.js

@@ -1,23 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _selectionProvider = _interopRequireDefault(require("./hooks/selection-provider"));
 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
-
+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; }
 /**
  * __Table__
  *
@@ -45,10 +40,10 @@ function Table(_ref) {
       sortFn: sortFn
     };
   }, [isSelectable, localSortKey, setSortState, sortDirection, sortFn]);
-  return (0, _react2.jsx)(_useTable.TableProvider, {
+  return /*#__PURE__*/_react.default.createElement(_useTable.TableProvider, {
     state: tableProviderState
-  }, (0, _react2.jsx)(_ui.Table, {
+  }, /*#__PURE__*/_react.default.createElement(_ui.Table, {
     testId: testId
-  }, isSelectable ? (0, _react2.jsx)(_selectionProvider.default, null, children) : children));
+  }, isSelectable ? /*#__PURE__*/_react.default.createElement(_selectionProvider.default, null, children) : children));
 }
 var _default = exports.default = Table;

package/dist/cjs/thead.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _checkbox = _interopRequireDefault(require("@atlaskit/checkbox"));
 var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -16,13 +16,6 @@ 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;
@@ -35,18 +28,18 @@ var THead = function THead(_ref) {
     setAll = _useSelection2$.setAll,
     removeAll = _useSelection2$.removeAll;
   var isChecked = state.allChecked || state.anyChecked;
-  return (0, _react.jsx)(_thead.THead, null, (0, _react.jsx)(_tr.TR, {
+  return /*#__PURE__*/_react.default.createElement(_thead.THead, null, /*#__PURE__*/_react.default.createElement(_tr.TR, {
     isBodyRow: false
-  }, isSelectable && (0, _react.jsx)(_selectableCell.SelectableCell, {
+  }, isSelectable && /*#__PURE__*/_react.default.createElement(_selectableCell.SelectableCell, {
     as: "th"
-  }, (0, _react.jsx)(_checkbox.default, {
-    label: (0, _react.jsx)(_visuallyHidden.default, {
+  }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+    label: /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, {
       id: "select-all"
     }, "Select all rows"),
     onChange: isChecked ? removeAll : setAll,
     isChecked: isChecked,
     isIndeterminate: state.anyChecked && !state.allChecked
-  })), children, isSelectable && isChecked && (0, _react.jsx)(_bulkActionOverlay.BulkActionOverlay, null, (0, _react.jsx)("span", {
+  })), children, isSelectable && isChecked && /*#__PURE__*/_react.default.createElement(_bulkActionOverlay.BulkActionOverlay, null, /*#__PURE__*/_react.default.createElement("span", {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       color: "var(--ds-text, #172B4D)",
@@ -54,7 +47,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 && (0, _react.jsx)(_inline.default, {
+  }, state.checked.length, " selected"), actions && /*#__PURE__*/_react.default.createElement(_inline.default, {
     alignBlock: "stretch",
     space: "space.100"
   }, actions(state.checked)))));

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

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpandIcon = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down"));
 var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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; }
 // 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`...
@@ -29,14 +24,14 @@ var ExpandIcon = exports.ExpandIcon = /*#__PURE__*/(0, _react.memo)(function (_r
   var isExpanded = _ref.isExpanded;
   switch (isExpanded) {
     case true:
-      return (0, _react2.jsx)(_chevronUpHipchatChevronUp.default, {
+      return /*#__PURE__*/_react.default.createElement(_chevronUpHipchatChevronUp.default, {
         color: "currentColor",
         LEGACY_size: "small",
         label: "",
         LEGACY_primaryColor: "inherit"
       });
     case false:
-      return (0, _react2.jsx)(_chevronDownHipchatChevronDown.default, {
+      return /*#__PURE__*/_react.default.createElement(_chevronDownHipchatChevronDown.default, {
         color: "currentColor",
         LEGACY_size: "small",
         label: "",

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

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SortIcon = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/arrow-down"));
 var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/arrow-up"));
 var _useTable2 = require("../hooks/use-table");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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; }
 /**
  * __SortIcon__
  *
@@ -30,14 +25,14 @@ var SortIcon = exports.SortIcon = /*#__PURE__*/(0, _react.memo)(function (_ref)
   if (sortKey === name) {
     switch (sortDirection) {
       case 'ascending':
-        return (0, _react2.jsx)(_arrowUp.default, {
+        return /*#__PURE__*/_react.default.createElement(_arrowUp.default, {
           color: "currentColor",
           LEGACY_size: "small",
           label: "",
           LEGACY_primaryColor: "inherit"
         });
       case 'descending':
-        return (0, _react2.jsx)(_arrowDown.default, {
+        return /*#__PURE__*/_react.default.createElement(_arrowDown.default, {
           color: "currentColor",
           LEGACY_size: "small",
           label: "",

package/dist/cjs/ui/table.js

@@ -1,17 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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
-
+var _react = _interopRequireDefault(require("react"));
 /**
  * __Table__
  *
@@ -26,7 +20,7 @@ var Table = exports.Table = function Table(_ref) {
   var children = _ref.children,
     testId = _ref.testId,
     summary = _ref.summary;
-  return (0, _react.jsx)("table", {
+  return /*#__PURE__*/_react.default.createElement("table", {
     "data-testid": testId
-  }, summary && (0, _react.jsx)("caption", null, summary), children);
+  }, summary && /*#__PURE__*/_react.default.createElement("caption", null, summary), children);
 };

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

@@ -1,29 +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");
-/**
- * @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__
@@ -31,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);
 };