@atlaskit/dynamic-table 18.0.0 → 18.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dynamic-table
 
+## 18.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.0.0
 
 ### Major Changes

package/dist/cjs/components/stateless.js

@@ -87,14 +87,14 @@ var DynamicTable = function DynamicTable(_ref) {
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "18.0.0"
+    packageVersion: "18.0.2"
   });
   var onRankEnd = (0, _analyticsNext.usePlatformLeafEventHandler)({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "18.0.0"
+    packageVersion: "18.0.2"
   });
   (0, _react.useEffect)(function () {
     (0, _helpers.validateSortKey)(sortKey, head);

package/dist/cjs/styled/constants.js

@@ -4,43 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.truncationWidthStyles = exports.overflowTruncateStyles = exports.getTruncationStyleVars = exports.fixedSizeTruncateStyles = exports.cellStyles = void 0;
+exports.getTruncationStyleVars = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
 var CSS_VAR_WIDTH = '--local-dynamic-table-width';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var truncationWidthStyles = exports.truncationWidthStyles = (0, _react.css)({
-  width: "var(".concat(CSS_VAR_WIDTH, ")")
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var fixedSizeTruncateStyles = exports.fixedSizeTruncateStyles = (0, _react.css)({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var overflowTruncateStyles = exports.overflowTruncateStyles = (0, _react.css)({
-  overflow: 'hidden'
-});
 var getTruncationStyleVars = exports.getTruncationStyleVars = function getTruncationStyleVars(_ref) {
   var width = _ref.width;
   return typeof width !== 'undefined' ? (0, _defineProperty2.default)({}, CSS_VAR_WIDTH, "".concat(width, "%")) : undefined;
-};
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var cellStyles = exports.cellStyles = (0, _react.css)({
-  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
-  border: 'none',
-  textAlign: 'left',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&:first-of-type': {
-    paddingInlineStart: "var(--ds-space-0, 0px)"
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '&:last-child': {
-    paddingInlineEnd: "var(--ds-space-0, 0px)"
-  }
-});
+};

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

@@ -0,0 +1,11 @@
+._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._179rralu{border-block-end:var(--_k02y3n)}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1kqm1n9t{table-layout:fixed}
+._1pfh1ejb{margin-block-start:var(--ds-space-300,24px)}
+._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
+._btyzidpf{border-spacing:0}
+._m6k41e03{will-change:transform}
+._yq5hus1c{border-collapse:separate}

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

@@ -1,43 +1,30 @@
+/* dynamic-table.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.tableRowCSSVars = exports.Table = exports.PaginationWrapper = exports.Caption = void 0;
+exports.Table = exports.PaginationWrapper = exports.Caption = void 0;
+require("./dynamic-table.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _theme = require("../theme");
+var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"];
 /* eslint-disable @repo/internal/react/require-jsdoc */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// CSS vars for table row
-// these are declared here to avoid being re-declared in each table row
-var tableRowCSSVars = exports.tableRowCSSVars = {
-  CSS_VAR_HOVER_BACKGROUND: '--local-dynamic-table-hover-bg',
-  CSS_VAR_HIGHLIGHTED_BACKGROUND: '--local-dynamic-table-highlighted-bg',
-  CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND: '--local-dynamic-table-hover-highlighted-bg',
-  CSS_VAR_ROW_FOCUS_OUTLINE: '--local-dynamic-table-row-focus-outline'
-};
-var fixedSizeTableStyles = (0, _react2.css)({
-  tableLayout: 'fixed'
-});
-var tableStyles = (0, _react2.css)({
-  width: '100%',
-  borderCollapse: 'separate',
-  borderSpacing: '0px'
-});
-var bodyBorder = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderBlockEnd: "2px solid ".concat(_theme.tableBorder.borderColor)
-});
+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; }
+var fixedSizeTableStyles = null;
+var tableStyles = null;
+var bodyBorder = null;
 var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var isFixedSize = _ref.isFixedSize,
     hasDataRow = _ref.hasDataRow,
@@ -45,36 +32,39 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     testId = _ref.testId,
     isLoading = _ref.isLoading,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)("table", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("table", (0, _extends2.default)({
     inert: isLoading ? '' : undefined,
-    style: (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, _theme.row.hoverBackground), tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, _theme.row.highlightedBackground), tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, _theme.row.hoverHighlightedBackground), tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE, _theme.row.focusOutline),
-    css: [tableStyles, isFixedSize && fixedSizeTableStyles, hasDataRow && bodyBorder],
     ref: ref
   }, rest, {
-    "data-testid": testId && "".concat(testId, "--table")
+    "data-testid": testId && "".concat(testId, "--table"),
+    className: (0, _runtime.ax)(["_1bsb1osq _yq5hus1c _btyzidpf", isFixedSize && "_1kqm1n9t", hasDataRow && "_179rralu"]),
+    style: _objectSpread(_objectSpread({}, {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      '--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N10, ")"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      '--local-dynamic-table-highlighted-bg': "var(--ds-background-selected, ".concat(_colors.B50, ")"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      '--local-dynamic-table-hover-highlighted-bg': "var(--ds-background-selected-hovered, ".concat(_colors.B75, ")"),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      '--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, ".concat(_colors.B100, ")")
+    }), {}, {
+      "--_k02y3n": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")))
+    })
   }), children);
 });
