[BD-46] feat: update DataTable font size to be small

[monteri]

Font size equals to $font-size-sm for all elements in the table.

JIRA: PAR-609

[openedx-webhooks]

Thanks for the pull request, @monteri! I've created BLENDED-1062 to keep track of it in Jira. More details are on the BD-46 project page.

When this pull request is ready, tag your edX technical lead.

[adamstankiewicz]

@monteri Looking over the Figma spec for DataTable, it seems we may want to be a bit more selective in what we set as $font-size-sm.

Not all the content within DataTable is set as small, but its more focused around the content of the table that should have $font-size-sm, not everything. For example, the font sizes within the filters and actions stay normal size, but the "Showing 1 - 50..." both above and below the table contents and the table contents themselves should have $font-size-sm.

I'd probably just crosscheck with the Figma spec on which parts of DataTable should be small (i.e., by clicking on an element in Figma, you can see what should be small in the sidebar, see screenshot).

Should probably have been more specific in the acceptance criteria ;)

[monteri]

Yes, thanks for clarification, I thought the ticket was meant to make whole text with the small text size :)
Now I placed font-size: $font-size-sm; only for the wrapper so it made the expected result as in the Figma

[adamstankiewicz]

Awesome, thanks for the update!

[openedx-webhooks]

@monteri 🎉 Your pull request was merged! Please take a moment to answer a two question survey so we can improve your experience in the future.

[edx-semantic-release]

🎉 This PR is included in version 17.3.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