@instructure/ui-table 11.7.3-snapshot-4 → 11.7.3-snapshot-7

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.3-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-4) (2026-04-28)
+## [11.7.3-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-7) (2026-04-29)
 
 **Note:** Version bump only for package @instructure/ui-table
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-table",
-  "version": "11.7.3-snapshot-4",
+  "version": "11.7.3-snapshot-7",
   "description": "A styled HTML table component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,25 +15,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "11.7.3-snapshot-4",
-    "@instructure/emotion": "11.7.3-snapshot-4",
-    "@instructure/ui-a11y-content": "11.7.3-snapshot-4",
-    "@instructure/shared-types": "11.7.3-snapshot-4",
-    "@instructure/ui-icons": "11.7.3-snapshot-4",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-simple-select": "11.7.3-snapshot-4",
-    "@instructure/ui-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-view": "11.7.3-snapshot-4"
+    "@instructure/console": "11.7.3-snapshot-7",
+    "@instructure/emotion": "11.7.3-snapshot-7",
+    "@instructure/shared-types": "11.7.3-snapshot-7",
+    "@instructure/ui-icons": "11.7.3-snapshot-7",
+    "@instructure/ui-a11y-content": "11.7.3-snapshot-7",
+    "@instructure/ui-simple-select": "11.7.3-snapshot-7",
+    "@instructure/ui-view": "11.7.3-snapshot-7",
+    "@instructure/ui-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-themes": "11.7.3-snapshot-7"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.3-snapshot-4",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-4",
-    "@instructure/ui-themes": "11.7.3-snapshot-4"
+    "@instructure/ui-axe-check": "11.7.3-snapshot-7",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-7"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Table/v2/Body/props.ts

@@ -24,6 +24,7 @@
 import React from 'react'
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableBodyOwnProps = {
   /**
@@ -40,7 +41,7 @@ type PropKeys = keyof TableBodyOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableBodyProps = TableBodyOwnProps &
-  WithStyleProps<null, TableBodyStyle> &
+  WithStyleProps<ReturnType<NewComponentTypes['TableBody']>, TableBodyStyle> &
   OtherHTMLAttributes<TableBodyOwnProps>
 
 type TableBodyStyle = ComponentStyle<'body'>

package/src/Table/v2/Cell/props.ts

@@ -24,6 +24,7 @@
 
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
 import type { Renderable, OtherHTMLAttributes } from '@instructure/shared-types'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableCellOwnProps = {
   /**
@@ -44,7 +45,7 @@ type PropKeys = keyof TableCellOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableCellProps = TableCellOwnProps &
-  WithStyleProps<null, TableCellStyle> &
+  WithStyleProps<ReturnType<NewComponentTypes['TableCell']>, TableCellStyle> &
   OtherHTMLAttributes<TableCellOwnProps>
 
 type TableCellStyle = ComponentStyle<'cell'>

package/src/Table/v2/ColHeader/props.ts

@@ -25,6 +25,7 @@ import { ThHTMLAttributes } from 'react'
 
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableColHeaderOwnProps = {
   /**
@@ -69,7 +70,10 @@ type PropKeys = keyof TableColHeaderOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableColHeaderProps = TableColHeaderOwnProps &
-  WithStyleProps<null, TableColHeaderStyle> &
+  WithStyleProps<
+    ReturnType<NewComponentTypes['TableColHeader']>,
+    TableColHeaderStyle
+  > &
   OtherHTMLAttributes<
     TableColHeaderOwnProps,
     ThHTMLAttributes<TableColHeaderOwnProps>

package/src/Table/v2/Head/props.ts

@@ -25,6 +25,7 @@
 import type { Renderable, OtherHTMLAttributes } from '@instructure/shared-types'
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
 import { RowChild } from '../props'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableHeadOwnProps = {
   /**
@@ -54,7 +55,7 @@ type PropKeys = keyof TableHeadOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableHeadProps = TableHeadOwnProps &
-  WithStyleProps<null, TableHeadStyle> &
+  WithStyleProps<ReturnType<NewComponentTypes['TableHead']>, TableHeadStyle> &
   OtherHTMLAttributes<TableHeadOwnProps>
 
 type TableHeadStyle = ComponentStyle<'head'>

package/src/Table/v2/Row/props.ts

@@ -25,6 +25,7 @@
 import React from 'react'
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableRowOwnProps = {
   /**
@@ -56,7 +57,7 @@ type PropKeys = keyof TableRowOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableRowProps = TableRowOwnProps &
-  WithStyleProps<null, TableRowStyle> &
+  WithStyleProps<ReturnType<NewComponentTypes['TableRow']>, TableRowStyle> &
   OtherHTMLAttributes<TableRowOwnProps>
 
 type TableRowStyle = ComponentStyle<'row'>

package/src/Table/v2/RowHeader/props.ts

@@ -24,6 +24,7 @@
 
 import type { Renderable, OtherHTMLAttributes } from '@instructure/shared-types'
 import type { ComponentStyle, WithStyleProps } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type TableRowHeaderOwnProps = {
   /**
@@ -38,7 +39,10 @@ type PropKeys = keyof TableRowHeaderOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableRowHeaderProps = TableRowHeaderOwnProps &
-  WithStyleProps<null, TableRowHeaderStyle> &
+  WithStyleProps<
+    ReturnType<NewComponentTypes['TableRowHeader']>,
+    TableRowHeaderStyle
+  > &
   OtherHTMLAttributes<TableRowHeaderOwnProps>
 
 type TableRowHeaderStyle = ComponentStyle<'rowHeader'>

package/src/Table/v2/props.ts

@@ -28,6 +28,7 @@ import type {
   WithStyleProps
 } from '@instructure/emotion'
 import type { OtherHTMLAttributes } from '@instructure/shared-types'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type RowChild = React.ReactElement<{ children: React.ReactElement }>
 
@@ -76,7 +77,7 @@ type PropKeys = keyof TableOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type TableProps = TableOwnProps &
-  WithStyleProps<null, TableStyle> &
+  WithStyleProps<ReturnType<NewComponentTypes['Table']>, TableStyle> &
   OtherHTMLAttributes<TableOwnProps>
 
 type TableStyle = ComponentStyle<'table' | 'liveRegion'>