@zendeskgarden/react-tables 8.49.1 → 8.49.4

package/dist/index.cjs.js

@@ -157,7 +157,7 @@ function _nonIterableRest() {
 var COMPONENT_ID$a = 'tables.body';
 var StyledBody = styled__default["default"].tbody.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14ud6y-0"
@@ -171,7 +171,7 @@ StyledBody.defaultProps = {
 var COMPONENT_ID$9 = 'tables.caption';
 var StyledCaption = styled__default["default"].caption.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledCaption",
   componentId: "sc-113y327-0"
@@ -190,7 +190,7 @@ var getLineHeight = function getLineHeight(props) {
 };
 var StyledTable = styled__default["default"].table.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledTable",
   componentId: "sc-gje7na-0"
@@ -243,7 +243,7 @@ var sizeStyling = function sizeStyling(props) {
 };
 var StyledCell = styled__default["default"].td.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledCell",
   componentId: "sc-8hpncx-0"
@@ -278,7 +278,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledOverflowButton = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.49.1',
+  'data-garden-version': '8.49.4',
   type: 'button'
 }).withConfig({
   displayName: "StyledOverflowButton",
@@ -349,7 +349,7 @@ var colorStyles = function colorStyles(props) {
 var StyledRow = styled__default["default"](StyledBaseRow).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$5,
-    'data-garden-version': '8.49.1',
+    'data-garden-version': '8.49.4',
     tabIndex: props.isReadOnly ? undefined : -1
   };
 }).withConfig({
@@ -375,7 +375,7 @@ var getHeaderRowHeight = function getHeaderRowHeight(props) {
 };
 var StyledHeaderRow = styled__default["default"](StyledBaseRow).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledHeaderRow",
   componentId: "sc-16ogvdx-0"
@@ -395,7 +395,7 @@ StyledHeaderRow.defaultProps = {
 var COMPONENT_ID$3 = 'tables.head';
 var StyledHead = styled__default["default"].thead.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledHead",
   componentId: "sc-spf23a-0"
@@ -414,7 +414,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledGroupRow = styled__default["default"](StyledBaseRow).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledGroupRow",
   componentId: "sc-mpd0r8-0"
@@ -457,7 +457,7 @@ StyledSortableFillIconWrapper.defaultProps = {
 };
 var StyledSortableButton = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.1',
+  'data-garden-version': '8.49.4',
   type: 'button'
 }).withConfig({
   displayName: "StyledSortableButton",
@@ -515,7 +515,7 @@ var sizeStyles = function sizeStyles(props) {
 var StyledHeaderCell = styled__default["default"](StyledCell).attrs({
   as: 'th',
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledHeaderCell",
   componentId: "sc-fzagoe-0"
@@ -602,12 +602,7 @@ var HeaderCell = React.forwardRef(function (props, ref) {
   }, 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])
-};
+HeaderCell.propTypes = Cell.propTypes;
 
 var HeaderRow = React__default["default"].forwardRef(function (props, ref) {
   var _useTableContext = useTableContext(),
@@ -762,6 +757,9 @@ var SvgSortFill = function SvgSortFill(props) {
   })));
 };
 
+var SIZE = ['small', 'medium', 'large'];
+var SORT = ['asc', 'desc'];
+
 var _excluded = ["sort", "cellProps", "width", "children"];
 var SortableCell = React.forwardRef(function (_ref, ref) {
   var sort = _ref.sort,
@@ -786,7 +784,7 @@ var SortableCell = React.forwardRef(function (_ref, ref) {
 });
 SortableCell.displayName = 'SortableCell';
 SortableCell.propTypes = {
-  sort: PropTypes__default["default"].oneOf(['asc', 'desc']),
+  sort: PropTypes__default["default"].oneOf(SORT),
   cellProps: PropTypes__default["default"].any,
   width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
@@ -809,7 +807,7 @@ Table.defaultProps = {
   size: 'medium'
 };
 Table.propTypes = {
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
+  size: PropTypes__default["default"].oneOf(SIZE),
   isReadOnly: PropTypes__default["default"].bool
 };
 

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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1',
+  'data-garden-version': '8.49.4',
   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.49.1',
+    'data-garden-version': '8.49.4',
     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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1'
+  'data-garden-version': '8.49.4'
 }).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.49.1',
+  'data-garden-version': '8.49.4',
   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.49.1'
+  'data-garden-version': '8.49.4'
 }).withConfig({
   displayName: "StyledHeaderCell",
   componentId: "sc-fzagoe-0"
@@ -574,12 +574,7 @@ var HeaderCell = forwardRef(function (props, ref) {
   }, props));
 });
 HeaderCell.displayName = 'HeaderCell';