-var captionStyles = (0, _react2.css)({
-  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  marginBlockEnd: "var(--ds-space-100, 8px)",
-  marginBlockStart: "var(--ds-space-300, 24px)",
-  willChange: 'transform'
-});
-var Caption = exports.Caption = function Caption(_ref3) {
-  var children = _ref3.children;
-  return (0, _react2.jsx)("caption", {
-    css: captionStyles
+var captionStyles = null;
+var Caption = exports.Caption = function Caption(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement("caption", {
+    className: (0, _runtime.ax)(["_11c8lodh _6rthu2gc _1pfh1ejb _m6k41e03"])
   }, children);
 };
-var paginationWrapperStyles = (0, _react2.css)({
-  display: 'flex',
-  justifyContent: 'center'
-});
-var PaginationWrapper = exports.PaginationWrapper = function PaginationWrapper(_ref4) {
-  var children = _ref4.children,
-    testId = _ref4.testId;
-  return (0, _react2.jsx)("div", {
-    css: paginationWrapperStyles,
-    "data-testid": testId && "".concat(testId, "--pagination--container")
+var paginationWrapperStyles = null;
+var PaginationWrapper = exports.PaginationWrapper = function PaginationWrapper(_ref3) {
+  var children = _ref3.children,
+    testId = _ref3.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--pagination--container"),
+    className: (0, _runtime.ax)(["_1e0c1txw _1bah1h6o"])
   }, children);
 };

package/dist/cjs/styled/empty-body.compiled.css

@@ -0,0 +1,11 @@
+._18u01wug{margin-left:auto}
+._19bv19bv{padding-left:10px}
+._19pk1wug{margin-top:auto}
+._1bsb1ssb{width:50%}
+._2hwx1wug{margin-right:auto}
+._4t3i1jdh{height:9rem}
+._ca0q19bv{padding-top:10px}
+._n3td19bv{padding-bottom:10px}
+._otyr1wug{margin-bottom:auto}
+._u5f319bv{padding-right:10px}
+._y3gn1h6o{text-align:center}

package/dist/cjs/styled/empty-body.js

@@ -1,41 +1,33 @@
+/* empty-body.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* eslint-disable @repo/internal/react/require-jsdoc */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyViewWithFixedHeight = exports.EmptyViewContainer = void 0;
-var _react = require("@emotion/react");
-/* eslint-disable @repo/internal/react/require-jsdoc */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var fixedHeightStyles = (0, _react.css)({
-  height: '9rem'
-});
+require("./empty-body.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 fixedHeightStyles = null;
 var EmptyViewWithFixedHeight = exports.EmptyViewWithFixedHeight = function EmptyViewWithFixedHeight(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return (0, _react.jsx)("div", {
-    css: fixedHeightStyles,
-    "data-testid": testId && "".concat(testId, "--empty-view-with-fixed-height")
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--empty-view-with-fixed-height"),
+    className: (0, _runtime.ax)(["_4t3i1jdh"])
   }, children);
 };
-var emptyViewContainerStyles = (0, _react.css)({
-  width: '50%',
-  margin: 'auto',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  padding: '10px',
-  textAlign: 'center'
-});
+var emptyViewContainerStyles = null;
 var EmptyViewContainer = exports.EmptyViewContainer = function EmptyViewContainer(props) {
   var children = props.children,
     testId = props.testId;
-  return (0, _react.jsx)("div", {
-    css: emptyViewContainerStyles,
-    "data-testid": testId && "".concat(testId, "--empty-view-container")
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--empty-view-container"),
+    className: (0, _runtime.ax)(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _ca0q19bv _u5f319bv _n3td19bv _19bv19bv _1bsb1ssb _y3gn1h6o"])
   }, children);
 };

package/dist/cjs/styled/loading-container-advanced.compiled.css

@@ -0,0 +1,9 @@
+
+._1r04idpf{inset:0}._152tidpf{inset-block-start:0}
+._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._6rth1ejb{margin-block-end:var(--ds-space-300,24px)}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._lcxvglyw{pointer-events:none}

package/dist/cjs/styled/loading-container-advanced.js

@@ -1,64 +1,49 @@
+/* loading-container-advanced.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.SpinnerContainer = exports.SpinnerBackdrop = exports.Container = void 0;
+require("./loading-container-advanced.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 _excluded = ["children", "testId"];
 /* eslint-disable @repo/internal/react/require-jsdoc */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+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; }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var containerStyles = (0, _react2.css)({
-  position: 'relative',
-  marginBlockEnd: "var(--ds-space-300, 24px)"
-});
+
+var containerStyles = null;
 var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
     testId = props.testId,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return (
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _react2.jsx)("div", (0, _extends2.default)({
-      css: containerStyles
-    }, rest, {
-      "data-testid": testId,
-      ref: ref
-    }), children)
-  );
-});
-var spinnerBackdropStyles = (0, _react2.css)({
-  display: 'flex',
-  position: 'absolute',
-  inset: 0,
-  alignItems: 'center',
-  justifyContent: 'center',
-  pointerEvents: 'none'
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, rest, {
+    "data-testid": testId,
+    ref: ref,
+    className: (0, _runtime.ax)(["_kqswh2mm _6rth1ejb"])
+  }), children);
 });
