@atlaskit/dynamic-table 14.7.1 → 14.8.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/dynamic-table
 
+## 14.8.1
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
+## 14.8.0
+
+### Minor Changes
+
+- [`f88eb89b356`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f88eb89b356) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
+### Patch Changes
+
+- [`12e03c6416b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12e03c6416b) - Allow `className` on internal components for css prop functionality. There should be no change in behaviour.
+- Updated dependencies
+
 ## 14.7.1
 
 ### Patch Changes

package/dist/cjs/components/stateless.js

@@ -54,7 +54,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/dynamic-table";
-var packageVersion = "14.7.1";
+var packageVersion = "14.8.1";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/cjs/styled/constants.js

@@ -9,22 +9,22 @@ exports.truncationWidthStyles = exports.overflowTruncateStyles = exports.getTrun
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
 var CSS_VAR_WIDTH = '--local-dynamic-table-width';
 var gridSize = (0, _constants.gridSize)();
-var truncationWidthStyles = (0, _core.css)({
+var truncationWidthStyles = (0, _react.css)({
   width: "var(".concat(CSS_VAR_WIDTH, ")")
 });
 exports.truncationWidthStyles = truncationWidthStyles;
-var fixedSizeTruncateStyles = (0, _core.css)({
+var fixedSizeTruncateStyles = (0, _react.css)({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
 exports.fixedSizeTruncateStyles = fixedSizeTruncateStyles;
-var overflowTruncateStyles = (0, _core.css)({
+var overflowTruncateStyles = (0, _react.css)({
   overflow: 'hidden'
 });
 exports.overflowTruncateStyles = overflowTruncateStyles;
@@ -35,7 +35,7 @@ var getTruncationStyleVars = function getTruncationStyleVars(_ref) {
 };
 
 exports.getTruncationStyleVars = getTruncationStyleVars;
-var cellStyles = (0, _core.css)({
+var cellStyles = (0, _react.css)({
   padding: "".concat(gridSize / 2, "px ").concat(gridSize, "px"),
   border: 'none',
   textAlign: 'left',

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

@@ -15,7 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -32,15 +32,15 @@ var tableRowCSSVars = {
   CSS_VAR_ROW_FOCUS_OUTLINE: '--local-dynamic-table-row-focus-outline'
 };
 exports.tableRowCSSVars = tableRowCSSVars;
-var fixedSizeTableStyles = (0, _core.css)({
+var fixedSizeTableStyles = (0, _react2.css)({
   tableLayout: 'fixed'
 });
-var tableStyles = (0, _core.css)({
+var tableStyles = (0, _react2.css)({
   width: '100%',
   borderCollapse: 'separate',
   borderSpacing: '0px'
 });
-var bodyBorder = (0, _core.css)({
+var bodyBorder = (0, _react2.css)({
   borderBottom: "2px solid ".concat(_theme.tableBorder.borderColor)
 });
 var Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -50,14 +50,14 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       hasDataRow = _ref.hasDataRow,
       children = _ref.children,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)("table", (0, _extends2.default)({
+  return (0, _react2.jsx)("table", (0, _extends2.default)({
     style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, _theme.row.hoverBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, _theme.row.highlightedBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, _theme.row.hoverHighlightedBackground), (0, _defineProperty2.default)(_ref2, tableRowCSSVars.CSS_VAR_ROW_FOCUS_OUTLINE, _theme.row.focusOutline), _ref2),
     css: [tableStyles, isFixedSize && fixedSizeTableStyles, hasDataRow && bodyBorder],
     ref: ref
   }, rest), children);
 });
 exports.Table = Table;
-var captionStyles = (0, _core.css)({
+var captionStyles = (0, _react2.css)({
   marginTop: "".concat(gridSize * 3.5, "px"),
   marginBottom: "".concat(gridSize, "px"),
   fontSize: '1.42857143em',
@@ -76,20 +76,20 @@ var captionStyles = (0, _core.css)({
 
 var Caption = function Caption(_ref3) {
   var children = _ref3.children;
-  return (0, _core.jsx)("caption", {
+  return (0, _react2.jsx)("caption", {
     css: captionStyles
   }, children);
 };
 
 exports.Caption = Caption;
-var paginationWrapperStyles = (0, _core.css)({
+var paginationWrapperStyles = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'center'
 });
 
 var PaginationWrapper = function PaginationWrapper(_ref4) {
   var children = _ref4.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: paginationWrapperStyles
   }, children);
 };

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

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmptyViewWithFixedHeight = exports.EmptyViewContainer = void 0;
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 /** @jsx jsx */
-var fixedHeightStyles = (0, _core.css)({
+var fixedHeightStyles = (0, _react.css)({
   height: "".concat((0, _constants.gridSize)() * 18, "px")
 });
 
 var EmptyViewWithFixedHeight = function EmptyViewWithFixedHeight(_ref) {
   var children = _ref.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: fixedHeightStyles
   }, children);
 };
 
 exports.EmptyViewWithFixedHeight = EmptyViewWithFixedHeight;
-var emptyViewContainerStyles = (0, _core.css)({
+var emptyViewContainerStyles = (0, _react.css)({
   width: '50%',
   margin: 'auto',
   padding: '10px',
@@ -33,7 +33,7 @@ var emptyViewContainerStyles = (0, _core.css)({
 
 var EmptyViewContainer = function EmptyViewContainer(_ref2) {
   var children = _ref2.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: emptyViewContainerStyles
   }, children);
 };

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

@@ -11,28 +11,28 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 /** @jsx jsx */
-var containerStyles = (0, _core.css)({
+var containerStyles = (0, _react2.css)({
   marginBottom: "".concat((0, _constants.gridSize)() * 3, "px"),
   position: 'relative'
 });
 
 var Container = function Container(props) {
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _core.jsx)("div", (0, _extends2.default)({
+    (0, _react2.jsx)("div", (0, _extends2.default)({
       css: containerStyles
     }, props))
   );
 };
 
 exports.Container = Container;
-var spinnerBackdropStyles = (0, _core.css)({
+var spinnerBackdropStyles = (0, _react2.css)({
   display: 'flex',
   position: 'absolute',
   top: 0,
@@ -46,19 +46,19 @@ var spinnerBackdropStyles = (0, _core.css)({
 
 var SpinnerBackdrop = function SpinnerBackdrop(_ref) {
   var children = _ref.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: spinnerBackdropStyles
   }, children);
 };
 
 exports.SpinnerBackdrop = SpinnerBackdrop;
-var spinnerContainerStyles = (0, _core.css)({
+var spinnerContainerStyles = (0, _react2.css)({
   position: 'relative',
   top: 0
 });
 var SpinnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: spinnerContainerStyles,
     ref: ref
   }, children);

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

@@ -9,25 +9,25 @@ exports.SpinnerContainer = exports.ContentsContainer = exports.Container = void
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 /** @jsx jsx */
 var CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
-var containerStyles = (0, _core.css)({
+var containerStyles = (0, _react.css)({
   position: 'relative'
 });
 
 var Container = function Container(_ref) {
   var children = _ref.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: containerStyles
   }, children);
 };
 
 exports.Container = Container;
-var contentsContainerStyles = (0, _core.css)({
+var contentsContainerStyles = (0, _react.css)({
   opacity: "var(".concat(CSS_VAR_CONTENTS_OPACITY, ")"),
   pointerEvents: 'none'
 });
@@ -35,14 +35,14 @@ var contentsContainerStyles = (0, _core.css)({
 var ContentsContainer = function ContentsContainer(_ref2) {
   var contentsOpacity = _ref2.contentsOpacity,
       children = _ref2.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     style: (0, _defineProperty2.default)({}, CSS_VAR_CONTENTS_OPACITY, contentsOpacity),
     css: [contentsContainerStyles]
   }, children);
 };
 
 exports.ContentsContainer = ContentsContainer;
-var spinnerContainerStyles = (0, _core.css)({
+var spinnerContainerStyles = (0, _react.css)({
   display: 'flex',
   position: 'absolute',
   top: 0,
@@ -55,7 +55,7 @@ var spinnerContainerStyles = (0, _core.css)({
 
 var SpinnerContainer = function SpinnerContainer(_ref4) {
   var children = _ref4.children;
-  return (0, _core.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: spinnerContainerStyles
   }, children);
 };

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

@@ -9,16 +9,16 @@ exports.RowPlaceholderCell = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 /** @jsx jsx */
-var rowPlaceholderStyles = (0, _core.css)({
+var rowPlaceholderStyles = (0, _react.css)({
   padding: 0
 }); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 
 var RowPlaceholderCell = function RowPlaceholderCell(props) {
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-    (0, _core.jsx)("td", (0, _extends2.default)({
+    (0, _react.jsx)("td", (0, _extends2.default)({
       css: rowPlaceholderStyles
     }, props))
   );

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

@@ -11,12 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _tableCell = require("../table-cell");
 
 var _excluded = ["isRanking", "innerRef"];
-var rankingStyles = (0, _core.css)({
+var rankingStyles = (0, _react.css)({
   boxSizing: 'border-box'
 }); // eslint-disable-next-line @repo/internal/react/require-jsdoc
 
@@ -24,7 +24,7 @@ var RankableTableBodyCell = function RankableTableBodyCell(_ref) {
   var isRanking = _ref.isRanking,
       innerRef = _ref.innerRef,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)(_tableCell.TableBodyCell, (0, _extends2.default)({
+  return (0, _react.jsx)(_tableCell.TableBodyCell, (0, _extends2.default)({
     css: isRanking && rankingStyles // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 
   }, props, {

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

@@ -13,14 +13,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
 var _tableRow = require("../table-row");
 
 var _excluded = ["isRanking", "isRankingItem"];
-var rankingStyles = (0, _core.css)({
+var rankingStyles = (0, _react2.css)({
   display: 'block'
 });
 var elevationStyle = "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")");
@@ -29,12 +29,12 @@ var elevationStyle = "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".conc
  * Skipping it for now as it may impact migration as util-shared-styles does not support this feature
  */
 
-var rankingItemStyles = (0, _core.css)({
+var rankingItemStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
   borderRadius: '2px',
   boxShadow: elevationStyle
 });
-var draggableStyles = (0, _core.css)({
+var draggableStyles = (0, _react2.css)({
   outlineWidth: '2px',
   '&:focus': {
     outlineColor: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
@@ -46,7 +46,7 @@ var RankableTableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   var isRanking = _ref.isRanking,
       isRankingItem = _ref.isRankingItem,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)(_tableRow.TableBodyRow, (0, _extends2.default)({
+  return (0, _react2.jsx)(_tableRow.TableBodyRow, (0, _extends2.default)({
     css: [isRanking && rankingStyles, isRankingItem && rankingItemStyles, draggableStyles],
     ref: ref
   }, props));

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

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 
 var _constants = require("./constants");
 
@@ -24,7 +24,7 @@ var TableBodyCell = function TableBodyCell(_ref) {
       shouldTruncate = _ref.shouldTruncate,
       innerRef = _ref.innerRef,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)("td", (0, _extends2.default)({
+  return (0, _react.jsx)("td", (0, _extends2.default)({
     style: (0, _constants.getTruncationStyleVars)({
       width: width
     }),

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

@@ -15,7 +15,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -36,24 +36,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var gridSize = (0, _constants.gridSize)();
 var CSS_VAR_TEXT_COLOR = '--local-dynamic-table-text-color';
-var rankingStyles = (0, _core.css)({
+var rankingStyles = (0, _react2.css)({
   display: 'block'
 });
-var headStyles = (0, _core.css)({
+var headStyles = (0, _react2.css)({
   borderBottom: "none"
 });
 
 var Head = function Head(_ref) {
   var isRanking = _ref.isRanking,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)("thead", (0, _extends2.default)({
+  return (0, _react2.jsx)("thead", (0, _extends2.default)({
     css: [headStyles, isRanking && rankingStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
 
   }, props));
 };
 
 exports.Head = Head;
-var headCellStyles = (0, _core.css)([_constants3.cellStyles, {
+var headCellStyles = (0, _react2.css)([_constants3.cellStyles, {
   boxSizing: 'border-box',
   position: 'relative',
   border: 'none',
@@ -67,13 +67,13 @@ var headCellStyles = (0, _core.css)([_constants3.cellStyles, {
     outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
   }
 }]);
-var onClickStyles = (0, _core.css)({
+var onClickStyles = (0, _react2.css)({
   '&:hover': {
     backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
     cursor: 'pointer'
   }
 });
-var baseStyles = (0, _core.css)({
+var baseStyles = (0, _react2.css)({
   '& > span': {
     position: 'relative',
     '&::before, &::after': {
@@ -108,7 +108,7 @@ var baseStyles = (0, _core.css)({
     }
   }
 });
-var ascendingStyles = (0, _core.css)({
+var ascendingStyles = (0, _react2.css)({
   '& > span': {
     '&::before': {
       borderBottom: "3px solid ".concat(_theme.arrow.selectedColor)
@@ -122,7 +122,7 @@ var ascendingStyles = (0, _core.css)({
     }
   }
 });
-var descendingStyles = (0, _core.css)({
+var descendingStyles = (0, _react2.css)({
   '& > span': {
     '&::after': {
       borderTop: "3px solid ".concat(_theme.arrow.selectedColor)
@@ -153,7 +153,7 @@ var HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
 
   var isASC = sortOrder === _constants2.ASC;
   var isDESC = sortOrder === _constants2.DESC;
-  return (0, _core.jsx)("th", (0, _extends2.default)({
+  return (0, _react2.jsx)("th", (0, _extends2.default)({
     style: mergedStyles,
     css: [headCellStyles, onClick && onClickStyles, _constants3.truncationWidthStyles, isFixedSize && shouldTruncate && _constants3.fixedSizeTruncateStyles, isFixedSize && _constants3.overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,

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

@@ -13,23 +13,23 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _dynamicTable = require("./dynamic-table");
 
 var _excluded = ["isHighlighted", "children", "style"];
-var rowStyles = (0, _core.css)({
+var rowStyles = (0, _react2.css)({
   '&:focus': {
     outline: "2px solid ".concat("var(--ds-border-focused, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
     outlineOffset: "-2px"
   }
 });
-var rowBackgroundStyles = (0, _core.css)({
+var rowBackgroundStyles = (0, _react2.css)({
   '&:hover': {
     backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat("var(".concat(_dynamicTable.tableRowCSSVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")
   }
 });
-var rowHighlightedBackgroundStyles = (0, _core.css)({
+var rowHighlightedBackgroundStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-selected, ".concat("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, ")"), ")")
@@ -41,7 +41,7 @@ var TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       children = _ref.children,
       style = _ref.style,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)("tr", (0, _extends2.default)({
+  return (0, _react2.jsx)("tr", (0, _extends2.default)({
     style: style,
     css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]
   }, rest, {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.7.1",
+	"version": "14.8.1",
 	"sideEffects": false
 }

package/dist/es2019/components/stateless.js

@@ -14,7 +14,7 @@ import ManagedPagination from './managed-pagination';
 import RankableTableBody from './rankable/body';
 import TableHead from './table-head';
 const packageName = "@atlaskit/dynamic-table";
-const packageVersion = "14.7.1";
+const packageVersion = "14.8.1";
 
 function toggleSortOrder(currentSortOrder) {
   switch (currentSortOrder) {

package/dist/es2019/styled/constants.js

@@ -1,4 +1,4 @@
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 const CSS_VAR_WIDTH = '--local-dynamic-table-width';
 const gridSize = getGridSize();

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

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { row, tableBorder } from '../theme';
 const gridSize = getGridSize();

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

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
 const fixedHeightStyles = css({
   height: `${gridSize() * 18}px`

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

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
 const containerStyles = css({
   marginBottom: `${gridSize() * 3}px`,

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

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 const CSS_VAR_CONTENTS_OPACITY = '--contents-opacity';
 const containerStyles = css({
   position: 'relative'

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 const rowPlaceholderStyles = css({
   padding: 0
 }); // eslint-disable-next-line @repo/internal/react/require-jsdoc

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { TableBodyCell } from '../table-cell';
 const rankingStyles = css({
   boxSizing: 'border-box'

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
 import { TableBodyRow } from '../table-row';
 const rankingStyles = css({

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
 
 export const TableBodyCell = ({

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

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { B100, N30A } from '@atlaskit/theme/colors';
 import { gridSize as getGridSize } from '@atlaskit/theme/constants';
 import { ASC, DESC } from '../internal/constants';

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { tableRowCSSVars as cssVars } from './dynamic-table';
 const rowStyles = css({
   '&:focus': {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dynamic-table",
-	"version": "14.7.1",
+	"version": "14.8.1",
 	"sideEffects": false
 }