@atlaskit/dynamic-table 18.0.1 → 18.0.2

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

@@ -1,20 +1,26 @@
+/* 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.TableBodyCell = 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 _constants = require("./constants");
 var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
-/**
- * @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 fixedSizeTruncateStyles = null;
+var overflowTruncateStyles = null;
+var truncationWidthStyles = null;
+var cellStyles = null;
+
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var TableBodyCell = exports.TableBodyCell = function TableBodyCell(_ref) {
   var width = _ref.width,
@@ -22,24 +28,17 @@ var TableBodyCell = exports.TableBodyCell = function TableBodyCell(_ref) {
     shouldTruncate = _ref.shouldTruncate,
     innerRef = _ref.innerRef,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react.jsx)("td", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("td", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: (0, _constants.getTruncationStyleVars)({
       width: width
     }),
-    css: [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    _constants.truncationWidthStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    isFixedSize && shouldTruncate && _constants.fixedSizeTruncateStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    isFixedSize && _constants.overflowTruncateStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    _constants.cellStyles]
     // HOC withDimensions complains about the types but it is working fine
     // @ts-ignore
-    ,
     ref: innerRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: (0, _runtime.ax)(["_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", "_19itglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", props.className])
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };

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

@@ -0,0 +1,58 @@
+
+._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._173zglyw>button{background:none}
+._pw6dglyw>button{border:none}
+._1xgk1j28>button:after, ._1wfn1j28>button:before{border-color:transparent}
+._sklb1l7b>button:after, ._1j091l7b>button:before{border-width:3px}
+._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
+._h7alglyw{border-inline:none}
+._izbqglyw{border-block:none}
+._179rglyw{border-block-end:none}
+._179rralu{border-block-end:var(--_k02y3n)}
+._191wglyw{border-inline-start:none}
+._c77k1f6e>button:before{border-block-end:var(--_1rdacuj)}
+._c77k2wk4>button:before{border-block-end:var(--_1qca9zt)}
+._f4731f6e>button:after{border-block-start:var(--_1rdacuj)}
+._f4732wk4>button:after{border-block-start:var(--_1qca9zt)}
+._mqm2glyw{border-block-start:none}
+._t51zglyw{border-inline-end:none}._10pp1kw7>button{font-weight:inherit}
+._14gsx0bf>button:after, ._cigmx0bf>button:before{inset-inline-end:var(--ds-space-negative-100,-8px)}
+._18m915vq{overflow-y:hidden}
+._19w61ule>button:after, ._1w611ule>button:before{display:block}
+._1ay31kw7>button{cursor:inherit}
+._1bsb8a2a{width:var(--local-dynamic-table-width)}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1ule{display:block}
+._1fpyidpf>button:after{inset-block-end:0}
+._1hvvidpf>button:after, ._n56nidpf>button:before{width:0}
+._1q511b66{padding-block-start:var(--ds-space-050,4px)}
+._1reo15vq{overflow-x:hidden}
+._1s37ze3t:first-of-type{padding-inline-start:var(--ds-space-0,0)}
+._1yw3ze3t>button{padding-block-end:var(--ds-space-0,0)}
+._4b5mb3bt>button:after, ._hn3bb3bt>button:before{content:""}
+._58ej1kw7>button{color:inherit}
+._85i51b66{padding-block-end:var(--ds-space-050,4px)}
+._8607ze3t>button{padding-inline-end:var(--ds-space-0,0)}
+._a04fh2mm>button{position:relative}
+._bozgu2gc{padding-inline-start:var(--ds-space-100,8px)}
+._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
+._kqswh2mm{position:relative}
+._mdbq1kw7>button{font-size:inherit}
+._n2fdze3t>button{padding-block-start:var(--ds-space-0,0)}
+._no7mstnw>button:after, ._qh32stnw>button:before{position:absolute}
+._o5721q9c{white-space:nowrap}
+._qzvtu2gc>button:before{inset-block-end:var(--ds-space-100,8px)}
+._s7n4jp4b{vertical-align:top}
+._s7n4nkob{vertical-align:middle}
+._syaz12fi{color:var(--_17ckjys)}
+._szhwze3t>button{padding-inline-start:var(--ds-space-0,0)}
+._uupyze3t:last-child{padding-inline-end:var(--ds-space-0,0)}
+._vchhusvi{box-sizing:border-box}
+._wyc4idpf>button:after, ._1d4oidpf>button:before{height:0}
+._xv14glyw>button{-webkit-appearance:none;appearance:none}
+._y3gn1e5h{text-align:left}
+._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
+._1ygbuwsq:focus-visible{outline:var(--_jz8ahf)}
+._d0altlke:hover{cursor:pointer}
+._irr3bfnf:hover{background-color:var(--_6j4ewu)}
+@media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}

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

@@ -1,171 +1,55 @@
+/* table-head.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.HeadCell = exports.Head = void 0;
+require("./table-head.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../internal/constants");
-var _theme = require("../theme");
 var _constants2 = require("./constants");
 var _excluded = ["isRanking", "testId"],
   _excluded2 = ["width", "children", "isSortable", "sortOrder", "isFixedSize", "shouldTruncate", "onClick", "style", "testId"];
 /* 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
+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 CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
-var rankingStyles = (0, _react2.css)({
-  display: 'block'
-});
-var headStyles = (0, _react2.css)({
-  borderBlockEnd: "none"
-});
+var rankingStyles = null;
+var headStyles = null;
+var overflowTruncateStyles = null;
+var truncationWidthStyles = null;
+var fixedSizeTruncateStyles = null;
+var cellStyles = null;
 var Head = exports.Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
     testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)("thead", (0, _extends2.default)({
-    css: [headStyles, isRanking && rankingStyles],
+  return /*#__PURE__*/React.createElement("thead", (0, _extends2.default)({
     "data-testid": testId
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props));
+  }, props, {
+    className: (0, _runtime.ax)(["_179rglyw", isRanking && "_1e0c1ule"])
+  }));
 };
