@atlaskit/dynamic-table 14.17.1 → 14.18.0

package/README.md

@@ -10,4 +10,5 @@ yarn add @atlaskit/dynamic-table
 
 ## Usage
 
-Detailed docs and example usage can be found [here](https://atlassian.design/components/dynamic-table/usage).
+Detailed docs and example usage can be found
+[here](https://atlassian.design/components/dynamic-table/usage).

package/dist/cjs/components/stateless.js

@@ -35,7 +35,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.17.1";
+var packageVersion = "14.18.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case _constants.DESC:

package/dist/cjs/styled/constants.js

@@ -7,14 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.truncationWidthStyles = exports.overflowTruncateStyles = exports.getTruncationStyleVars = exports.fixedSizeTruncateStyles = exports.cellStyles = 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/design-system/no-exported-css, @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/design-system/no-exported-css, @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/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var overflowTruncateStyles = exports.overflowTruncateStyles = (0, _react.css)({
   overflow: 'hidden'
 });
@@ -22,14 +29,18 @@ var getTruncationStyleVars = exports.getTruncationStyleVars = function getTrunca
   var width = _ref.width;
   return typeof width !== 'undefined' ? (0, _defineProperty2.default)({}, CSS_VAR_WIDTH, "".concat(width, "%")) : undefined;
 };
+
+// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @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': {
-    paddingLeft: "var(--ds-space-0, 0px)"
+    paddingInlineStart: "var(--ds-space-0, 0px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:last-child': {
-    paddingRight: "var(--ds-space-0, 0px)"
+    paddingInlineEnd: "var(--ds-space-0, 0px)"
   }
 });

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

@@ -14,7 +14,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _theme = require("../theme");
 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 = {
@@ -32,6 +36,7 @@ var tableStyles = (0, _react2.css)({
   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)
 });
 var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -68,7 +73,9 @@ var newCaptionStyles = (0, _react2.css)({
 var Caption = exports.Caption = function Caption(_ref3) {
   var children = _ref3.children;
   return (0, _react2.jsx)("caption", {
-    css: [captionStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
+    css: [captionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
   }, children);
 };
 var paginationWrapperStyles = (0, _react2.css)({

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

@@ -6,8 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 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'
 });

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

@@ -11,7 +11,11 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "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
 var containerStyles = (0, _react2.css)({
   position: 'relative',
   marginBlockEnd: "var(--ds-space-300, 24px)"

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

@@ -8,8 +8,13 @@ exports.SpinnerContainer = exports.ContentsContainer = exports.Container = expor
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 CSS_VAR_CONTENTS_OPACITY = exports.CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
 var containerStyles = (0, _react.css)({
   position: 'relative'

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

@@ -10,7 +10,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 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'
 });

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

@@ -12,7 +12,11 @@ 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'
 });

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

@@ -10,7 +10,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 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
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var TableBodyCell = exports.TableBodyCell = function TableBodyCell(_ref) {
   var width = _ref.width,
@@ -19,11 +23,19 @@ var TableBodyCell = exports.TableBodyCell = function TableBodyCell(_ref) {
     innerRef = _ref.innerRef,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)("td", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // 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: [_constants.truncationWidthStyles, isFixedSize && shouldTruncate && _constants.fixedSizeTruncateStyles, isFixedSize && _constants.overflowTruncateStyles, _constants.cellStyles]
+    css: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    _constants.truncationWidthStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    isFixedSize && shouldTruncate && _constants.fixedSizeTruncateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    isFixedSize && _constants.overflowTruncateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    _constants.cellStyles]
     // HOC withDimensions complains about the types but it is working fine
     // @ts-ignore
     ,

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

@@ -18,7 +18,11 @@ 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 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';
@@ -42,6 +46,7 @@ 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-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
   textAlign: 'left',
@@ -64,6 +69,7 @@ var onClickStyles = (0, _react2.css)({
   }
 });
 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',
@@ -84,51 +90,65 @@ var baseStyles = (0, _react2.css)({
       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)
       }
     }
@@ -166,7 +186,17 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: mergedStyles,
-    css: [_constants2.cellStyles, headCellBaseStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, onClick && onClickStyles, _constants2.truncationWidthStyles, isFixedSize && shouldTruncate && _constants2.fixedSizeTruncateStyles, isFixedSize && _constants2.overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
+    css: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    _constants2.cellStyles, headCellBaseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, 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, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,
     ref: ref,
     "data-testid": testId

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

@@ -11,23 +11,31 @@ 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("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
+    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("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")
+    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("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
+  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("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
+    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, ")"), ")")
   }
 });
 

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
 import ManagedPagination from './managed-pagination';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.17.1";
+const packageVersion = "14.18.0";
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {
     case DESC:

package/dist/es2019/styled/constants.js

@@ -1,12 +1,18 @@
+// 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/design-system/no-exported-css, @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/design-system/no-exported-css, @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/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const overflowTruncateStyles = css({
   overflow: 'hidden'
 });
@@ -15,14 +21,18 @@ export const getTruncationStyleVars = ({
 }) => typeof width !== 'undefined' ? {
   [CSS_VAR_WIDTH]: `${width}%`
 } : undefined;
+
+// eslint-disable-next-line @atlaskit/design-system/no-exported-css, @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': {
-    paddingLeft: "var(--ds-space-0, 0px)"
+    paddingInlineStart: "var(--ds-space-0, 0px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&:last-child': {
-    paddingRight: "var(--ds-space-0, 0px)"
+    paddingInlineEnd: "var(--ds-space-0, 0px)"
   }
 });

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

