@zendeskgarden/react-tables 9.0.0-next.2 → 9.0.0-next.21

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Table.Body` instead
+ *
  * @extends HTMLAttributes<HTMLTableSectionElement>
  */
 export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Table.Caption` instead
+ *
  * @extends HTMLAttributes<HTMLTableCaptionElement>
  */
 export declare const Caption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { ICellProps } from '../types';
 /**
+ * @deprecated use `Table.Cell` instead
+ *
  * @extends TdHTMLAttributes<HTMLTableCellElement>
  */
 export declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<HTMLTableCellElement>>;

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Table.GroupRow` instead
+ *
  * @extends HTMLAttributes<HTMLTableRowElement>
  */
 export declare const GroupRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IHeadProps } from '../types';
 /**
+ * @deprecated use `Table.Head` instead
+ *
  * @extends HTMLAttributes<HTMLTableSectionElement>
  */
 export declare const Head: React.ForwardRefExoticComponent<IHeadProps & React.RefAttributes<HTMLTableSectionElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IHeaderCellProps } from '../types';
 /**
+ * @deprecated use `Table.HeaderCell` instead
+ *
  * @extends ThHTMLAttributes<HTMLTableCellElement>
  */
 export declare const HeaderCell: React.ForwardRefExoticComponent<IHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Table.HeaderRow` instead
+ *
  * @extends HTMLAttributes<HTMLTableRowElement>
  */
 export declare const HeaderRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;

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

@@ -4,16 +4,10 @@
  * 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';
-export interface IOverflowButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** @ignore Applies hover styling */
-    isHovered?: boolean;
-    /** @ignore Applies active styling */
-    isActive?: boolean;
-    /** @ignore Applies focus styling */
-    isFocused?: boolean;
-}
+import React from 'react';
 /**
+ * @deprecated use `Table.OverflowButton` instead
+ *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
-export declare const OverflowButton: React.ForwardRefExoticComponent<IOverflowButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const OverflowButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IRowProps } from '../types';
 /**
+ * @deprecated use `Table.Row` instead
+ *
  * @extends HTMLAttributes<HTMLTableRowElement>
  */
 export declare const Row: React.ForwardRefExoticComponent<IRowProps & React.RefAttributes<HTMLTableRowElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { ISortableCellProps } from '../types';
 /**
+ * @deprecated use `Table.SortableCell` instead
+ *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export declare const SortableCell: React.ForwardRefExoticComponent<ISortableCellProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -6,7 +6,29 @@
  */
 import React from 'react';
 import { ITableProps } from '../types';
+import { Head } from './Head';
+import { Body } from './Body';
+import { Caption } from './Caption';
+import { Cell } from './Cell';
+import { GroupRow } from './GroupRow';
+import { HeaderCell } from './HeaderCell';
+import { HeaderRow } from './HeaderRow';
+import { OverflowButton } from './OverflowButton';
+import { Row } from './Row';
+import { SortableCell } from './SortableCell';
+export declare const TableComponent: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
 /**
  * @extends TableHTMLAttributes<HTMLTableElement>
  */
-export declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<HTMLTableElement>> & {
+    Body: typeof Body;
+    Caption: typeof Caption;
+    Cell: typeof Cell;
+    GroupRow: typeof GroupRow;
+    Head: typeof Head;
+    HeaderCell: typeof HeaderCell;
+    HeaderRow: typeof HeaderRow;
+    OverflowButton: typeof OverflowButton;
+    Row: typeof Row;
+    SortableCell: typeof SortableCell;
+};

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

@@ -0,0 +1,11 @@
+/**
+ * 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 { DefaultTheme } from 'styled-components';
+export interface IStyledBaseRowProps {
+    $isStriped?: boolean;
+}
+export declare const StyledBaseRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledBaseRowProps, never>;

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

@@ -6,7 +6,10 @@
  */
 import { DefaultTheme } from 'styled-components';
 import { ICellProps, ITableProps } from '../types';
-export interface IStyledCellProps extends Pick<ICellProps, 'isMinimum' | 'isTruncated' | 'hasOverflow' | 'width'> {
-    size?: ITableProps['size'];
+export interface IStyledCellProps extends Pick<ICellProps, 'width'> {
+    $size?: ITableProps['size'];
+    $isMinimum?: boolean;
+    $isTruncated?: boolean;
+    $hasOverflow?: boolean;
 }
 export declare const StyledCell: import("styled-components").StyledComponent<"td", DefaultTheme, IStyledCellProps, never>;

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

@@ -5,8 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IStyledRowProps } from './StyledRow';
-export declare const StyledGroupRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
+import { ITableProps } from '../types';
+interface IStyledGroupRowProps {
+    $size?: ITableProps['size'];
+}
+export declare const StyledGroupRow: import("styled-components").StyledComponent<"tr", DefaultTheme, import("./StyledBaseRow").IStyledBaseRowProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+} & IStyledGroupRowProps, "data-garden-id" | "data-garden-version">;
+export {};

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

@@ -6,7 +6,7 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledHeadProps {
-    isSticky?: boolean;
+    $isSticky?: boolean;
 }
 export declare const StyledHead: import("styled-components").StyledComponent<"thead", DefaultTheme, {
     'data-garden-id': string;

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

@@ -10,4 +10,4 @@ export declare const StyledHeaderCell: import("styled-components").StyledCompone
     as: string;
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version" | "as">;
+}, "as" | "data-garden-id" | "data-garden-version">;

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

@@ -5,8 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { IStyledRowProps } from './StyledRow';
-export declare const StyledHeaderRow: import("styled-components").StyledComponent<"tr", DefaultTheme, IStyledRowProps & {
+import { ITableProps } from '../types';
+interface IStyledHeaderRowProps {
+    $size?: ITableProps['size'];
+}
+export declare const StyledHeaderRow: import("styled-components").StyledComponent<"tr", DefaultTheme, import("./StyledBaseRow").IStyledBaseRowProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+} & IStyledHeaderRowProps, "data-garden-id" | "data-garden-version">;
+export {};

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

@@ -4,18 +4,16 @@
  * 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 { DefaultTheme } from 'styled-components';
+/// <reference types="react" />
 import { ITableProps } from '../types';
 interface IStyledOverflowButtonProps {
-    isHovered?: boolean;
-    isActive?: boolean;
-    isFocused?: boolean;
-    size?: ITableProps['size'];
+    $size?: ITableProps['size'];
 }
 /**
- * 1. Reset for <button> element
- * 2. Reset for <a>nchor element
+ * 1. Overrides IconButton sizing
  */
-export declare const StyledOverflowButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledOverflowButtonProps, never>;
-export declare const StyledOverflowButtonIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledOverflowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledOverflowButtonProps, "data-garden-id" | "data-garden-version">;
 export {};

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

@@ -7,12 +7,14 @@
 import { DefaultTheme } from 'styled-components';
 import { ITableProps } from '../types';
 export interface IStyledRowProps {
-    isStriped?: boolean;
-    isFocused?: boolean;
-    isHovered?: boolean;
-    isSelected?: boolean;
-    isReadOnly?: ITableProps['isReadOnly'];
-    size?: ITableProps['size'];
+    $isStriped?: boolean;
+    $isFocused?: boolean;
+    $isHovered?: boolean;
+    $isSelected?: boolean;
+    $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>;
+export declare const StyledRow: import("styled-components").StyledComponent<"tr", DefaultTheme, import("./StyledBaseRow").IStyledBaseRowProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledRowProps, "data-garden-id" | "data-garden-version">;

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

@@ -4,16 +4,17 @@
  * 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 { DefaultTheme } from 'styled-components';
 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>;
+export declare const StyledSortableStrokeIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const StyledSortableFillIconWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 interface IStyledSortableButtonProps {
-    sort?: ISortableCellProps['sort'];
+    $sort?: ISortableCellProps['sort'];
     width?: ISortableCellProps['width'];
 }
 /**
  * 1. Reset for <button> element
  * 2. Reset for <a>nchor element
  */
-export declare const StyledSortableButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IStyledSortableButtonProps, never>;
+export declare const StyledSortableButton: import("styled-components").StyledComponent<"button", DefaultTheme, IStyledSortableButtonProps, never>;
 export {};

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

@@ -5,13 +5,11 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
-import { ITableProps } from '../types';
-interface IStyledTableProps {
-    size?: ITableProps['size'];
-}
 export declare const getLineHeight: (props: ThemeProps<DefaultTheme>) => string;
 /**
  * 1. <table> reset
  */
-export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, IStyledTableProps, never>;
-export {};
+export declare const StyledTable: import("styled-components").StyledComponent<"table", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

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

@@ -14,5 +14,5 @@ export { StyledTable } from './StyledTable';
 export { StyledHeaderCell } from './StyledHeaderCell';
 export { StyledHiddenCell } from './StyledHiddenCell';
 export { StyledSortableButton, StyledSortableFillIconWrapper, StyledSortableStrokeIconWrapper } from './StyledSortableButton';
-export { StyledOverflowButton, StyledOverflowButtonIconWrapper } from './StyledOverflowButton';
+export { StyledOverflowButton } from './StyledOverflowButton';
 export { StyledRow } from './StyledRow';

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

@@ -7,5 +7,5 @@
 import { ThemeProps, DefaultTheme } from 'styled-components';
 import { ITableProps } from '../types';
 export declare const getRowHeight: (props: {
-    size?: ITableProps['size'];
+    $size?: ITableProps['size'];
 } & ThemeProps<DefaultTheme>) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-tables",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.21",
   "description": "Components relating to tables in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -22,21 +22,22 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.21",
     "dom-helpers": "^5.1.0",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/react-beautiful-dnd": "13.1.8",
     "@types/react-window": "1.8.8",
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0",
+    "@zendeskgarden/react-theming": "^9.0.0-next.21",
+    "@zendeskgarden/svg-icons": "7.1.1",
     "react-beautiful-dnd": "13.1.1",
     "react-window": "1.8.10"
   },
@@ -50,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
 }