feat(DataTable): add full table ai support
Closes #19485
This PR includes a new prop on the TableContainer (aiEnabled) that adds the ai gradient across the table body and a gradient border effect to the table container.
Changelog
New
- New story showing full table gradient
aiEnabledprop added toTableContainer- Test added to
TableContainer-test.js - API snapshot updated
utilities.ai-table-gradientsass mixin updated to support a vertical gradient direction, used for the full table gradient
Testing / Reviewing
Visually verify from new story and manually run TableContainer tests
PR Checklist
As the author of this PR, before marking ready for review, confirm you:
- [X] Reviewed every line of the diff
- [X] Updated documentation and storybook examples
- [X] Wrote passing tests that cover this change
- [ ] Addressed any impact on accessibility (a11y)
- [X] Tested for cross-browser consistency
- [X] Validated that this code is ready for review and status checks should pass
More details can be found in the pull request guide
Deploy Preview for v11-carbon-web-components ready!
| Name | Link |
|---|---|
| Latest commit | 919d101ff929e67fb8f7068e2697b15555ec3004 |
| Latest deploy log | https://app.netlify.com/projects/v11-carbon-web-components/deploys/684c6948087e5d0008fc438d |
| Deploy Preview | https://deploy-preview-19615--v11-carbon-web-components.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.
Deploy Preview for v11-carbon-react ready!
| Name | Link |
|---|---|
| Latest commit | 919d101ff929e67fb8f7068e2697b15555ec3004 |
| Latest deploy log | https://app.netlify.com/projects/v11-carbon-react/deploys/684c694844ab6b00081ab464 |
| Deploy Preview | https://deploy-preview-19615--v11-carbon-react.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.
Codecov Report
All modified and coverable lines are covered by tests :white_check_mark:
Project coverage is 84.69%. Comparing base (
624890b) to head (919d101). Report is 38 commits behind head on main.
Additional details and impacted files
@@ Coverage Diff @@
## main #19615 +/- ##
=======================================
Coverage 84.68% 84.69%
=======================================
Files 373 373
Lines 14709 14710 +1
Branches 4845 4847 +2
=======================================
+ Hits 12457 12458 +1
+ Misses 2102 2101 -1
- Partials 150 151 +1
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
:rocket: New features to boost your workflow:
- :snowflake: Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
- :package: JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.