@zendeskgarden/react-tables 9.0.0-next.7 → 9.0.0-next.8

package/dist/esm/elements/Body.js

@@ -0,0 +1,26 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import { StyledBody } from '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+
+const Body = forwardRef((props, ref) => React__default.createElement(StyledBody, Object.assign({
+  ref: ref
+}, props)));
+Body.displayName = 'Body';
+
+export { Body };

package/dist/esm/elements/Caption.js

@@ -0,0 +1,26 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import '../styled/StyledBody.js';
+import { StyledCaption } from '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+
+const Caption = forwardRef((props, ref) => React__default.createElement(StyledCaption, Object.assign({
+  ref: ref
+}, props)));
+Caption.displayName = 'Caption';
+
+export { Caption };

package/dist/esm/elements/Cell.js

@@ -0,0 +1,44 @@
+/**
+* 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 React__default from 'react';
+import PropTypes from 'prop-types';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import { StyledCell } from '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import { StyledHiddenCell } from '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+import { useTableContext } from '../utils/useTableContext.js';
+
+const Cell = React__default.forwardRef((_ref, ref) => {
+  let {
+    hidden,
+    ...props
+  } = _ref;
+  const {
+    size
+  } = useTableContext();
+  return React__default.createElement(StyledCell, Object.assign({
+    ref: ref,
+    size: size
+  }, props), hidden && props.children ? React__default.createElement(StyledHiddenCell, null, props.children) : props.children);
+});
+Cell.displayName = 'Cell';
+Cell.propTypes = {
+  isMinimum: PropTypes.bool,
+  isTruncated: PropTypes.bool,
+  hasOverflow: PropTypes.bool,
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+export { Cell };

package/dist/esm/elements/GroupRow.js

@@ -0,0 +1,33 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import { StyledGroupRow } from '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+import { useTableContext } from '../utils/useTableContext.js';
+
+const GroupRow = forwardRef((props, ref) => {
+  const {
+    size
+  } = useTableContext();
+  return React__default.createElement(StyledGroupRow, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+GroupRow.displayName = 'GroupRow';
+
+export { GroupRow };

package/dist/esm/elements/Head.js

@@ -0,0 +1,26 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import { StyledHead } from '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+
+const Head = forwardRef((props, ref) => React__default.createElement(StyledHead, Object.assign({
+  ref: ref
+}, props)));
+Head.displayName = 'Head';
+
+export { Head };

package/dist/esm/elements/HeaderCell.js

@@ -0,0 +1,39 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import { StyledHeaderCell } from '../styled/StyledHeaderCell.js';
+import { StyledHiddenCell } from '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+import { useTableContext } from '../utils/useTableContext.js';
+import { Cell } from './Cell.js';
+
+const HeaderCell = forwardRef((_ref, ref) => {
+  let {
+    hidden,
+    ...props
+  } = _ref;
+  const {
+    size
+  } = useTableContext();
+  return React__default.createElement(StyledHeaderCell, Object.assign({
+    ref: ref,
+    size: size
+  }, props), hidden && props.children ? React__default.createElement(StyledHiddenCell, null, props.children) : props.children);
+});
+HeaderCell.displayName = 'HeaderCell';
+HeaderCell.propTypes = Cell.propTypes;
+
+export { HeaderCell };

package/dist/esm/elements/HeaderRow.js

@@ -0,0 +1,33 @@
+/**
+* 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 React__default from 'react';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import { StyledHeaderRow } from '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+import { useTableContext } from '../utils/useTableContext.js';
+
+const HeaderRow = React__default.forwardRef((props, ref) => {
+  const {
+    size
+  } = useTableContext();
+  return React__default.createElement(StyledHeaderRow, Object.assign({
+    ref: ref,
+    size: size
+  }, props));
+});
+HeaderRow.displayName = 'HeaderRow';
+
+export { HeaderRow };

package/dist/esm/elements/OverflowButton.js

@@ -0,0 +1,55 @@
+/**
+* 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 React__default, { forwardRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import { composeEventHandlers } from '@zendeskgarden/container-utilities';
+import SvgOverflowStroke from '../node_modules/@zendeskgarden/svg-icons/src/16/overflow-stroke.svg.js';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import { StyledOverflowButton, StyledOverflowButtonIconWrapper } from '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+import { useTableContext } from '../utils/useTableContext.js';
+
+const OverflowButton = forwardRef((_ref, ref) => {
+  let {
+    onFocus,
+    onBlur,
+    isFocused: focused,
+    ...other
+  } = _ref;
+  const [isFocused, setIsFocused] = useState(false);
+  const {
+    size
+  } = useTableContext();
+  return React__default.createElement(StyledOverflowButton, Object.assign({
+    onFocus: composeEventHandlers(onFocus, () => {
+      setIsFocused(true);
+    }),
+    onBlur: composeEventHandlers(onBlur, () => {
+      setIsFocused(false);
+    }),
+    size: size,
+    isFocused: typeof focused === 'undefined' ? isFocused : focused,
+    ref: ref
+  }, other), React__default.createElement(StyledOverflowButtonIconWrapper, null, React__default.createElement(SvgOverflowStroke, null)));
+});
+OverflowButton.displayName = 'OverflowButton';
+OverflowButton.propTypes = {
+  isHovered: PropTypes.bool,
+  isActive: PropTypes.bool,
+  isFocused: PropTypes.bool
+};
+
+export { OverflowButton };

package/dist/esm/elements/Row.js

@@ -0,0 +1,68 @@
+/**
+* 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 React__default, { forwardRef, useState, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { composeEventHandlers } from '@zendeskgarden/container-utilities';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import { StyledRow } from '../styled/StyledRow.js';
+import { useTableContext } from '../utils/useTableContext.js';
+
+const Row = forwardRef((_ref, ref) => {
+  let {
+    onFocus,
+    onBlur,
+    isFocused: focused,
+    ...otherProps
+  } = _ref;
+  const [isFocused, setIsFocused] = useState(false);
+  const {
+    size,
+    isReadOnly
+  } = useTableContext();
+  const computedFocused = useMemo(() => {
+    if (typeof focused !== 'undefined') {
+      return focused;
+    }
+    if (isReadOnly) {
+      return false;
+    }
+    return isFocused;
+  }, [focused, isFocused, isReadOnly]);
+  const onFocusCallback = useMemo(() => composeEventHandlers(onFocus, () => {
+    setIsFocused(true);
+  }), [onFocus, setIsFocused]);
+  const onBlurCallback = useMemo(() => composeEventHandlers(onBlur, () => {
+    setIsFocused(false);
+  }), [onBlur, setIsFocused]);
+  return React__default.createElement(StyledRow, Object.assign({
+    onFocus: onFocusCallback,
+    onBlur: onBlurCallback,
+    size: size,
+    isReadOnly: isReadOnly,
+    isFocused: computedFocused,
+    ref: ref
+  }, otherProps));
+});
+Row.displayName = 'Row';
+Row.propTypes = {
+  isStriped: PropTypes.bool,
+  isFocused: PropTypes.bool,
+  isHovered: PropTypes.bool,
+  isSelected: PropTypes.bool
+};
+
+export { Row };

package/dist/esm/elements/SortableCell.js

@@ -0,0 +1,55 @@
+/**
+* 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 React__default, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import SvgSortStroke from '../node_modules/@zendeskgarden/svg-icons/src/12/sort-stroke.svg.js';
+import SvgSortFill from '../node_modules/@zendeskgarden/svg-icons/src/12/sort-fill.svg.js';
+import { SORT } from '../types/index.js';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import '../styled/StyledTable.js';
+import { StyledHeaderCell } from '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import { StyledSortableButton, StyledSortableStrokeIconWrapper, StyledSortableFillIconWrapper } from '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+
+const SortableCell = forwardRef((_ref, ref) => {
+  let {
+    sort,
+    cellProps,
+    width,
+    children,
+    ...otherProps
+  } = _ref;
+  let ariaSortValue = 'none';
+  if (sort === 'asc') {
+    ariaSortValue = 'ascending';
+  } else if (sort === 'desc') {
+    ariaSortValue = 'descending';
+  }
+  const SortIcon = sort === undefined ? SvgSortStroke : SvgSortFill;
+  return React__default.createElement(StyledHeaderCell, Object.assign({
+    "aria-sort": ariaSortValue,
+    width: width
+  }, cellProps), React__default.createElement(StyledSortableButton, Object.assign({
+    sort: sort,
+    ref: ref
+  }, otherProps), children, React__default.createElement(StyledSortableStrokeIconWrapper, null, React__default.createElement(SortIcon, null)), React__default.createElement(StyledSortableFillIconWrapper, null, React__default.createElement(SvgSortFill, null))));
+});
+SortableCell.displayName = 'SortableCell';
+SortableCell.propTypes = {
+  sort: PropTypes.oneOf(SORT),
+  cellProps: PropTypes.any,
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+export { SortableCell };

package/dist/esm/elements/Table.js

@@ -0,0 +1,65 @@
+/**
+* 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 React__default, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { SIZE } from '../types/index.js';
+import '../styled/StyledBody.js';
+import '../styled/StyledCaption.js';
+import '../styled/StyledHeaderRow.js';
+import '../styled/StyledHead.js';
+import '../styled/StyledCell.js';
+import '../styled/StyledGroupRow.js';
+import { StyledTable } from '../styled/StyledTable.js';
+import '../styled/StyledHeaderCell.js';
+import '../styled/StyledHiddenCell.js';
+import '../styled/StyledSortableButton.js';
+import '../styled/StyledOverflowButton.js';
+import '../styled/StyledRow.js';
+import { TableContext } from '../utils/useTableContext.js';
+import { Head } from './Head.js';
+import { Body } from './Body.js';
+import { Caption } from './Caption.js';
+import { Cell } from './Cell.js';
+import { GroupRow } from './GroupRow.js';
+import { HeaderCell } from './HeaderCell.js';
+import { HeaderRow } from './HeaderRow.js';
+import { OverflowButton } from './OverflowButton.js';
+import { Row } from './Row.js';
+import { SortableCell } from './SortableCell.js';
+
+const TableComponent = React__default.forwardRef((props, ref) => {
+  const tableContextValue = useMemo(() => ({
+    size: props.size,
+    isReadOnly: props.isReadOnly
+  }), [props.size, props.isReadOnly]);
+  return React__default.createElement(TableContext.Provider, {
+    value: tableContextValue
+  }, React__default.createElement(StyledTable, Object.assign({
+    ref: ref
+  }, props)));
+});
+TableComponent.displayName = 'Table';
+TableComponent.defaultProps = {
+  size: 'medium'
+};
+TableComponent.propTypes = {
+  size: PropTypes.oneOf(SIZE),
+  isReadOnly: PropTypes.bool
+};
+const Table = TableComponent;
+Table.Body = Body;
+Table.Caption = Caption;
+Table.Cell = Cell;
+Table.GroupRow = GroupRow;
+Table.Head = Head;
+Table.HeaderCell = HeaderCell;
+Table.HeaderRow = HeaderRow;
+Table.OverflowButton = OverflowButton;
+Table.Row = Row;
+Table.SortableCell = SortableCell;
+
+export { Table, TableComponent };

package/dist/esm/index.js

@@ -0,0 +1,17 @@
+/**
+* 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.
+*/
+export { Body } from './elements/Body.js';
+export { Caption } from './elements/Caption.js';
+export { Cell } from './elements/Cell.js';
+export { GroupRow } from './elements/GroupRow.js';
+export { Head } from './elements/Head.js';
+export { HeaderCell } from './elements/HeaderCell.js';
+export { HeaderRow } from './elements/HeaderRow.js';
+export { OverflowButton } from './elements/OverflowButton.js';
+export { Row } from './elements/Row.js';
+export { SortableCell } from './elements/SortableCell.js';
+export { Table } from './elements/Table.js';

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/sort-fill.svg.js