-var headCellBaseStyles = (0, _react2.css)({
-  boxSizing: 'border-box',
-  position: 'relative',
-  border: 'none',
-  // 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),
-  color: "var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  textAlign: 'left',
-  verticalAlign: 'middle',
-  '&:focus-visible': {
-    outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
-  }
-});
-var headCellBaseStylesOld = (0, _react2.css)({
-  boxSizing: 'border-box',
-  position: 'relative',
-  border: 'none',
-  // 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),
-  color: "var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  textAlign: 'left',
-  verticalAlign: 'top',
-  '&:focus-visible': {
-    outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
-  }
-});
-var onClickStyles = (0, _react2.css)({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
-    cursor: 'pointer'
-  }
-});
-var baseStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > button': {
-    padding: "var(--ds-space-0, 0)",
-    position: 'relative',
-    appearance: 'none',
-    background: 'none',
-    border: 'none',
-    color: 'inherit',
-    cursor: 'inherit',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: 'inherit',
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontWeight: 'inherit',
-    '&::before, &::after': {
-      display: 'block',
-      width: 0,
-      height: 0,
-      position: 'absolute',
-      border: '3px solid transparent',
-      content: '""',
-      insetInlineEnd: "var(--ds-space-negative-100, -8px)"
-    },
-    '&::before': {
-      // 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: "3px solid ".concat(_theme.arrow.defaultColor),
-      insetBlockEnd: "var(--ds-space-100, 8px)"
-    },
-    '&::after': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      borderBlockStart: "3px solid ".concat(_theme.arrow.defaultColor),
-      insetBlockEnd: 0
-    }
-  },
-  '@media (forced-colors: active)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '& > button': {
-      '&::before, &::after': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        border: "3px solid ".concat(_theme.MSThemeColors.Background)
-      },
-      '&::before': {
-        // 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: "3px solid ".concat(_theme.MSThemeColors.Text)
-      },
-      '&::after': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        borderBlockStart: "3px solid ".concat(_theme.MSThemeColors.Text)
-      }
-    }
-  }
-});
-var ascendingStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > button': {
-    '&::before': {
-      // 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: "3px solid ".concat(_theme.arrow.selectedColor)
-    }
-  },
-  '@media (forced-colors: active)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '& > button': {
-      '&::before': {
-        // 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: "3px solid ".concat(_theme.MSThemeColors.SelectedBackground)
-      }
-    }
-  }
-});
-var descendingStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '& > button': {
-    '&::after': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      borderBlockStart: "3px solid ".concat(_theme.arrow.selectedColor)
-    }
-  },
-  '@media (forced-colors: active)': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '& > button': {
-      '&::after': {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        borderBlockStart: "3px solid ".concat(_theme.MSThemeColors.SelectedBackground)
-      }
-    }
-  }
-});
+var headCellBaseStyles = null;
+var headCellBaseStylesOld = null;
+var onClickStyles = null;
+var baseStyles = null;
+var ascendingStyles = null;
+var descendingStyles = null;
 var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var width = _ref2.width,
     children = _ref2.children,