+var spinnerBackdropStyles = null;
 var SpinnerBackdrop = exports.SpinnerBackdrop = function SpinnerBackdrop(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return (0, _react2.jsx)("div", {
-    css: spinnerBackdropStyles,
-    "data-testid": testId && "".concat(testId, "--spinner-backdrop")
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--spinner-backdrop"),
+    className: (0, _runtime.ax)(["_1r04idpf _1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o _lcxvglyw"])
   }, children);
 };
-var spinnerContainerStyles = (0, _react2.css)({
-  position: 'relative',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  insetBlockStart: 0
-});
+var spinnerContainerStyles = null;
 var SpinnerContainer = exports.SpinnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children;
-  return (0, _react2.jsx)("div", {
-    css: spinnerContainerStyles,
-    ref: ref
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: (0, _runtime.ax)(["_kqswh2mm _152tidpf"])
   }, children);
 });

package/dist/cjs/styled/loading-container.compiled.css

@@ -0,0 +1,8 @@
+
+._1r04idpf{inset:0}._1bah1h6o{justify-content:center}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._kqswh2mm{position:relative}
+._kqswstnw{position:absolute}
+._lcxvglyw{pointer-events:none}
+._tzy47hfw{opacity:var(--_cnddr8)}

package/dist/cjs/styled/loading-container.js

@@ -1,59 +1,53 @@
+/* loading-container.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.SpinnerContainer = exports.ContentsContainer = exports.Container = exports.CSS_VAR_CONTENTS_OPACITY = void 0;
+require("./loading-container.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
+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; }
 /* eslint-disable @repo/internal/react/require-jsdoc */
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var CSS_VAR_CONTENTS_OPACITY = exports.CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
-var containerStyles = (0, _react.css)({
-  position: 'relative'
-});
+var containerStyles = null;
 var Container = exports.Container = function Container(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return (0, _react.jsx)("div", {
-    css: containerStyles,
-    "data-testid": testId && "".concat(testId, "--container")
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--container"),
+    className: (0, _runtime.ax)(["_kqswh2mm"])
   }, children);
 };
-var contentsContainerStyles = (0, _react.css)({
-  opacity: "var(".concat(CSS_VAR_CONTENTS_OPACITY, ")"),
-  pointerEvents: 'none'
-});
+var contentsContainerStyles = null;
 var ContentsContainer = exports.ContentsContainer = function ContentsContainer(_ref2) {
   var children = _ref2.children,
     contentsOpacity = _ref2.contentsOpacity,
     testId = _ref2.testId;
-  return (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    style: (0, _defineProperty2.default)({}, CSS_VAR_CONTENTS_OPACITY, contentsOpacity),
-    css: [contentsContainerStyles],
-    "data-testid": testId && "".concat(testId, "--contents--container")
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--contents--container"),
+    className: (0, _runtime.ax)(["_tzy47hfw _lcxvglyw"]),
+    style: _objectSpread(_objectSpread({}, (0, _defineProperty2.default)({}, CSS_VAR_CONTENTS_OPACITY, contentsOpacity)), {}, {
+      "--_cnddr8": (0, _runtime.ix)("var(".concat(CSS_VAR_CONTENTS_OPACITY, ")"))
+    })
   }, children);
 };