-HeaderCell.propTypes = {
-  isMinimum: PropTypes.bool,
-  isTruncated: PropTypes.bool,
-  hasOverflow: PropTypes.bool,
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
+HeaderCell.propTypes = Cell.propTypes;
 
 var HeaderRow = React__default.forwardRef(function (props, ref) {
   var _useTableContext = useTableContext(),
@@ -734,6 +729,9 @@ var SvgSortFill = function SvgSortFill(props) {
   })));
 };
 
+var SIZE = ['small', 'medium', 'large'];
+var SORT = ['asc', 'desc'];
+
 var _excluded = ["sort", "cellProps", "width", "children"];
 var SortableCell = forwardRef(function (_ref, ref) {
   var sort = _ref.sort,
@@ -758,7 +756,7 @@ var SortableCell = forwardRef(function (_ref, ref) {
 });
 SortableCell.displayName = 'SortableCell';
 SortableCell.propTypes = {
-  sort: PropTypes.oneOf(['asc', 'desc']),
+  sort: PropTypes.oneOf(SORT),
   cellProps: PropTypes.any,
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
@@ -781,7 +779,7 @@ Table.defaultProps = {
   size: 'medium'
 };
 Table.propTypes = {
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  size: PropTypes.oneOf(SIZE),
   isReadOnly: PropTypes.bool
 };
 

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

@@ -4,20 +4,8 @@
  * 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, { TdHTMLAttributes } from 'react';
-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?: string | number;
-}
+import React from 'react';
+import { ICellProps } from '../types';
 /**
  * @extends TdHTMLAttributes<HTMLTableCellElement>
  */

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

@@ -4,20 +4,8 @@
  * 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, { ThHTMLAttributes } from 'react';
-export interface IHeaderCellProps extends ThHTMLAttributes<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?: string | number;
-}
+import React from 'react';
+import { IHeaderCellProps } from '../types';
 /**
  * @extends ThHTMLAttributes<HTMLTableCellElement>
  */

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

@@ -4,17 +4,8 @@
  * 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, { HTMLAttributes } from 'react';
-export interface IRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    /** Applies striped styling */
-    isStriped?: boolean;
-    /** @ignore Applies focus styling */
-    isFocused?: boolean;
-    /** @ignore Applies hover styling */
-    isHovered?: boolean;
-    /** Applies selected styling */
-    isSelected?: boolean;
-}
+import React from 'react';
+import { IRowProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLTableRowElement>
  */

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

@@ -4,16 +4,8 @@
  * 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, { ButtonHTMLAttributes } from 'react';
-import { SORT } from '../styled';
-export interface ISortableCellProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Sets the sort order */
-    sort?: SORT;
-    /** Sets the width of the cell */
-    width?: string | number;
-    /** Passes props to the cell */
-    cellProps?: any;
-}
+import React from 'react';
+import { ISortableCellProps } from '../types';
 /**
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */

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

@@ -4,14 +4,8 @@
  * 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, { TableHTMLAttributes } from 'react';
-import { SIZE } from '../styled';
-export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
-    /** Sets the table size */
-    size?: SIZE;
-    /** Removes interactive styling from table rows */
-    isReadOnly?: boolean;
-}
+import React from 'react';
+import { ITableProps } from '../types';
 /**
  * @extends TableHTMLAttributes<HTMLTableElement>
  */

package/dist/typings/index.d.ts

@@ -7,16 +7,12 @@
 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';
-export type { IHeaderCellProps } from './elements/HeaderCell';
 export { HeaderRow } from './elements/HeaderRow';
 export { OverflowButton } from './elements/OverflowButton';
 export { Row } from './elements/Row';
-export type { IRowProps } 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';
+export type { ITableProps, IRowProps, ICellProps, IHeaderCellProps, ISortableCellProps } from './types';

package/dist/typings/styled/StyledCell.d.ts

@@ -5,12 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { SIZE } from './StyledTable';
-export interface IStyledCellProps {
-    isMinimum?: boolean;
-    isTruncated?: boolean;
-    hasOverflow?: boolean;
-    width?: string | number;
-    size: SIZE;
+import { ICellProps, ITableProps } from '../types';
+export interface IStyledCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'> {
+    size?: ITableProps['size'];
 }
 export declare const StyledCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps, never>;

package/dist/typings/styled/StyledOverflowButton.d.ts