@@ -179,7 +63,7 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   var mergedStyles = _objectSpread(_objectSpread(_objectSpread({}, style), width && (0, _constants2.getTruncationStyleVars)({
     width: width
-  })), {}, (0, _defineProperty2.default)({}, CSS_VAR_TEXT_COLOR, _theme.head.textColor));
+  })), {}, (0, _defineProperty2.default)({}, CSS_VAR_TEXT_COLOR, "var(--ds-text-subtlest, ".concat(_colors.N300, ")")));
   var isASC = sortOrder === _constants.ASC;
   var isDESC = sortOrder === _constants.DESC;
   var getFormattedSortOrder = function getFormattedSortOrder() {
@@ -194,22 +78,23 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
   // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
   var Component = children ? 'th' : 'td';
   var isVisuallyRefreshed = (0, _platformFeatureFlags.fg)('platform-component-visual-refresh');
-  return (0, _react2.jsx)(Component, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
     "aria-sort": getFormattedSortOrder()
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
-    style: mergedStyles,
-    css: [
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    _constants2.cellStyles, isVisuallyRefreshed ? headCellBaseStyles : headCellBaseStylesOld, !isVisuallyRefreshed && onClick && onClickStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    _constants2.truncationWidthStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    isFixedSize && shouldTruncate && _constants2.fixedSizeTruncateStyles,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    isFixedSize && _constants2.overflowTruncateStyles, !isVisuallyRefreshed && isSortable && baseStyles, !isVisuallyRefreshed && isASC && ascendingStyles, !isVisuallyRefreshed && isDESC && descendingStyles],
+
     onClick: !isVisuallyRefreshed ? onClick : undefined,
     ref: ref,
     "data-testid": testId
-  }, rest), children);
+  }, rest, {
+    className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
+    style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
+      "--_k02y3n": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))),
+      "--_17ckjys": (0, _runtime.ix)("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")")),
+      "--_jz8ahf": (0, _runtime.ix)("solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))),
+      "--_6j4ewu": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")),
+      "--_1rdacuj": (0, _runtime.ix)("3px solid ".concat("var(--ds-icon-disabled, ".concat(_colors.N40, ")"))),
+      "--_1qca9zt": (0, _runtime.ix)("3px solid ".concat("var(--ds-icon-subtle, ".concat(_colors.N300, ")")))
+    })
+  }), children);
 });

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

@@ -0,0 +1,6 @@
+
+._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
+._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
+._1ygb1852:focus-visible{outline:var(--_akp1ox)}._1ah312gs:focus-visible{outline-offset:-2px}
+._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
+._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}

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

