@atlaskit/table 0.7.2 → 0.8.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/table
 
+## 0.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.8.0
+
+### Minor Changes
+
+- [#139165](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/139165)
+  [`c140497da3215`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c140497da3215) -
+  [ux] Enable new icons behind a feature flag.
+
 ## 0.7.2
 
 ### Patch Changes

package/dist/cjs/expandable-cell.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _new = require("@atlaskit/button/new");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
+var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down"));
+var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up"));
 var _useExpand2 = _interopRequireDefault(require("./hooks/use-expand"));
 var _expandableCell = require("./ui/expandable-cell");
 /**
@@ -33,7 +33,7 @@ var ExpandableCell = /*#__PURE__*/(0, _react.memo)(function () {
   var handleClick = (0, _react.useCallback)(function () {
     toggleExpanded();
   }, [toggleExpanded]);
-  var Icon = isExpanded ? _chevronUp.default : _chevronDown.default;
+  var Icon = isExpanded ? _chevronUpHipchatChevronUp.default : _chevronDownHipchatChevronDown.default;
   return (0, _react2.jsx)(_expandableCell.ExpandableCell, {
     as: "td"
   }, (0, _react2.jsx)(_new.IconButton, {
@@ -41,7 +41,7 @@ var ExpandableCell = /*#__PURE__*/(0, _react.memo)(function () {
     appearance: "subtle",
     icon: function icon(iconProps) {
       return (0, _react2.jsx)(Icon, (0, _extends2.default)({}, iconProps, {
-        size: "small"
+        LEGACY_size: "small"
       }));
     },
     label: "Expand row",

package/dist/cjs/hooks/selection-provider.js

@@ -8,7 +8,7 @@ exports.useSelection = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _useSelectable = _interopRequireWildcard(require("./use-selectable"));
 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 && Object.prototype.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 _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 SelectionContext = /*#__PURE__*/(0, _react.createContext)([_useSelectable.defaultSelectableState, {}]);
 
 /**

package/dist/cjs/hooks/use-expand-content.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ExpandContentContextProvider = void 0;
 var _react = _interopRequireWildcard(require("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 && Object.prototype.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 _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 ExpandContentContext = /*#__PURE__*/(0, _react.createContext)({
   isExpandableContent: false
 });

package/dist/cjs/hooks/use-expand.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 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 && Object.prototype.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 _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 ExpandContext = /*#__PURE__*/(0, _react.createContext)({
   isExpanded: false,
   toggleExpanded: _noop.default

package/dist/cjs/hooks/use-selectable.js

@@ -42,14 +42,14 @@ function reducer(_ref, action) {
     case 'toggle_selection':
       {
         var _action$value = action.value,
-          _id = _action$value.id,
-          _shiftHeld = _action$value.shiftHeld;
+          id = _action$value.id,
+          shiftHeld = _action$value.shiftHeld;
         var updated = checked.slice();
         var newSelectionStart = selectionStart;
         var newPreviousSelection = previousSelection.slice();
-        if (_shiftHeld) {
+        if (shiftHeld) {
           if (checked.length > 0) {
-            var newIds = arrayFromRange(selectionStart, _id); // create an array of the new ids
+            var newIds = arrayFromRange(selectionStart, id); // create an array of the new ids
 
             // Uncheck ids from the previous selection.
             // This is done to maintain consistency with Shift-select behaviour elsewhere (e.g. macOS)
@@ -64,21 +64,21 @@ function reducer(_ref, action) {
             newPreviousSelection = newIds; // Maintain an array of the previous selection to allow for consistent Shift-select behaviour
           }
         } else {
-          var checkedIndex = checked.indexOf(_id); // is index already checked
+          var checkedIndex = checked.indexOf(id); // is index already checked
 
           if (checkedIndex !== -1) {
             updated.splice(checkedIndex, 1); // if index is already checked, uncheck
           } else {
-            updated.push(_id); // if index is not checked, check
+            updated.push(id); // if index is not checked, check
           }
-          newSelectionStart = _id; // Reset selection start id to this non-shift-selected id
+          newSelectionStart = id; // Reset selection start id to this non-shift-selected id
           newPreviousSelection = []; // Reset previous selection as it is no longer relevant once a new non-shift-selected id is added
         }
         var _anyChecked = updated.length > 0;
         return {
           checked: updated,
           allChecked: updated.length === maxChecked,
-          anyChecked: _anyChecked || Boolean(updated[_id]),
+          anyChecked: _anyChecked || Boolean(updated[id]),
           maxChecked: maxChecked,
           selectionStart: newSelectionStart,
           previousSelection: newPreviousSelection
@@ -95,10 +95,10 @@ function reducer(_ref, action) {
       };
     case 'set_max':
       {
-        var _max = action.value;
+        var max = action.value;
         return {
-          maxChecked: _max,
-          allChecked: checked.length === _max,
+          maxChecked: max,
+          allChecked: checked.length === max,
           anyChecked: anyChecked,
           checked: checked,
           selectionStart: selectionStart,

package/dist/cjs/hooks/use-table.js

@@ -10,7 +10,7 @@ exports.useTable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 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 && Object.prototype.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 _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 generateContext() {
   return /*#__PURE__*/(0, _react.createContext)({
     isSelectable: false,

package/dist/cjs/ui/base-cell.js

@@ -10,7 +10,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _primitives = require("@atlaskit/primitives");
 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 && Object.prototype.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 _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; }
 /**
  * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
  */

package/dist/cjs/ui/bulk-action-overlay.js

@@ -11,7 +11,7 @@ var overlayStyles = (0, _primitives.xcss)({
   display: 'flex',
   position: 'absolute',
   inset: 'space.0',
-  left: 'space.400'
+  insetInlineStart: 'space.400'
 });
 
 /**

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExpandIcon = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
+var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down"));
+var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up"));
 /* eslint-disable no-unused-vars */
 /**
  * @jsxRuntime classic
@@ -30,16 +30,18 @@ var ExpandIcon = exports.ExpandIcon = /*#__PURE__*/(0, _react.memo)(function (_r
   var isExpanded = _ref.isExpanded;
   switch (isExpanded) {
     case true:
-      return (0, _react2.jsx)(_chevronUp.default, {
-        size: "small",
+      return (0, _react2.jsx)(_chevronUpHipchatChevronUp.default, {
+        color: "currentColor",
+        LEGACY_size: "small",
         label: "",
-        primaryColor: "inherit"
+        LEGACY_primaryColor: "inherit"
       });
     case false:
-      return (0, _react2.jsx)(_chevronDown.default, {
-        size: "small",
+      return (0, _react2.jsx)(_chevronDownHipchatChevronDown.default, {
+        color: "currentColor",
+        LEGACY_size: "small",
         label: "",
-        primaryColor: "inherit"
+        LEGACY_primaryColor: "inherit"
       });
   }
 });

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SortIcon = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-down"));
-var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-up"));
+var _arrowDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/arrow-down"));
+var _arrowUp = _interopRequireDefault(require("@atlaskit/icon/utility/migration/arrow-up"));
 var _useTable2 = require("../hooks/use-table");
 /* eslint-disable no-unused-vars */
 /**
@@ -32,15 +32,17 @@ var SortIcon = exports.SortIcon = /*#__PURE__*/(0, _react.memo)(function (_ref)
     switch (sortDirection) {
       case 'ascending':
         return (0, _react2.jsx)(_arrowUp.default, {
-          size: "small",
+          color: "currentColor",
+          LEGACY_size: "small",
           label: "",
-          primaryColor: "inherit"
+          LEGACY_primaryColor: "inherit"
         });
       case 'descending':
         return (0, _react2.jsx)(_arrowDown.default, {
-          size: "small",
+          color: "currentColor",
+          LEGACY_size: "small",
           label: "",
-          primaryColor: "inherit"
+          LEGACY_primaryColor: "inherit"
         });
     }
   }

package/dist/es2019/expandable-cell.js

@@ -8,8 +8,8 @@ import { memo, useCallback } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
 import useExpand from './hooks/use-expand';
 import { ExpandableCell as ExpandableCellPrimitive } from './ui/expandable-cell';
 
@@ -34,7 +34,7 @@ const ExpandableCell = /*#__PURE__*/memo(() => {
     spacing: "compact",
     appearance: "subtle",
     icon: iconProps => jsx(Icon, _extends({}, iconProps, {
-      size: "small"
+      LEGACY_size: "small"
     })),
     label: "Expand row",
     onClick: handleClick,

package/dist/es2019/ui/bulk-action-overlay.js

@@ -4,7 +4,7 @@ const overlayStyles = xcss({
   display: 'flex',
   position: 'absolute',
   inset: 'space.0',
-  left: 'space.400'
+  insetInlineStart: 'space.400'
 });
 
 /**

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

@@ -11,8 +11,8 @@ import { jsx } from '@emotion/react';
 // TODO: Using HipChat icons as the standard icon set is missing large
 // versions of `chevron-up` and `chevron-down`, despite already including
 // `chevron-left-large` and `chevron-right-large`...
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
 
 /**
  * __Expand icon__
@@ -25,15 +25,17 @@ export const ExpandIcon = /*#__PURE__*/memo(({
   switch (isExpanded) {
     case true:
       return jsx(ChevronUpIcon, {
-        size: "small",
+        color: "currentColor",
+        LEGACY_size: "small",
         label: "",
-        primaryColor: "inherit"
+        LEGACY_primaryColor: "inherit"
       });
     case false:
       return jsx(ChevronDownIcon, {
-        size: "small",
+        color: "currentColor",
+        LEGACY_size: "small",
         label: "",
-        primaryColor: "inherit"
+        LEGACY_primaryColor: "inherit"
       });
   }
 });

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

@@ -7,8 +7,8 @@ import { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import ArrowDownIcon from '@atlaskit/icon/glyph/arrow-down';
-import ArrowUpIcon from '@atlaskit/icon/glyph/arrow-up';
+import ArrowDownIcon from '@atlaskit/icon/utility/migration/arrow-down';
+import ArrowUpIcon from '@atlaskit/icon/utility/migration/arrow-up';
 import { useTable } from '../hooks/use-table';
 
 /**
@@ -27,15 +27,17 @@ export const SortIcon = /*#__PURE__*/memo(({
     switch (sortDirection) {
       case 'ascending':
         return jsx(ArrowUpIcon, {
-          size: "small",
+          color: "currentColor",
+          LEGACY_size: "small",
           label: "",
-          primaryColor: "inherit"
+          LEGACY_primaryColor: "inherit"
         });
       case 'descending':
         return jsx(ArrowDownIcon, {
-          size: "small",
+          color: "currentColor",
+          LEGACY_size: "small",
           label: "",
-          primaryColor: "inherit"
+          LEGACY_primaryColor: "inherit"
         });
     }
   }

package/dist/esm/expandable-cell.js

@@ -8,8 +8,8 @@ import { memo, useCallback } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
 import useExpand from './hooks/use-expand';
 import { ExpandableCell as ExpandableCellPrimitive } from './ui/expandable-cell';
 
@@ -34,7 +34,7 @@ var ExpandableCell = /*#__PURE__*/memo(function () {
     appearance: "subtle",
     icon: function icon(iconProps) {
       return jsx(Icon, _extends({}, iconProps, {
-        size: "small"
+        LEGACY_size: "small"
       }));
     },
     label: "Expand row",

package/dist/esm/hooks/use-selectable.js

@@ -35,14 +35,14 @@ function reducer(_ref, action) {
     case 'toggle_selection':
       {
         var _action$value = action.value,
-          _id = _action$value.id,
-          _shiftHeld = _action$value.shiftHeld;
+          id = _action$value.id,
+          shiftHeld = _action$value.shiftHeld;
         var updated = checked.slice();
         var newSelectionStart = selectionStart;
         var newPreviousSelection = previousSelection.slice();
-        if (_shiftHeld) {
+        if (shiftHeld) {
           if (checked.length > 0) {
-            var newIds = arrayFromRange(selectionStart, _id); // create an array of the new ids
+            var newIds = arrayFromRange(selectionStart, id); // create an array of the new ids
 
             // Uncheck ids from the previous selection.
             // This is done to maintain consistency with Shift-select behaviour elsewhere (e.g. macOS)
@@ -57,21 +57,21 @@ function reducer(_ref, action) {
             newPreviousSelection = newIds; // Maintain an array of the previous selection to allow for consistent Shift-select behaviour
           }
         } else {
-          var checkedIndex = checked.indexOf(_id); // is index already checked
+          var checkedIndex = checked.indexOf(id); // is index already checked
 
           if (checkedIndex !== -1) {
             updated.splice(checkedIndex, 1); // if index is already checked, uncheck
           } else {
-            updated.push(_id); // if index is not checked, check
+            updated.push(id); // if index is not checked, check
           }
-          newSelectionStart = _id; // Reset selection start id to this non-shift-selected id
+          newSelectionStart = id; // Reset selection start id to this non-shift-selected id
           newPreviousSelection = []; // Reset previous selection as it is no longer relevant once a new non-shift-selected id is added
         }
         var _anyChecked = updated.length > 0;
         return {
           checked: updated,
           allChecked: updated.length === maxChecked,
-          anyChecked: _anyChecked || Boolean(updated[_id]),
+          anyChecked: _anyChecked || Boolean(updated[id]),
           maxChecked: maxChecked,
           selectionStart: newSelectionStart,
           previousSelection: newPreviousSelection
@@ -88,10 +88,10 @@ function reducer(_ref, action) {
       };
     case 'set_max':
       {
-        var _max = action.value;
+        var max = action.value;
         return {
-          maxChecked: _max,
-          allChecked: checked.length === _max,
+          maxChecked: max,
+          allChecked: checked.length === max,
           anyChecked: anyChecked,
           checked: checked,
           selectionStart: selectionStart,

package/dist/esm/ui/bulk-action-overlay.js

@@ -4,7 +4,7 @@ var overlayStyles = xcss({
   display: 'flex',
   position: 'absolute',
   inset: 'space.0',
-  left: 'space.400'
+  insetInlineStart: 'space.400'
 });
 
 /**

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

@@ -11,8 +11,8 @@ import { jsx } from '@emotion/react';
 // TODO: Using HipChat icons as the standard icon set is missing large
 // versions of `chevron-up` and `chevron-down`, despite already including
 // `chevron-left-large` and `chevron-right-large`...
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down--hipchat-chevron-down';
+import ChevronUpIcon from '@atlaskit/icon/utility/migration/chevron-up--hipchat-chevron-up';
 
 /**
  * __Expand icon__
@@ -24,15 +24,17 @@ export var ExpandIcon = /*#__PURE__*/memo(function (_ref) {
   switch (isExpanded) {
     case true:
       return jsx(ChevronUpIcon, {
-        size: "small",
+        color: "currentColor",
+        LEGACY_size: "small",
         label: "",
-        primaryColor: "inherit"
+        LEGACY_primaryColor: "inherit"
       });
     case false:
       return jsx(ChevronDownIcon, {
-        size: "small",
+        color: "currentColor",
+        LEGACY_size: "small",
         label: "",
-        primaryColor: "inherit"
+        LEGACY_primaryColor: "inherit"
       });
   }
 });

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

@@ -7,8 +7,8 @@ import { memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import ArrowDownIcon from '@atlaskit/icon/glyph/arrow-down';
-import ArrowUpIcon from '@atlaskit/icon/glyph/arrow-up';
+import ArrowDownIcon from '@atlaskit/icon/utility/migration/arrow-down';
+import ArrowUpIcon from '@atlaskit/icon/utility/migration/arrow-up';
 import { useTable } from '../hooks/use-table';
 
 /**
@@ -25,15 +25,17 @@ export var SortIcon = /*#__PURE__*/memo(function (_ref) {
     switch (sortDirection) {
       case 'ascending':
         return jsx(ArrowUpIcon, {
-          size: "small",
+          color: "currentColor",
+          LEGACY_size: "small",
           label: "",
-          primaryColor: "inherit"
+          LEGACY_primaryColor: "inherit"
         });
       case 'descending':
         return jsx(ArrowDownIcon, {
-          size: "small",
+          color: "currentColor",
+          LEGACY_size: "small",
           label: "",
-          primaryColor: "inherit"
+          LEGACY_primaryColor: "inherit"
         });
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table",
-	"version": "0.7.2",
+	"version": "0.8.1",
 	"description": "A table is used to display data.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,13 +39,13 @@
 		"./primitives": "./src/ui/index.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/button": "^20.1.0",
+		"@atlaskit/button": "^20.2.0",
 		"@atlaskit/checkbox": "^14.0.0",
-		"@atlaskit/ds-lib": "^2.5.0",
+		"@atlaskit/ds-lib": "^2.6.0",
 		"@atlaskit/focus-ring": "^1.6.0",
-		"@atlaskit/icon": "^22.15.0",
-		"@atlaskit/primitives": "^12.1.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/primitives": "^12.2.0",
+		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",