@@ -5,12 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { SIZE } from './StyledTable';
+import { ITableProps } from '../types';
 interface IStyledOverflowButtonProps {
     isHovered?: boolean;
     isActive?: boolean;
     isFocused?: boolean;
-    size: SIZE;
+    size?: ITableProps['size'];
 }
 /**
  * 1. Reset for <button> element

package/dist/typings/styled/StyledRow.d.ts

@@ -5,14 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { SIZE } from './StyledTable';
+import { ITableProps } from '../types';
 export interface IStyledRowProps {
     isStriped?: boolean;
     isFocused?: boolean;
     isHovered?: boolean;
     isSelected?: boolean;
-    isReadOnly?: boolean;
-    size: SIZE;
+    isReadOnly?: ITableProps['isReadOnly'];
+    size?: ITableProps['size'];
 }
 export declare const StyledBaseRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;
 export declare const StyledRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps, never>;

package/dist/typings/styled/StyledSortableButton.d.ts

@@ -4,12 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare type SORT = 'asc' | 'desc';
+import { ISortableCellProps } from '../types';
 export declare const StyledSortableStrokeIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledSortableFillIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface IStyledSortableButtonProps {
-    sort?: SORT;
-    width?: string | number;
+    sort?: ISortableCellProps['sort'];
+    width?: ISortableCellProps['width'];
 }
 /**
  * 1. Reset for <button> element

package/dist/typings/styled/StyledTable.d.ts

@@ -5,9 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare type SIZE = 'small' | 'medium' | 'large';
+import { ITableProps } from '../types';
 interface IStyledTableProps {
-    size?: SIZE;
+    size?: ITableProps['size'];
 }
 export declare const getLineHeight: (props: ThemeProps<DefaultTheme>) => string;
 /**

package/dist/typings/styled/index.d.ts

@@ -10,8 +10,8 @@ export { StyledHeaderRow } from './StyledHeaderRow';
 export { StyledHead } from './StyledHead';
 export { StyledCell } from './StyledCell';
 export { StyledGroupRow } from './StyledGroupRow';
-export { StyledTable, SIZE } from './StyledTable';
+export { StyledTable } from './StyledTable';
 export { StyledHeaderCell } from './StyledHeaderCell';
-export { StyledSortableButton, StyledSortableFillIconWrapper, StyledSortableStrokeIconWrapper, SORT } from './StyledSortableButton';
+export { StyledSortableButton, StyledSortableFillIconWrapper, StyledSortableStrokeIconWrapper } from './StyledSortableButton';
 export { StyledOverflowButton, StyledOverflowButtonIconWrapper } from './StyledOverflowButton';
 export { StyledRow } from './StyledRow';

package/dist/typings/styled/style-utils.d.ts

@@ -4,8 +4,8 @@
  * 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 { SIZE } from './StyledTable';
 import { ThemeProps, DefaultTheme } from 'styled-components';
+import { ITableProps } from '../types';
 export declare const getRowHeight: (props: {
-    size: SIZE;
+    size?: ITableProps['size'];
 } & ThemeProps<DefaultTheme>) => string;

package/dist/typings/types/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * 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 { ButtonHTMLAttributes, HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+export declare const SIZE: readonly ["small", "medium", "large"];
+export declare const SORT: string[];
+export interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
+    /** Sets the table size */
+    size?: typeof SIZE[number];
+    /** Removes interactive styling from table rows */
+    isReadOnly?: boolean;
+}
+export interface IRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /** Applies striped styling */
+    isStriped?: boolean;
+    /** Applies selected styling */
+    isSelected?: boolean;
+    /** @ignore Applies focus styling */
+    isFocused?: boolean;
+    /** @ignore Applies hover styling */
+    isHovered?: boolean;
+}
+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?: TdHTMLAttributes<HTMLTableCellElement>['width'];
+}
+export interface IHeaderCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'>, ThHTMLAttributes<HTMLTableCellElement> {
+}
+export interface ISortableCellProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Sets the sort order */
+    sort?: typeof SORT[number];
+    /** Sets the width of the cell */
+    width?: ICellProps['width'];
+    /** Passes props to the cell */
+    cellProps?: any;
+}

package/dist/typings/utils/useTableContext.d.ts

@@ -5,10 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { SIZE } from '../styled/StyledTable';
+import { ITableProps } from '../types';
 interface ITableContext {
-    size: SIZE;
-    isReadOnly: boolean;
+    size: NonNullable<ITableProps['size']>;
+    isReadOnly: NonNullable<ITableProps['isReadOnly']>;
 }
 export declare const TableContext: React.Context<ITableContext>;
 export declare const useTableContext: () => ITableContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tables",
-  "version": "8.49.1",
+  "version": "8.49.4",
   "description": "Components relating to tables in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -35,8 +35,8 @@
   "devDependencies": {
     "@types/react-beautiful-dnd": "13.1.2",
     "@types/react-window": "1.8.5",
-    "@zendeskgarden/react-theming": "^8.49.1",
-    "@zendeskgarden/svg-icons": "6.30.2",
+    "@zendeskgarden/react-theming": "^8.49.4",
+    "@zendeskgarden/svg-icons": "6.31.1",
     "react-beautiful-dnd": "13.1.0",
     "react-window": "1.8.6"
   },
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "40c9f918b5517480f73fc0ed4a47ffde212b28b6"
+  "gitHead": "7d8cf45fb734c345fac9e0673236578b2ac9c03b"
 }