[DataTable]: Expansion clickable area is not up to specification

[janhassel]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

According to the DataTable guidance on the Carbon website, the clickable / interactive area to expand a row is a square filling the entire height of the row, meaning with the default row height of 48px, the clickable area is 48px by 48px.

Currently in react implementation, this interactive area is 16px by 16px.

Is this issue related to a specific component?

DataTable.TableExpandRow

What browser are you working in?

Chrome 84

What version of the Carbon Design System are you using?

carbon-components@10.16.0
carbon-components-react@7.16.0

Steps to reproduce the issue

1. Visit react storybook (https://react.carbondesignsystem.com/?path=/story/datatable--with-expansion)
2. Try to click "around" the chevron

Additional information

Click targets according to Carbon website:

Screen recording of react storybook:

[tw15egan]

@emyarod are you still working on this?

[emyarod]

yes still WIP after getting updated spec