@@ -1,43 +1,27 @@
+/* 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.TableBodyRow = 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 _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 _dynamicTable = require("./dynamic-table");
 var _excluded = ["isHighlighted", "children", "style", "testId"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var rowStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
-  '&:focus-visible': {
-    outline: "2px solid ".concat("var(--ds-border-focused, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    "var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
-    outlineOffset: "-2px"
-  }
-});
-var rowBackgroundStyles = (0, _react2.css)({
-  '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    "var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")
-  }
-});
-var rowHighlightedBackgroundStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-selected, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  "var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
-  '&:hover': {
-    backgroundColor: "var(--ds-background-selected-hovered, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    "var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
-  }
-});
+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 rowStyles = null;
+var rowBackgroundStyles = null;
+var rowHighlightedBackgroundStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -46,12 +30,12 @@ var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(fu
     style = _ref.style,
     testId = _ref.testId,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)("tr", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    style: style,
-    css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]
-  }, rest, {
+  return /*#__PURE__*/React.createElement("tr", (0, _extends2.default)({}, rest, {
     ref: ref,
-    "data-testid": testId
+    "data-testid": testId,
+    className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts"]),
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      "--_akp1ox": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
+    })
   }), children);
 });

package/dist/cjs/theme.js

@@ -1,32 +1,12 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableBorder = exports.row = exports.head = exports.arrow = exports.MSThemeColors = void 0;
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-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; }
+exports.MSThemeColors = void 0;
 var MSThemeColors = exports.MSThemeColors = {
   Background: 'Canvas',
   Text: 'CanvasText',
   SelectedBackground: 'Highlight',
   SelectedText: 'HighlightText'
-};
-var arrow = exports.arrow = {
-  defaultColor: "var(--ds-icon-disabled, ".concat(colors.N40, ")"),
-  selectedColor: "var(--ds-icon-subtle, ".concat(colors.N300, ")")
-};
-var row = exports.row = {
-  focusOutline: "var(--ds-border-focused, ".concat(colors.B100, ")"),
-  highlightedBackground: "var(--ds-background-selected, ".concat(colors.B50, ")"),
-  hoverBackground: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N10, ")"),
-  hoverHighlightedBackground: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")")
-};
-var head = exports.head = {
-  textColor: "var(--ds-text-subtlest, ".concat(colors.N300, ")")
-};
-var tableBorder = exports.tableBorder = {
-  borderColor: "var(--ds-border, ".concat(colors.N40, ")")
 };

package/dist/es2019/components/stateless.js

@@ -61,14 +61,14 @@ const DynamicTable = ({
     action: 'sorted',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "18.0.1"
+    packageVersion: "18.0.2"
   });
   const onRankEnd = usePlatformLeafEventHandler({
     fn: providedOnRankEnd,
     action: 'ranked',
     componentName: 'dynamicTable',
     packageName: "@atlaskit/dynamic-table",
-    packageVersion: "18.0.1"
+    packageVersion: "18.0.2"
   });
   useEffect(() => {
     validateSortKey(sortKey, head);

package/dist/es2019/styled/constants.js

@@ -1,38 +1,6 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
 const CSS_VAR_WIDTH = '--local-dynamic-table-width';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const truncationWidthStyles = css({
-  width: `var(${CSS_VAR_WIDTH})`
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const fixedSizeTruncateStyles = css({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const overflowTruncateStyles = css({
-  overflow: 'hidden'
-});
 export const getTruncationStyleVars = ({
   width
 }) => typeof width !== 'undefined' ? {
   [CSS_VAR_WIDTH]: `${width}%`
-} : undefined;
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const cellStyles = css({
-  padding: `${"var(--ds-space-050, 4px)"} ${"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)"
-  }
-});
+} : undefined;

package/dist/es2019/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)}
+._179r1on0{border-block-end:2px solid var(--ds-border,#dfe1e6)}
+._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}