-var spinnerContainerStyles = (0, _react.css)({
-  display: 'flex',
-  position: 'absolute',
-  inset: 0,
-  alignItems: 'center',
-  justifyContent: 'center'
-});
-var SpinnerContainer = exports.SpinnerContainer = function SpinnerContainer(_ref4) {
-  var children = _ref4.children,
-    testId = _ref4.testId;
-  return (0, _react.jsx)("div", {
-    css: spinnerContainerStyles,
-    "data-testid": testId && "".concat(testId, "--spinner--container")
+var spinnerContainerStyles = null;
+var SpinnerContainer = exports.SpinnerContainer = function SpinnerContainer(_ref3) {
+  var children = _ref3.children,
+    testId = _ref3.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId && "".concat(testId, "--spinner--container"),
+    className: (0, _runtime.ax)(["_1r04idpf _1e0c1txw _kqswstnw _4cvr1h6o _1bah1h6o"])
   }, children);
 };

package/dist/cjs/styled/rankable/table-cell.compiled.css

@@ -0,0 +1 @@
+._vchhusvi{box-sizing:border-box}

package/dist/cjs/styled/rankable/table-cell.js

@@ -1,33 +1,30 @@
+/* table-cell.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.RankableTableBodyCell = void 0;
+require("./table-cell.compiled.css");
+var React = _interopRequireWildcard(require("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("@emotion/react");
 var _tableCell = require("../table-cell");
-var _excluded = ["isRanking", "innerRef"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var rankingStyles = (0, _react.css)({
-  boxSizing: 'border-box'
-});
+var _excluded = ["isRanking", "innerRef"]; // 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 rankingStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RankableTableBodyCell = exports.RankableTableBodyCell = function RankableTableBodyCell(_ref) {
   var isRanking = _ref.isRanking,
     innerRef = _ref.innerRef,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)(_tableCell.TableBodyCell, (0, _extends2.default)({
-    css: isRanking && rankingStyles
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props, {
-    innerRef: innerRef
+  return /*#__PURE__*/React.createElement(_tableCell.TableBodyCell, (0, _extends2.default)({}, props, {
+    innerRef: innerRef,
+    className: (0, _runtime.ax)([isRanking && "_vchhusvi"])
   }));
 };

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

@@ -0,0 +1,7 @@
+
+._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._12y3ssc3{outline-width:var(--ds-border-width,2px)}
+._16qs1dt4{box-shadow:var(--_qzf6oc)}
+._1e0c1ule{display:block}
+._bfhk1rd0{background-color:var(--_14yez9t)}
+._mizu1tqa:focus-visible{outline-color:var(--_9ksfq)}
+._ra3xnqa1:focus-visible{outline-style:solid}

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

@@ -1,37 +1,26 @@
+/* table-row.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.RankableTableBodyRow = void 0;
+require("./table-row.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 _colors = require("@atlaskit/theme/colors");
 var _tableRow = require("../table-row");
-var _excluded = ["isRanking", "isRankingItem", "testId"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var rankingStyles = (0, _react2.css)({
-  display: 'block'
-});
-var rankingItemStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N20, ")"),
-  borderRadius: "var(--ds-border-radius-050, 2px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")
-});
-var draggableStyles = (0, _react2.css)({
-  outlineWidth: "var(--ds-border-width, 2px)",
-  '&:focus-visible': {
-    outlineColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
-    outlineStyle: 'solid'
-  }
-});
+var _excluded = ["isRanking", "isRankingItem", "testId"]; // 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 rankingStyles = null;
+var rankingItemStyles = null;
+var draggableStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RankableTableBodyRow = exports.RankableTableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -39,9 +28,15 @@ var RankableTableBodyRow = exports.RankableTableBodyRow = /*#__PURE__*/(0, _reac
     isRankingItem = _ref.isRankingItem,
     testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)(_tableRow.TableBodyRow, (0, _extends2.default)({
-    css: [isRanking && rankingStyles, isRankingItem && rankingItemStyles, draggableStyles],
+  return /*#__PURE__*/React.createElement(_tableRow.TableBodyRow, (0, _extends2.default)({
     ref: ref,
     testId: testId
-  }, props));
+  }, props, {
+    className: (0, _runtime.ax)([isRanking && "_1e0c1ule", isRankingItem && "_2rkogqwt _bfhk1rd0 _16qs1dt4", "_12y3ssc3 _mizu1tqa _ra3xnqa1"]),
+    style: {
+      "--_14yez9t": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N20, ")")),
+      "--_qzf6oc": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
+      "--_9ksfq": (0, _runtime.ix)("var(--ds-border-focused, ".concat(_colors.B100, ")"))
+    }
+  }));
 });