@@ -1,7 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @repo/internal/react/require-jsdoc */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { row, tableBorder } from '../theme';
@@ -22,6 +27,7 @@ const tableStyles = css({
   borderSpacing: '0px'
 });
 const bodyBorder = 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 ${tableBorder.borderColor}`
 });
 export const Table = /*#__PURE__*/forwardRef(({
@@ -36,9 +42,13 @@ export const Table = /*#__PURE__*/forwardRef(({
     inert: isLoading ? '' : undefined,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND]: row.hoverBackground,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND]: row.highlightedBackground,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND]: row.hoverHighlightedBackground,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       [tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE]: row.focusOutline
     },
     css: [tableStyles, isFixedSize && fixedSizeTableStyles, hasDataRow && bodyBorder],
@@ -63,7 +73,9 @@ const newCaptionStyles = css({
 export const Caption = ({
   children
 }) => jsx("caption", {
-  css: [captionStyles, getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
+  css: [captionStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
 }, children);
 const paginationWrapperStyles = css({
   display: 'flex',

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

@@ -1,6 +1,10 @@
 /* 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
 import { css, jsx } from '@emotion/react';
 const fixedHeightStyles = css({
   height: '9rem'

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

@@ -1,7 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @repo/internal/react/require-jsdoc */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const containerStyles = css({
   position: 'relative',

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

@@ -1,6 +1,10 @@
 /* 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
 import { css, jsx } from '@emotion/react';
 export const CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
 const containerStyles = css({

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

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { TableBodyCell } from '../table-cell';
 const rankingStyles = css({

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

@@ -1,6 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
 import { TableBodyRow } from '../table-row';

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

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants';
 
@@ -12,11 +16,19 @@ export const TableBodyCell = ({
   innerRef,
   ...props
 }) => jsx("td", _extends({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  // 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: getTruncationStyleVars({
     width
   }),
-  css: [truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, cellStyles]
+  css: [
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  truncationWidthStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  isFixedSize && shouldTruncate && fixedSizeTruncateStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  isFixedSize && overflowTruncateStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  cellStyles]
   // HOC withDimensions complains about the types but it is working fine
   // @ts-ignore
   ,