@@ -0,0 +1,27 @@
+/**
+* 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 * as React from 'react';
+
+var _path, _path2;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+var SvgSortFill = function SvgSortFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 12,
+    height: 12,
+    focusable: "false",
+    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"
+  })));
+};
+
+export { SvgSortFill as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/sort-stroke.svg.js

@@ -0,0 +1,27 @@
+/**
+* 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 * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+var SvgSortStroke = function SvgSortStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 12,
+    height: 12,
+    focusable: "false",
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__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"
+  })));
+};
+
+export { SvgSortStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/overflow-stroke.svg.js

@@ -0,0 +1,36 @@
+/**
+* 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 * as React from 'react';
+
+var _g;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+var SvgOverflowStroke = function SvgOverflowStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    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
+  }))));
+};
+
+export { SvgOverflowStroke as default };

package/dist/esm/styled/StyledBody.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'tables.body';
+const StyledBody = styled.tbody.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.8'
+}).withConfig({
+  displayName: "StyledBody",
+  componentId: "sc-14ud6y-0"
+})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledBody.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledBody };

package/dist/esm/styled/StyledCaption.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'tables.caption';
+const StyledCaption = styled.caption.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.8'
+}).withConfig({
+  displayName: "StyledCaption",
+  componentId: "sc-113y327-0"
+})(["display:table-caption;text-align:", ";", ";"], props => props.theme.rtl ? 'right' : 'left', props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledCaption.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledCaption };