@zendeskgarden/react-tables 8.47.1 → 8.47.2

package/dist/index.cjs.js

@@ -27,14 +27,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -157,9 +155,9 @@ function _nonIterableRest() {
 }
 
 var COMPONENT_ID$a = 'tables.body';
-var StyledBody = styled__default['default'].tbody.attrs({
+var StyledBody = styled__default["default"].tbody.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14ud6y-0"
@@ -171,9 +169,9 @@ StyledBody.defaultProps = {
 };
 
 var COMPONENT_ID$9 = 'tables.caption';
-var StyledCaption = styled__default['default'].caption.attrs({
+var StyledCaption = styled__default["default"].caption.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCaption",
   componentId: "sc-113y327-0"
@@ -190,9 +188,9 @@ var COMPONENT_ID$8 = 'tables.table';
 var getLineHeight = function getLineHeight(props) {
   return "".concat(props.theme.space.base * 5, "px");
 };
-var StyledTable = styled__default['default'].table.attrs({
+var StyledTable = styled__default["default"].table.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTable",
   componentId: "sc-gje7na-0"
@@ -243,9 +241,9 @@ var sizeStyling = function sizeStyling(props) {
   }
   return styled.css(["box-sizing:", ";padding:", ";width:", ";height:", ";"], boxSizing, padding, width, height);
 };
-var StyledCell = styled__default['default'].td.attrs({
+var StyledCell = styled__default["default"].td.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-8hpncx-0"
@@ -278,9 +276,9 @@ var colorStyles$1 = function colorStyles(props) {
   }
   return styled.css(["color:", ";&:hover{background-color:", ";color:", ";}&:active{background-color:", ";color:", ";}&:focus{outline:none;}&[data-garden-focus-visible]{box-shadow:inset ", ";}"], foregroundColor, hoverBackgroundColor, hoverForegroundColor, activeBackgroundColor, activeForegroundColor, boxShadow);
 };
-var StyledOverflowButton = styled__default['default'].button.attrs({
+var StyledOverflowButton = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.47.2',
   type: 'button'
 }).withConfig({
   displayName: "StyledOverflowButton",
@@ -299,7 +297,7 @@ var StyledOverflowButton = styled__default['default'].button.attrs({
 StyledOverflowButton.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
-var StyledOverflowButtonIconWrapper = styled__default['default'].div.withConfig({
+var StyledOverflowButtonIconWrapper = styled__default["default"].div.withConfig({
   displayName: "StyledOverflowButton__StyledOverflowButtonIconWrapper",
   componentId: "sc-1eba2ml-1"
 })(["display:flex;align-items:center;justify-content:center;transform:rotate(90deg);transition:opacity 0.25s ease-in-out,background-color 0.1s ease-in-out;width:", ";height:", ";&:hover{opacity:1;}"], OVERFLOW_BUTTON_SIZE, OVERFLOW_BUTTON_SIZE);
@@ -308,7 +306,7 @@ StyledOverflowButtonIconWrapper.defaultProps = {
 };
 
 var COMPONENT_ID$5 = 'tables.row';
-var StyledBaseRow = styled__default['default'].tr.withConfig({
+var StyledBaseRow = styled__default["default"].tr.withConfig({
   displayName: "StyledRow__StyledBaseRow",
   componentId: "sc-ek66ow-0"
 })(["display:table-row;transition:background-color 0.1s ease-in-out;border-bottom:", ";background-color:", ";vertical-align:top;box-sizing:border-box;"], function (props) {
@@ -348,10 +346,10 @@ var colorStyles = function colorStyles(props) {
   }
   return styled.css(["border-bottom-color:", ";background-color:", ";&:hover{border-bottom-color:", ";background-color:", ";", "{opacity:1;}}&:focus{outline:none;}", ":first-of-type{box-shadow:", ";&:focus{box-shadow:", ";}}"], borderColor, backgroundColor, hoverBorderBottomColor, hoverBackgroundColor, StyledOverflowButton, StyledCell, props.isFocused && boxShadow, boxShadow);
 };
-var StyledRow = styled__default['default'](StyledBaseRow).attrs(function (props) {
+var StyledRow = styled__default["default"](StyledBaseRow).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$5,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     tabIndex: props.isReadOnly ? undefined : -1
   };
 }).withConfig({
@@ -375,9 +373,9 @@ var getHeaderRowHeight = function getHeaderRowHeight(props) {
   }
   return "".concat(props.theme.space.base * 12, "px");
 };
-var StyledHeaderRow = styled__default['default'](StyledBaseRow).attrs({
+var StyledHeaderRow = styled__default["default"](StyledBaseRow).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHeaderRow",
   componentId: "sc-16ogvdx-0"
@@ -395,9 +393,9 @@ StyledHeaderRow.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'tables.head';
-var StyledHead = styled__default['default'].thead.attrs({
+var StyledHead = styled__default["default"].thead.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHead",
   componentId: "sc-spf23a-0"
@@ -414,9 +412,9 @@ var sizeStyles$1 = function sizeStyles(props) {
   var lineHeight = getLineHeight(props);
   return styled.css(["height:", ";line-height:", ";font-size:", ";", "{padding:", " ", "px;}"], height, lineHeight, props.theme.fontSizes.sm, StyledCell, polished.math("(".concat(height, " - ").concat(lineHeight, ") / 2")), props.theme.space.base * 3);
 };
-var StyledGroupRow = styled__default['default'](StyledBaseRow).attrs({
+var StyledGroupRow = styled__default["default"](StyledBaseRow).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledGroupRow",
   componentId: "sc-mpd0r8-0"
@@ -432,7 +430,7 @@ StyledGroupRow.defaultProps = {
 };
 
 var COMPONENT_ID$1 = 'tables.sortable';
-var StyledBaseIconWrapper = styled__default['default'].div.withConfig({
+var StyledBaseIconWrapper = styled__default["default"].div.withConfig({
   displayName: "StyledSortableButton__StyledBaseIconWrapper",
   componentId: "sc-2s1dli-0"
 })(["display:flex;position:absolute;top:0;", ":0;align-items:center;justify-content:center;opacity:0;width:", ";height:100%;color:inherit;fill:inherit;"], function (props) {
@@ -443,23 +441,23 @@ var StyledBaseIconWrapper = styled__default['default'].div.withConfig({
 StyledBaseIconWrapper.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
-var StyledSortableStrokeIconWrapper = styled__default['default'](StyledBaseIconWrapper).withConfig({
+var StyledSortableStrokeIconWrapper = styled__default["default"](StyledBaseIconWrapper).withConfig({
   displayName: "StyledSortableButton__StyledSortableStrokeIconWrapper",
   componentId: "sc-2s1dli-1"
 })([""]);
 StyledSortableStrokeIconWrapper.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
-var StyledSortableFillIconWrapper = styled__default['default'](StyledBaseIconWrapper).withConfig({
+var StyledSortableFillIconWrapper = styled__default["default"](StyledBaseIconWrapper).withConfig({
   displayName: "StyledSortableButton__StyledSortableFillIconWrapper",
   componentId: "sc-2s1dli-2"
 })([""]);
 StyledSortableFillIconWrapper.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
-var StyledSortableButton = styled__default['default'].button.attrs({
+var StyledSortableButton = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.47.2',
   type: 'button'
 }).withConfig({
   displayName: "StyledSortableButton",
@@ -514,10 +512,10 @@ var sizeStyles = function sizeStyles(props) {
   }
   return styled.css(["padding-top:", ";padding-bottom:", ";"], paddingVertical, paddingVertical);
 };
-var StyledHeaderCell = styled__default['default'](StyledCell).attrs({
+var StyledHeaderCell = styled__default["default"](StyledCell).attrs({
   as: 'th',
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHeaderCell",
   componentId: "sc-fzagoe-0"
@@ -540,21 +538,21 @@ StyledHeaderCell.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var Body = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledBody, _extends$3({
+var Body = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledBody, _extends$3({
     ref: ref
   }, props));
 });
 Body.displayName = 'Body';
 
-var Caption = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledCaption, _extends$3({
+var Caption = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledCaption, _extends$3({
     ref: ref
   }, props));
 });
 Caption.displayName = 'Caption';
 
-var TableContext = React__default['default'].createContext({
+var TableContext = React__default["default"].createContext({
   size: 'medium',
   isReadOnly: false
 });
@@ -562,96 +560,96 @@ var useTableContext = function useTableContext() {
   return React.useContext(TableContext);
 };
 
-var Cell = React__default['default'].forwardRef(function (props, ref) {
+var Cell = React__default["default"].forwardRef(function (props, ref) {
   var _useTableContext = useTableContext(),
       size = _useTableContext.size;
-  return React__default['default'].createElement(StyledCell, _extends$3({
+  return React__default["default"].createElement(StyledCell, _extends$3({
     ref: ref,
     size: size
   }, props));
 });
 Cell.displayName = 'Cell';
 Cell.propTypes = {
-  isMinimum: PropTypes__default['default'].bool,
-  isTruncated: PropTypes__default['default'].bool,
-  hasOverflow: PropTypes__default['default'].bool,
-  width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])
+  isMinimum: PropTypes__default["default"].bool,
+  isTruncated: PropTypes__default["default"].bool,
+  hasOverflow: PropTypes__default["default"].bool,
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
 
-var GroupRow = React__default['default'].forwardRef(function (props, ref) {
+var GroupRow = React__default["default"].forwardRef(function (props, ref) {
   var _useTableContext = useTableContext(),
       size = _useTableContext.size;
-  return React__default['default'].createElement(StyledGroupRow, _extends$3({
+  return React__default["default"].createElement(StyledGroupRow, _extends$3({
     ref: ref,
     size: size
   }, props));
 });
 GroupRow.displayName = 'GroupRow';
 
-var Head = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledHead, _extends$3({
+var Head = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledHead, _extends$3({
     ref: ref
   }, props));
 });
 Head.displayName = 'Head';
 
-var HeaderCell = React__default['default'].forwardRef(function (props, ref) {
+var HeaderCell = React__default["default"].forwardRef(function (props, ref) {
   var _useTableContext = useTableContext(),
       size = _useTableContext.size;
-  return React__default['default'].createElement(StyledHeaderCell, _extends$3({
+  return React__default["default"].createElement(StyledHeaderCell, _extends$3({
     ref: ref,
     size: size
   }, props));
 });
 HeaderCell.displayName = 'HeaderCell';
 HeaderCell.propTypes = {
-  isMinimum: PropTypes__default['default'].bool,
-  isTruncated: PropTypes__default['default'].bool,
-  hasOverflow: PropTypes__default['default'].bool,
-  width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])
+  isMinimum: PropTypes__default["default"].bool,
+  isTruncated: PropTypes__default["default"].bool,
+  hasOverflow: PropTypes__default["default"].bool,
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
 
-var HeaderRow = React__default['default'].forwardRef(function (props, ref) {
+var HeaderRow = React__default["default"].forwardRef(function (props, ref) {
   var _useTableContext = useTableContext(),
       size = _useTableContext.size;
-  return React__default['default'].createElement(StyledHeaderRow, _extends$3({
+  return React__default["default"].createElement(StyledHeaderRow, _extends$3({
     ref: ref,
     size: size
   }, props));
 });
 HeaderRow.displayName = 'HeaderRow';
 
+var _g;
+
 function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-var _ref$2 = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 2.5,
-  cy: 8,
-  r: 1.5
-}), /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 8,
-  cy: 8,
-  r: 1.5
-}), /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 13.5,
-  cy: 8,
-  r: 1.5
-}));
-
-function SvgOverflowStroke(props) {
+var SvgOverflowStroke = function SvgOverflowStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 2.5,
+    cy: 8,
+    r: 1.5
+  }), /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 8,
+    cy: 8,
+    r: 1.5
+  }), /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 13.5,
+    cy: 8,
+    r: 1.5
+  }))));
+};
 
 var _excluded$2 = ["onFocus", "onBlur", "isFocused"];
-var OverflowButton = React__default['default'].forwardRef(function (_ref, ref) {
+var OverflowButton = React__default["default"].forwardRef(function (_ref, ref) {
   var onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
       focused = _ref.isFocused,
@@ -662,7 +660,7 @@ var OverflowButton = React__default['default'].forwardRef(function (_ref, ref) {
       setIsFocused = _useState2[1];
   var _useTableContext = useTableContext(),
       size = _useTableContext.size;
-  return React__default['default'].createElement(StyledOverflowButton, _extends$3({
+  return React__default["default"].createElement(StyledOverflowButton, _extends$3({
     onFocus: containerUtilities.composeEventHandlers(onFocus, function () {
       setIsFocused(true);
     }),
@@ -672,17 +670,17 @@ var OverflowButton = React__default['default'].forwardRef(function (_ref, ref) {
     size: size,
     isFocused: typeof focused === 'undefined' ? isFocused : focused,
     ref: ref
-  }, other), React__default['default'].createElement(StyledOverflowButtonIconWrapper, null, React__default['default'].createElement(SvgOverflowStroke, null)));
+  }, other), React__default["default"].createElement(StyledOverflowButtonIconWrapper, null, React__default["default"].createElement(SvgOverflowStroke, null)));
 });
 OverflowButton.displayName = 'OverflowButton';
 OverflowButton.propTypes = {
-  isHovered: PropTypes__default['default'].bool,
-  isActive: PropTypes__default['default'].bool,
-  isFocused: PropTypes__default['default'].bool
+  isHovered: PropTypes__default["default"].bool,
+  isActive: PropTypes__default["default"].bool,
+  isFocused: PropTypes__default["default"].bool
 };
 
 var _excluded$1 = ["onFocus", "onBlur", "isFocused"];
-var Row = React__default['default'].forwardRef(function (_ref, ref) {
+var Row = React__default["default"].forwardRef(function (_ref, ref) {
   var onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
       focused = _ref.isFocused,
@@ -703,7 +701,7 @@ var Row = React__default['default'].forwardRef(function (_ref, ref) {
     }
     return isFocused;
   }, [focused, isFocused, isReadOnly]);
-  return React__default['default'].createElement(StyledRow, _extends$3({
+  return React__default["default"].createElement(StyledRow, _extends$3({
     onFocus: containerUtilities.composeEventHandlers(onFocus, function () {
       setIsFocused(true);
     }),
@@ -718,56 +716,54 @@ var Row = React__default['default'].forwardRef(function (_ref, ref) {
 });
 Row.displayName = 'Row';
 Row.propTypes = {
-  isStriped: PropTypes__default['default'].bool,
-  isFocused: PropTypes__default['default'].bool,
-  isHovered: PropTypes__default['default'].bool,
-  isSelected: PropTypes__default['default'].bool
+  isStriped: PropTypes__default["default"].bool,
+  isFocused: PropTypes__default["default"].bool,
+  isHovered: PropTypes__default["default"].bool,
+  isSelected: PropTypes__default["default"].bool
 };
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$1;
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M2.5 4L5.6.9c.2-.2.5-.2.7 0L9.5 4m-7 4l3.1 3.1c.2.2.5.2.7 0L9.5 8"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgSortStroke(props) {
+var SvgSortStroke = function SvgSortStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M2.5 4L5.6.9c.2-.2.5-.2.7 0L9.5 4m-7 4l3.1 3.1c.2.2.5.2.7 0L9.5 8"
+  })));
+};
 
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M10 5H2a.5.5 0 01-.46-.31.47.47 0 01.11-.54L5.29.5A1 1 0 016.7.5l3.65 3.65a.49.49 0 01.11.54A.51.51 0 0110 5z"
-});
+var _path, _path2;
 
-var _ref2 = /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M2 7a.5.5 0 00-.46.31.47.47 0 00.11.54L5.3 11.5a1 1 0 001.41 0l3.65-3.65a.49.49 0 00.11-.54A.53.53 0 0010 7z"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgSortFill(props) {
+var SvgSortFill = function SvgSortFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref, _ref2);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M10 5H2a.5.5 0 01-.46-.31.47.47 0 01.11-.54L5.29.5A1 1 0 016.7.5l3.65 3.65a.49.49 0 01.11.54A.51.51 0 0110 5z"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M2 7a.5.5 0 00-.46.31.47.47 0 00.11.54L5.3 11.5a1 1 0 001.41 0l3.65-3.65a.49.49 0 00.11-.54A.53.53 0 0010 7z"
+  })));
+};
 
 var _excluded = ["sort", "cellProps", "width", "children"];
-var SortableCell = React__default['default'].forwardRef(function (_ref, ref) {
+var SortableCell = React__default["default"].forwardRef(function (_ref, ref) {
   var sort = _ref.sort,
       cellProps = _ref.cellProps,
       width = _ref.width,
@@ -780,31 +776,31 @@ var SortableCell = React__default['default'].forwardRef(function (_ref, ref) {
     ariaSortValue = 'descending';
   }
   var SortIcon = sort === undefined ? SvgSortStroke : SvgSortFill;
-  return React__default['default'].createElement(StyledHeaderCell, _extends$3({
+  return React__default["default"].createElement(StyledHeaderCell, _extends$3({
     "aria-sort": ariaSortValue,
     width: width
-  }, cellProps), React__default['default'].createElement(StyledSortableButton, _extends$3({
+  }, cellProps), React__default["default"].createElement(StyledSortableButton, _extends$3({
     sort: sort,
     ref: ref
-  }, otherProps), children, React__default['default'].createElement(StyledSortableStrokeIconWrapper, null, React__default['default'].createElement(SortIcon, null)), React__default['default'].createElement(StyledSortableFillIconWrapper, null, React__default['default'].createElement(SvgSortFill, null))));
+  }, otherProps), children, React__default["default"].createElement(StyledSortableStrokeIconWrapper, null, React__default["default"].createElement(SortIcon, null)), React__default["default"].createElement(StyledSortableFillIconWrapper, null, React__default["default"].createElement(SvgSortFill, null))));
 });
 SortableCell.displayName = 'SortableCell';
 SortableCell.propTypes = {
-  sort: PropTypes__default['default'].oneOf(['asc', 'desc']),
-  cellProps: PropTypes__default['default'].any,
-  width: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])
+  sort: PropTypes__default["default"].oneOf(['asc', 'desc']),
+  cellProps: PropTypes__default["default"].any,
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
 
-var Table = React__default['default'].forwardRef(function (props, ref) {
+var Table = React__default["default"].forwardRef(function (props, ref) {
   var tableContextValue = React.useMemo(function () {
     return {
       size: props.size,
       isReadOnly: props.isReadOnly
     };
   }, [props.size, props.isReadOnly]);
-  return React__default['default'].createElement(TableContext.Provider, {
+  return React__default["default"].createElement(TableContext.Provider, {
     value: tableContextValue
-  }, React__default['default'].createElement(StyledTable, _extends$3({
+  }, React__default["default"].createElement(StyledTable, _extends$3({
     ref: ref
   }, props)));
 });
@@ -813,7 +809,7 @@ Table.defaultProps = {
   size: 'medium'
 };
 Table.propTypes = {
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large'])
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
 };
 
 exports.Body = Body;

package/dist/index.esm.js

@@ -129,7 +129,7 @@ function _nonIterableRest() {
 var COMPONENT_ID$a = 'tables.body';
 var StyledBody = styled.tbody.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14ud6y-0"
@@ -143,7 +143,7 @@ StyledBody.defaultProps = {
 var COMPONENT_ID$9 = 'tables.caption';
 var StyledCaption = styled.caption.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCaption",
   componentId: "sc-113y327-0"
@@ -162,7 +162,7 @@ var getLineHeight = function getLineHeight(props) {
 };
 var StyledTable = styled.table.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTable",
   componentId: "sc-gje7na-0"
@@ -215,7 +215,7 @@ var sizeStyling = function sizeStyling(props) {
 };
 var StyledCell = styled.td.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-8hpncx-0"
@@ -250,7 +250,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledOverflowButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.47.2',
   type: 'button'
 }).withConfig({
   displayName: "StyledOverflowButton",
@@ -321,7 +321,7 @@ var colorStyles = function colorStyles(props) {
 var StyledRow = styled(StyledBaseRow).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$5,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     tabIndex: props.isReadOnly ? undefined : -1
   };
 }).withConfig({
@@ -347,7 +347,7 @@ var getHeaderRowHeight = function getHeaderRowHeight(props) {
 };
 var StyledHeaderRow = styled(StyledBaseRow).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHeaderRow",
   componentId: "sc-16ogvdx-0"
@@ -367,7 +367,7 @@ StyledHeaderRow.defaultProps = {
 var COMPONENT_ID$3 = 'tables.head';
 var StyledHead = styled.thead.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHead",
   componentId: "sc-spf23a-0"
@@ -386,7 +386,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledGroupRow = styled(StyledBaseRow).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledGroupRow",
   componentId: "sc-mpd0r8-0"
@@ -429,7 +429,7 @@ StyledSortableFillIconWrapper.defaultProps = {
 };
 var StyledSortableButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1',
+  'data-garden-version': '8.47.2',
   type: 'button'
 }).withConfig({
   displayName: "StyledSortableButton",
@@ -487,7 +487,7 @@ var sizeStyles = function sizeStyles(props) {
 var StyledHeaderCell = styled(StyledCell).attrs({
   as: 'th',
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHeaderCell",
   componentId: "sc-fzagoe-0"
@@ -591,34 +591,34 @@ var HeaderRow = React__default.forwardRef(function (props, ref) {
 });
 HeaderRow.displayName = 'HeaderRow';
 
+var _g;
+
 function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-var _ref$2 = /*#__PURE__*/React.createElement("g", {
-  fill: "currentColor"
-}, /*#__PURE__*/React.createElement("circle", {
-  cx: 2.5,
-  cy: 8,
-  r: 1.5
-}), /*#__PURE__*/React.createElement("circle", {
-  cx: 8,
-  cy: 8,
-  r: 1.5
-}), /*#__PURE__*/React.createElement("circle", {
-  cx: 13.5,
-  cy: 8,
-  r: 1.5
-}));
-
-function SvgOverflowStroke(props) {
+var SvgOverflowStroke = function SvgOverflowStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 2.5,
+    cy: 8,
+    r: 1.5
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 8,
+    cy: 8,
+    r: 1.5
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 13.5,
+    cy: 8,
+    r: 1.5
+  }))));
+};
 
 var _excluded$2 = ["onFocus", "onBlur", "isFocused"];
 var OverflowButton = React__default.forwardRef(function (_ref, ref) {
@@ -694,47 +694,45 @@ Row.propTypes = {
   isSelected: PropTypes.bool
 };
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$1;
 
-var _ref$1 = /*#__PURE__*/React.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M2.5 4L5.6.9c.2-.2.5-.2.7 0L9.5 4m-7 4l3.1 3.1c.2.2.5.2.7 0L9.5 8"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgSortStroke(props) {
+var SvgSortStroke = function SvgSortStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M2.5 4L5.6.9c.2-.2.5-.2.7 0L9.5 4m-7 4l3.1 3.1c.2.2.5.2.7 0L9.5 8"
+  })));
+};
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M10 5H2a.5.5 0 01-.46-.31.47.47 0 01.11-.54L5.29.5A1 1 0 016.7.5l3.65 3.65a.49.49 0 01.11.54A.51.51 0 0110 5z"
-});
+var _path, _path2;
 
-var _ref2 = /*#__PURE__*/React.createElement("path", {
-  d: "M2 7a.5.5 0 00-.46.31.47.47 0 00.11.54L5.3 11.5a1 1 0 001.41 0l3.65-3.65a.49.49 0 00.11-.54A.53.53 0 0010 7z"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgSortFill(props) {
+var SvgSortFill = function SvgSortFill(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref, _ref2);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M10 5H2a.5.5 0 01-.46-.31.47.47 0 01.11-.54L5.29.5A1 1 0 016.7.5l3.65 3.65a.49.49 0 01.11.54A.51.51 0 0110 5z"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M2 7a.5.5 0 00-.46.31.47.47 0 00.11.54L5.3 11.5a1 1 0 001.41 0l3.65-3.65a.49.49 0 00.11-.54A.53.53 0 0010 7z"
+  })));
+};
 
 var _excluded = ["sort", "cellProps", "width", "children"];
 var SortableCell = React__default.forwardRef(function (_ref, ref) {

package/dist/typings/elements/Cell.d.ts

@@ -4,9 +4,22 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React from 'react';
+import React, { TdHTMLAttributes } from 'react';
 import { IStyledCellProps } from '../styled';
+export interface ICellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * Applies minimum fixed width styling (e.g. for cells that contain
+     * checkboxes or icons)
+     */
+    isMinimum?: boolean;
+    /** Truncates long text with an ellipsis */
+    isTruncated?: boolean;
+    /** Applies styling for a cell that contains an overflow menu */
+    hasOverflow?: boolean;
+    /** Adjusts the [width](https://developer.mozilla.org/en-US/docs/Web/CSS/width) of the cell */
+    width?: IStyledCellProps['width'];
+}
 /**
  * @extends TdHTMLAttributes<HTMLTableCellElement>
  */
-export declare const Cell: React.ForwardRefExoticComponent<Pick<IStyledCellProps, "isMinimum" | "isTruncated" | "hasOverflow" | "width"> & React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<HTMLTableCellElement>>;

package/dist/typings/elements/HeaderCell.d.ts

@@ -9,4 +9,4 @@ import { IStyledCellProps } from '../styled';
 /**
  * @extends ThHTMLAttributes<HTMLTableHeaderCellElement>
  */
-export declare const HeaderCell: React.ForwardRefExoticComponent<Pick<IStyledCellProps, "isMinimum" | "isTruncated" | "hasOverflow" | "width"> & React.ThHTMLAttributes<HTMLTableHeaderCellElement> & React.RefAttributes<HTMLTableHeaderCellElement>>;
+export declare const HeaderCell: React.ForwardRefExoticComponent<Omit<IStyledCellProps, "size"> & React.ThHTMLAttributes<HTMLTableHeaderCellElement> & React.RefAttributes<HTMLTableHeaderCellElement>>;

package/dist/typings/elements/OverflowButton.d.ts

@@ -9,4 +9,4 @@ import { IStyledOverflowButtonProps } from '../styled';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-export declare const OverflowButton: React.ForwardRefExoticComponent<Pick<IStyledOverflowButtonProps, "isHovered" | "isActive" | "isFocused"> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export declare const OverflowButton: React.ForwardRefExoticComponent<Omit<IStyledOverflowButtonProps, "size"> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/Row.d.ts

@@ -9,4 +9,4 @@ import { IStyledRowProps } from '../styled';
 /**
  * @extends HTMLAttributes<HTMLTableRowElement>
  */
-export declare const Row: React.ForwardRefExoticComponent<Pick<IStyledRowProps, "isStriped" | "isFocused" | "isHovered" | "isSelected" | "isReadOnly"> & React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+export declare const Row: React.ForwardRefExoticComponent<Omit<IStyledRowProps, "size"> & React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/typings/elements/SortableCell.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import { IStyledSortableButtonProps } from '../styled';
-interface ISortableCellProps extends IStyledSortableButtonProps {
+export interface ISortableCellProps extends IStyledSortableButtonProps {
     /** Passes props to the cell */
     cellProps?: any;
 }
@@ -14,4 +14,3 @@ interface ISortableCellProps extends IStyledSortableButtonProps {
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export declare const SortableCell: React.ForwardRefExoticComponent<ISortableCellProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/typings/elements/Table.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { TableHTMLAttributes } from 'react';
 import { IStyledTableProps } from '../styled';
-interface ITableProps extends IStyledTableProps, TableHTMLAttributes<HTMLTableElement> {
+export interface ITableProps extends IStyledTableProps, TableHTMLAttributes<HTMLTableElement> {
     /** Removes interactive styling from table rows */
     isReadOnly?: boolean;
 }
@@ -14,4 +14,3 @@ interface ITableProps extends IStyledTableProps, TableHTMLAttributes<HTMLTableEl
  * @extends TableHTMLAttributes<HTMLTableElement>
  */
 export declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
-export {};

package/dist/typings/index.d.ts

@@ -7,6 +7,7 @@
 export { Body } from './elements/Body';
 export { Caption } from './elements/Caption';
 export { Cell } from './elements/Cell';
+export type { ICellProps } from './elements/Cell';
 export { GroupRow } from './elements/GroupRow';
 export { Head } from './elements/Head';
 export { HeaderCell } from './elements/HeaderCell';
@@ -14,4 +15,6 @@ export { HeaderRow } from './elements/HeaderRow';
 export { OverflowButton } from './elements/OverflowButton';
 export { Row } from './elements/Row';
 export { SortableCell } from './elements/SortableCell';
+export type { ISortableCellProps } from './elements/SortableCell';
 export { Table } from './elements/Table';
+export type { ITableProps } from './elements/Table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tables",
-  "version": "8.47.1",
+  "version": "8.47.2",
   "description": "Components relating to tables in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,7 +21,7 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "dom-helpers": "^5.1.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7"
@@ -35,7 +35,7 @@
   "devDependencies": {
     "@types/react-beautiful-dnd": "13.1.2",
     "@types/react-window": "1.8.5",
-    "@zendeskgarden/react-theming": "^8.47.1",
+    "@zendeskgarden/react-theming": "^8.47.2",
     "@zendeskgarden/svg-icons": "6.30.2",
     "react-beautiful-dnd": "13.1.0",
     "react-window": "1.8.6"
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }