@sproutsocial/seeds-react-table 1.0.13 → 1.0.14

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts, src/v1/index.ts, src/v2/index.ts, src/v1/TableHeaderCell/index.ts, src/v1/TableCell/index.ts, src/v1/TableRowAccordion/index.ts
+CLI Building entry: src/index.ts, src/v1/index.ts, src/v2/index.ts, src/v1/TableCell/index.ts, src/v1/TableHeaderCell/index.ts, src/v1/TableRowAccordion/index.ts
 CLI Using tsconfig: tsconfig.json
 CLI tsup v8.5.0
 CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-table/tsup.config.ts
@@ -8,62 +8,62 @@ $ tsup --dts
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/v1/index.js                       10.32 KB
-CJS dist/v2/index.js                       7.07 KB
 CJS dist/index.js                          10.39 KB
-CJS dist/v1/TableHeaderCell/index.js       5.97 KB
+CJS dist/v1/index.js                       10.32 KB
+CJS dist/v2/index.js                       7.09 KB
 CJS dist/v1/TableCell/index.js             3.12 KB
+CJS dist/v1/TableHeaderCell/index.js       5.97 KB
 CJS dist/v1/TableRowAccordion/index.js     6.38 KB
-CJS dist/v1/index.js.map                   17.51 KB
-CJS dist/v2/index.js.map                   7.85 KB
 CJS dist/index.js.map                      19.00 KB
-CJS dist/v1/TableHeaderCell/index.js.map   8.15 KB
+CJS dist/v1/index.js.map                   17.51 KB
+CJS dist/v2/index.js.map                   7.88 KB
 CJS dist/v1/TableCell/index.js.map         3.92 KB
+CJS dist/v1/TableHeaderCell/index.js.map   8.15 KB
 CJS dist/v1/TableRowAccordion/index.js.map 9.33 KB
-CJS ⚡️ Build success in 458ms
+CJS ⚡️ Build success in 624ms
+ESM dist/esm/v1/TableCell/index.js             196.00 B
 ESM dist/esm/v1/index.js                       265.00 B
+ESM dist/esm/v2/index.js                       4.17 KB
+ESM dist/esm/v1/TableHeaderCell/index.js       264.00 B
+ESM dist/esm/v1/TableRowAccordion/index.js     2.94 KB
 ESM dist/esm/index.js                          306.00 B
-ESM dist/esm/v2/index.js                       4.16 KB
 ESM dist/esm/chunk-F73BV5I2.js                 2.82 KB
 ESM dist/esm/chunk-T7WTUUPA.js                 3.91 KB
 ESM dist/esm/chunk-WGM7UCXV.js                 1.36 KB
-ESM dist/esm/v1/TableHeaderCell/index.js       264.00 B
-ESM dist/esm/v1/TableCell/index.js             196.00 B
-ESM dist/esm/v1/TableRowAccordion/index.js     2.94 KB
+ESM dist/esm/v1/TableCell/index.js.map         71.00 B
 ESM dist/esm/v1/index.js.map                   406.00 B
+ESM dist/esm/v2/index.js.map                   7.28 KB
+ESM dist/esm/v1/TableHeaderCell/index.js.map   71.00 B
+ESM dist/esm/v1/TableRowAccordion/index.js.map 5.28 KB
 ESM dist/esm/index.js.map                      1.91 KB
-ESM dist/esm/v2/index.js.map                   7.25 KB
 ESM dist/esm/chunk-F73BV5I2.js.map             4.98 KB
 ESM dist/esm/chunk-T7WTUUPA.js.map             8.01 KB
 ESM dist/esm/chunk-WGM7UCXV.js.map             3.80 KB
-ESM dist/esm/v1/TableHeaderCell/index.js.map   71.00 B
-ESM dist/esm/v1/TableCell/index.js.map         71.00 B
-ESM dist/esm/v1/TableRowAccordion/index.js.map 5.28 KB
-ESM ⚡️ Build success in 480ms
+ESM ⚡️ Build success in 633ms
 DTS Build start
-DTS ⚡️ Build success in 109223ms
+DTS ⚡️ Build success in 104890ms
 DTS dist/index.d.ts                          474.00 B
 DTS dist/v1/index.d.ts                       480.00 B
 DTS dist/v2/index.d.ts                       2.49 KB
-DTS dist/v1/TableHeaderCell/index.d.ts       408.00 B
 DTS dist/v1/TableCell/index.d.ts             278.00 B
+DTS dist/v1/TableHeaderCell/index.d.ts       408.00 B
 DTS dist/v1/TableRowAccordion/index.d.ts     1.28 KB
 DTS dist/Table-BzLSa3jk.d.ts                 1015.00 B
-DTS dist/TableHeaderCell-DnwlruQg.d.ts       588.00 B
 DTS dist/TableCell-CN71R1B5.d.ts             453.00 B
+DTS dist/TableHeaderCell-DnwlruQg.d.ts       588.00 B
 DTS dist/TableTypes-DIUHC_FW.d.ts            1.55 KB
 DTS dist/TableHeaderCellTypes-CH_zzW6X.d.ts  1.06 KB
 DTS dist/TableCellTypes-Cp-8r7l1.d.ts        1013.00 B
 DTS dist/index.d.mts                         480.00 B
 DTS dist/v1/index.d.mts                      486.00 B
 DTS dist/v2/index.d.mts                      2.49 KB
-DTS dist/v1/TableHeaderCell/index.d.mts      411.00 B
 DTS dist/v1/TableCell/index.d.mts            280.00 B
+DTS dist/v1/TableHeaderCell/index.d.mts      411.00 B
 DTS dist/v1/TableRowAccordion/index.d.mts    1.28 KB
 DTS dist/Table-C6yuMYZA.d.mts                1018.00 B
-DTS dist/TableHeaderCell-DsJpGb2j.d.mts      589.00 B
 DTS dist/TableCell-B8GMRlv7.d.mts            454.00 B
+DTS dist/TableHeaderCell-DsJpGb2j.d.mts      589.00 B
 DTS dist/TableTypes-i1Uir0xI.d.mts           1.55 KB
 DTS dist/TableHeaderCellTypes-CsJQBwu2.d.mts 1.06 KB
 DTS dist/TableCellTypes-Cp-8r7l1.d.mts       1013.00 B
-Done in 118.27s.
+Done in 111.83s.

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @sproutsocial/seeds-react-table
 
+## 1.0.14
+
+### Patch Changes
+
+- 820beec: Fixed DataTable column width shifting during pagination.
+  - @sproutsocial/seeds-react-theme@3.3.1
+  - @sproutsocial/seeds-react-icon@2.0.5
+
 ## 1.0.13
 
 ### Patch Changes

package/dist/esm/v2/index.js

@@ -61,6 +61,7 @@ var StyledTableHeaderCell = styled.th`
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   padding: ${(props) => props.theme.space[300]};
   text-align: left;
+  min-width: 0;
 `;
 StyledTableHeaderCell.displayName = "TableV2.TableHeaderCell";
 var StyledTableCell = styled.td`

package/dist/esm/v2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/v2/TableV2.tsx","../../../src/v2/TableV2Types.ts","../../../src/v2/styles.ts"],"sourcesContent":["import React, { useId } from \"react\";\nimport { type TableV2Props } from \"./TableV2Types\";\nimport {\n  StyledTableV2Container,\n  StyledTableV2,\n  StyledCaption,\n  StyledTableHeader,\n  StyledTableBody,\n  StyledTableRow,\n  StyledTableHeaderCell,\n  StyledTableCell,\n} from \"./styles\";\n\nconst TableContainerContext = React.createContext<string | null>(null);\n\nexport const useTableContainerId = () =>\n  React.useContext(TableContainerContext);\n\nexport const TableWrapper = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactElement;\n}) => {\n  const containerId = useId();\n  return (\n    <TableContainerContext.Provider value={containerId}>\n      <StyledTableV2Container\n        role=\"region\"\n        tabIndex={0}\n        id={containerId}\n        aria-labelledby={containerId}\n        {...rest}\n      >\n        {children}\n      </StyledTableV2Container>\n    </TableContainerContext.Provider>\n  );\n};\n\nconst TableV2 = ({\n  caption,\n  displayCaption = true,\n  columns,\n  data,\n}: TableV2Props) => {\n  const containerId = useTableContainerId();\n\n  return (\n    <TableWrapper>\n      <StyledTableV2>\n        <StyledCaption id={containerId ?? undefined} isVisible={displayCaption}>\n          {caption}\n        </StyledCaption>\n        <StyledTableHeader>\n          <StyledTableRow>\n            {columns.map((column, index) => (\n              <StyledTableHeaderCell key={index} scope=\"col\">\n                {column}\n              </StyledTableHeaderCell>\n            ))}\n          </StyledTableRow>\n        </StyledTableHeader>\n        <StyledTableBody>\n          {data.map((row, rowIndex) => (\n            <StyledTableRow key={rowIndex}>\n              {row.map((cell, cellIndex) => (\n                <StyledTableCell key={cellIndex}>{cell}</StyledTableCell>\n              ))}\n            </StyledTableRow>\n          ))}\n        </StyledTableBody>\n      </StyledTableV2>\n    </TableWrapper>\n  );\n};\n\n// Export the full Table component as Table (main export)\nexport const Table = TableV2;\n\n// Export styled components for compound component usage\nexport const TableRoot = StyledTableV2;\nexport const TableCaption = StyledCaption;\nexport const TableHeader = StyledTableHeader;\nexport const TableBody = StyledTableBody;\nexport const TableRow = StyledTableRow;\nexport const TableHeaderCell = StyledTableHeaderCell;\nexport const TableCell = StyledTableCell;\n\n// Default export\nexport default TableV2;\n","import * as React from \"react\";\n\nexport type ColumnHeader = string | React.ReactNode;\n\nexport type RowData = Array<string | React.ReactNode>;\n\nexport interface TableV2Props {\n  caption: string;\n  displayCaption?: boolean;\n  columns: ColumnHeader[];\n  data: RowData[];\n}\n","import styled, { css } from \"styled-components\";\nimport {\n  COMMON,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const StyledTableV2Container = styled.div`\n  ${COMMON}\n  ${LAYOUT}\n  overflow-x: auto;\n  max-width: 100%;\n`;\n\nexport const StyledTableV2 = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n  color: ${(props) => props.theme.colors.text.body};\n  font-family: ${(props) => props.theme.fontFamily};\n`;\n\nStyledTableV2.displayName = \"TableV2.Table\";\n\nexport const StyledCaption = styled.caption<{ isVisible: boolean }>`\n  ${TYPOGRAPHY}\n  text-align: left;\n  ${(props) => props.theme.typography[400]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  margin-top: ${(props) => props.theme.space[200]};\n  ${({ isVisible }) =>\n    !isVisible &&\n    css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      border: 0;\n    `}\n`;\n\nStyledCaption.displayName = \"TableV2.Caption\";\n\nexport const StyledTableHeader = styled.thead`\n  vertical-align: bottom;\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableHeader.displayName = \"TableV2.TableHeader\";\n\nexport const StyledTableBody = styled.tbody``;\n\nStyledTableBody.displayName = \"TableV2.TableBody\";\n\nexport const StyledTableRow = styled.tr`\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableRow.displayName = \"TableV2.TableRow\";\n\nexport const StyledTableHeaderCell = styled.th`\n  ${(props) => props.theme.typography[100]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableHeaderCell.displayName = \"TableV2.TableHeaderCell\";\n\nexport const StyledTableCell = styled.td`\n  ${(props) => props.theme.typography[200]}\n  font-weight: ${(props) => props.theme.fontWeights.normal};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableCell.displayName = \"TableV2.TableCell\";\n"],"mappings":"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","names":["React","React"]}
+{"version":3,"sources":["../../../src/v2/TableV2.tsx","../../../src/v2/TableV2Types.ts","../../../src/v2/styles.ts"],"sourcesContent":["import React, { useId } from \"react\";\nimport { type TableV2Props } from \"./TableV2Types\";\nimport {\n  StyledTableV2Container,\n  StyledTableV2,\n  StyledCaption,\n  StyledTableHeader,\n  StyledTableBody,\n  StyledTableRow,\n  StyledTableHeaderCell,\n  StyledTableCell,\n} from \"./styles\";\n\nconst TableContainerContext = React.createContext<string | null>(null);\n\nexport const useTableContainerId = () =>\n  React.useContext(TableContainerContext);\n\nexport const TableWrapper = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactElement;\n}) => {\n  const containerId = useId();\n  return (\n    <TableContainerContext.Provider value={containerId}>\n      <StyledTableV2Container\n        role=\"region\"\n        tabIndex={0}\n        id={containerId}\n        aria-labelledby={containerId}\n        {...rest}\n      >\n        {children}\n      </StyledTableV2Container>\n    </TableContainerContext.Provider>\n  );\n};\n\nconst TableV2 = ({\n  caption,\n  displayCaption = true,\n  columns,\n  data,\n}: TableV2Props) => {\n  const containerId = useTableContainerId();\n\n  return (\n    <TableWrapper>\n      <StyledTableV2>\n        <StyledCaption id={containerId ?? undefined} isVisible={displayCaption}>\n          {caption}\n        </StyledCaption>\n        <StyledTableHeader>\n          <StyledTableRow>\n            {columns.map((column, index) => (\n              <StyledTableHeaderCell key={index} scope=\"col\">\n                {column}\n              </StyledTableHeaderCell>\n            ))}\n          </StyledTableRow>\n        </StyledTableHeader>\n        <StyledTableBody>\n          {data.map((row, rowIndex) => (\n            <StyledTableRow key={rowIndex}>\n              {row.map((cell, cellIndex) => (\n                <StyledTableCell key={cellIndex}>{cell}</StyledTableCell>\n              ))}\n            </StyledTableRow>\n          ))}\n        </StyledTableBody>\n      </StyledTableV2>\n    </TableWrapper>\n  );\n};\n\n// Export the full Table component as Table (main export)\nexport const Table = TableV2;\n\n// Export styled components for compound component usage\nexport const TableRoot = StyledTableV2;\nexport const TableCaption = StyledCaption;\nexport const TableHeader = StyledTableHeader;\nexport const TableBody = StyledTableBody;\nexport const TableRow = StyledTableRow;\nexport const TableHeaderCell = StyledTableHeaderCell;\nexport const TableCell = StyledTableCell;\n\n// Default export\nexport default TableV2;\n","import * as React from \"react\";\n\nexport type ColumnHeader = string | React.ReactNode;\n\nexport type RowData = Array<string | React.ReactNode>;\n\nexport interface TableV2Props {\n  caption: string;\n  displayCaption?: boolean;\n  columns: ColumnHeader[];\n  data: RowData[];\n}\n","import styled, { css } from \"styled-components\";\nimport {\n  COMMON,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const StyledTableV2Container = styled.div`\n  ${COMMON}\n  ${LAYOUT}\n  overflow-x: auto;\n  max-width: 100%;\n`;\n\nexport const StyledTableV2 = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n  color: ${(props) => props.theme.colors.text.body};\n  font-family: ${(props) => props.theme.fontFamily};\n`;\n\nStyledTableV2.displayName = \"TableV2.Table\";\n\nexport const StyledCaption = styled.caption<{ isVisible: boolean }>`\n  ${TYPOGRAPHY}\n  text-align: left;\n  ${(props) => props.theme.typography[400]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  margin-top: ${(props) => props.theme.space[200]};\n  ${({ isVisible }) =>\n    !isVisible &&\n    css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      border: 0;\n    `}\n`;\n\nStyledCaption.displayName = \"TableV2.Caption\";\n\nexport const StyledTableHeader = styled.thead`\n  vertical-align: bottom;\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableHeader.displayName = \"TableV2.TableHeader\";\n\nexport const StyledTableBody = styled.tbody``;\n\nStyledTableBody.displayName = \"TableV2.TableBody\";\n\nexport const StyledTableRow = styled.tr`\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableRow.displayName = \"TableV2.TableRow\";\n\nexport const StyledTableHeaderCell = styled.th`\n  ${(props) => props.theme.typography[100]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n  min-width: 0;\n`;\n\nStyledTableHeaderCell.displayName = \"TableV2.TableHeaderCell\";\n\nexport const StyledTableCell = styled.td`\n  ${(props) => props.theme.typography[200]}\n  font-weight: ${(props) => props.theme.fontWeights.normal};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableCell.displayName = \"TableV2.TableCell\";\n"],"mappings":"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","names":["React","React"]}

package/dist/v2/index.js

@@ -111,6 +111,7 @@ var StyledTableHeaderCell = import_styled_components.default.th`
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   padding: ${(props) => props.theme.space[300]};
   text-align: left;
+  min-width: 0;
 `;
 StyledTableHeaderCell.displayName = "TableV2.TableHeaderCell";
 var StyledTableCell = import_styled_components.default.td`

package/dist/v2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/v2/index.ts","../../src/v2/TableV2.tsx","../../src/v2/TableV2Types.ts","../../src/v2/styles.ts"],"sourcesContent":["// V2 Table - Explicit flat exports for optimal tree shaking\nexport {\n  Table,\n  TableRoot,\n  TableWrapper,\n  TableCaption,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHeaderCell,\n  TableCell,\n  useTableContainerId,\n  default as TableV2,\n} from \"./TableV2\";\n\n// Explicit type exports\nexport type { TableV2Props, ColumnHeader, RowData } from \"./TableV2Types\";\n\n// Explicit style exports\nexport * from \"./styles\";\n","import React, { useId } from \"react\";\nimport { type TableV2Props } from \"./TableV2Types\";\nimport {\n  StyledTableV2Container,\n  StyledTableV2,\n  StyledCaption,\n  StyledTableHeader,\n  StyledTableBody,\n  StyledTableRow,\n  StyledTableHeaderCell,\n  StyledTableCell,\n} from \"./styles\";\n\nconst TableContainerContext = React.createContext<string | null>(null);\n\nexport const useTableContainerId = () =>\n  React.useContext(TableContainerContext);\n\nexport const TableWrapper = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactElement;\n}) => {\n  const containerId = useId();\n  return (\n    <TableContainerContext.Provider value={containerId}>\n      <StyledTableV2Container\n        role=\"region\"\n        tabIndex={0}\n        id={containerId}\n        aria-labelledby={containerId}\n        {...rest}\n      >\n        {children}\n      </StyledTableV2Container>\n    </TableContainerContext.Provider>\n  );\n};\n\nconst TableV2 = ({\n  caption,\n  displayCaption = true,\n  columns,\n  data,\n}: TableV2Props) => {\n  const containerId = useTableContainerId();\n\n  return (\n    <TableWrapper>\n      <StyledTableV2>\n        <StyledCaption id={containerId ?? undefined} isVisible={displayCaption}>\n          {caption}\n        </StyledCaption>\n        <StyledTableHeader>\n          <StyledTableRow>\n            {columns.map((column, index) => (\n              <StyledTableHeaderCell key={index} scope=\"col\">\n                {column}\n              </StyledTableHeaderCell>\n            ))}\n          </StyledTableRow>\n        </StyledTableHeader>\n        <StyledTableBody>\n          {data.map((row, rowIndex) => (\n            <StyledTableRow key={rowIndex}>\n              {row.map((cell, cellIndex) => (\n                <StyledTableCell key={cellIndex}>{cell}</StyledTableCell>\n              ))}\n            </StyledTableRow>\n          ))}\n        </StyledTableBody>\n      </StyledTableV2>\n    </TableWrapper>\n  );\n};\n\n// Export the full Table component as Table (main export)\nexport const Table = TableV2;\n\n// Export styled components for compound component usage\nexport const TableRoot = StyledTableV2;\nexport const TableCaption = StyledCaption;\nexport const TableHeader = StyledTableHeader;\nexport const TableBody = StyledTableBody;\nexport const TableRow = StyledTableRow;\nexport const TableHeaderCell = StyledTableHeaderCell;\nexport const TableCell = StyledTableCell;\n\n// Default export\nexport default TableV2;\n","import * as React from \"react\";\n\nexport type ColumnHeader = string | React.ReactNode;\n\nexport type RowData = Array<string | React.ReactNode>;\n\nexport interface TableV2Props {\n  caption: string;\n  displayCaption?: boolean;\n  columns: ColumnHeader[];\n  data: RowData[];\n}\n","import styled, { css } from \"styled-components\";\nimport {\n  COMMON,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const StyledTableV2Container = styled.div`\n  ${COMMON}\n  ${LAYOUT}\n  overflow-x: auto;\n  max-width: 100%;\n`;\n\nexport const StyledTableV2 = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n  color: ${(props) => props.theme.colors.text.body};\n  font-family: ${(props) => props.theme.fontFamily};\n`;\n\nStyledTableV2.displayName = \"TableV2.Table\";\n\nexport const StyledCaption = styled.caption<{ isVisible: boolean }>`\n  ${TYPOGRAPHY}\n  text-align: left;\n  ${(props) => props.theme.typography[400]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  margin-top: ${(props) => props.theme.space[200]};\n  ${({ isVisible }) =>\n    !isVisible &&\n    css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      border: 0;\n    `}\n`;\n\nStyledCaption.displayName = \"TableV2.Caption\";\n\nexport const StyledTableHeader = styled.thead`\n  vertical-align: bottom;\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableHeader.displayName = \"TableV2.TableHeader\";\n\nexport const StyledTableBody = styled.tbody``;\n\nStyledTableBody.displayName = \"TableV2.TableBody\";\n\nexport const StyledTableRow = styled.tr`\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableRow.displayName = \"TableV2.TableRow\";\n\nexport const StyledTableHeaderCell = styled.th`\n  ${(props) => props.theme.typography[100]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableHeaderCell.displayName = \"TableV2.TableHeaderCell\";\n\nexport const StyledTableCell = styled.td`\n  ${(props) => props.theme.typography[200]}\n  font-weight: ${(props) => props.theme.fontWeights.normal};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableCell.displayName = \"TableV2.TableCell\";\n"],"mappings":"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","names":["styled","React"]}
+{"version":3,"sources":["../../src/v2/index.ts","../../src/v2/TableV2.tsx","../../src/v2/TableV2Types.ts","../../src/v2/styles.ts"],"sourcesContent":["// V2 Table - Explicit flat exports for optimal tree shaking\nexport {\n  Table,\n  TableRoot,\n  TableWrapper,\n  TableCaption,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHeaderCell,\n  TableCell,\n  useTableContainerId,\n  default as TableV2,\n} from \"./TableV2\";\n\n// Explicit type exports\nexport type { TableV2Props, ColumnHeader, RowData } from \"./TableV2Types\";\n\n// Explicit style exports\nexport * from \"./styles\";\n","import React, { useId } from \"react\";\nimport { type TableV2Props } from \"./TableV2Types\";\nimport {\n  StyledTableV2Container,\n  StyledTableV2,\n  StyledCaption,\n  StyledTableHeader,\n  StyledTableBody,\n  StyledTableRow,\n  StyledTableHeaderCell,\n  StyledTableCell,\n} from \"./styles\";\n\nconst TableContainerContext = React.createContext<string | null>(null);\n\nexport const useTableContainerId = () =>\n  React.useContext(TableContainerContext);\n\nexport const TableWrapper = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactElement;\n}) => {\n  const containerId = useId();\n  return (\n    <TableContainerContext.Provider value={containerId}>\n      <StyledTableV2Container\n        role=\"region\"\n        tabIndex={0}\n        id={containerId}\n        aria-labelledby={containerId}\n        {...rest}\n      >\n        {children}\n      </StyledTableV2Container>\n    </TableContainerContext.Provider>\n  );\n};\n\nconst TableV2 = ({\n  caption,\n  displayCaption = true,\n  columns,\n  data,\n}: TableV2Props) => {\n  const containerId = useTableContainerId();\n\n  return (\n    <TableWrapper>\n      <StyledTableV2>\n        <StyledCaption id={containerId ?? undefined} isVisible={displayCaption}>\n          {caption}\n        </StyledCaption>\n        <StyledTableHeader>\n          <StyledTableRow>\n            {columns.map((column, index) => (\n              <StyledTableHeaderCell key={index} scope=\"col\">\n                {column}\n              </StyledTableHeaderCell>\n            ))}\n          </StyledTableRow>\n        </StyledTableHeader>\n        <StyledTableBody>\n          {data.map((row, rowIndex) => (\n            <StyledTableRow key={rowIndex}>\n              {row.map((cell, cellIndex) => (\n                <StyledTableCell key={cellIndex}>{cell}</StyledTableCell>\n              ))}\n            </StyledTableRow>\n          ))}\n        </StyledTableBody>\n      </StyledTableV2>\n    </TableWrapper>\n  );\n};\n\n// Export the full Table component as Table (main export)\nexport const Table = TableV2;\n\n// Export styled components for compound component usage\nexport const TableRoot = StyledTableV2;\nexport const TableCaption = StyledCaption;\nexport const TableHeader = StyledTableHeader;\nexport const TableBody = StyledTableBody;\nexport const TableRow = StyledTableRow;\nexport const TableHeaderCell = StyledTableHeaderCell;\nexport const TableCell = StyledTableCell;\n\n// Default export\nexport default TableV2;\n","import * as React from \"react\";\n\nexport type ColumnHeader = string | React.ReactNode;\n\nexport type RowData = Array<string | React.ReactNode>;\n\nexport interface TableV2Props {\n  caption: string;\n  displayCaption?: boolean;\n  columns: ColumnHeader[];\n  data: RowData[];\n}\n","import styled, { css } from \"styled-components\";\nimport {\n  COMMON,\n  LAYOUT,\n  TYPOGRAPHY,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const StyledTableV2Container = styled.div`\n  ${COMMON}\n  ${LAYOUT}\n  overflow-x: auto;\n  max-width: 100%;\n`;\n\nexport const StyledTableV2 = styled.table`\n  width: 100%;\n  border-collapse: collapse;\n  color: ${(props) => props.theme.colors.text.body};\n  font-family: ${(props) => props.theme.fontFamily};\n`;\n\nStyledTableV2.displayName = \"TableV2.Table\";\n\nexport const StyledCaption = styled.caption<{ isVisible: boolean }>`\n  ${TYPOGRAPHY}\n  text-align: left;\n  ${(props) => props.theme.typography[400]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  margin-top: ${(props) => props.theme.space[200]};\n  ${({ isVisible }) =>\n    !isVisible &&\n    css`\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      border: 0;\n    `}\n`;\n\nStyledCaption.displayName = \"TableV2.Caption\";\n\nexport const StyledTableHeader = styled.thead`\n  vertical-align: bottom;\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableHeader.displayName = \"TableV2.TableHeader\";\n\nexport const StyledTableBody = styled.tbody``;\n\nStyledTableBody.displayName = \"TableV2.TableBody\";\n\nexport const StyledTableRow = styled.tr`\n  border-bottom: 1px solid\n    ${(props) => props.theme.colors.container.border.base};\n`;\n\nStyledTableRow.displayName = \"TableV2.TableRow\";\n\nexport const StyledTableHeaderCell = styled.th`\n  ${(props) => props.theme.typography[100]}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n  min-width: 0;\n`;\n\nStyledTableHeaderCell.displayName = \"TableV2.TableHeaderCell\";\n\nexport const StyledTableCell = styled.td`\n  ${(props) => props.theme.typography[200]}\n  font-weight: ${(props) => props.theme.fontWeights.normal};\n  padding: ${(props) => props.theme.space[300]};\n  text-align: left;\n`;\n\nStyledTableCell.displayName = \"TableV2.TableCell\";\n"],"mappings":"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","names":["styled","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-table",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Seeds React Table",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -50,9 +50,9 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^3.3.0",
+    "@sproutsocial/seeds-react-theme": "^3.3.1",
     "@sproutsocial/seeds-react-system-props": "^3.0.2",
-    "@sproutsocial/seeds-react-icon": "^2.0.4",
+    "@sproutsocial/seeds-react-icon": "^2.0.5",
     "@sproutsocial/seeds-react-text": "^1.3.2"
   },
   "devDependencies": {

package/src/v2/styles.ts

@@ -68,6 +68,7 @@ export const StyledTableHeaderCell = styled.th`
   font-weight: ${(props) => props.theme.fontWeights.semibold};
   padding: ${(props) => props.theme.space[300]};
   text-align: left;
+  min-width: 0;
 `;
 
 StyledTableHeaderCell.displayName = "TableV2.TableHeaderCell";