This PR is a cherry-pick of #63809 to release/10.6.

Original PR Description

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

Fixes extra padding appearing on analytics tables and related card components when running on WordPress 7.0.

WordPress 7.0 (Gutenberg #72511) added a none size value to the Card component. Previously, we were passing size={ null } to suppress default padding, which worked as an undocumented side-effect. With WordPress 7.0 this no longer works as expected and results in extra padding being applied.

This PR updates all affected Card and CardBody usages to use the new explicit size="none" value, and removes the @ts-expect-error comments that were needed when null was the only workaround.

Closes WOOA7S-1158.

Screenshots or screen recordings:

before	after

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

Setup: Ensure you are running WordPress 7.0 or later ( you can use the WordPress beta tester for this ), please also test against 6.9 to make sure it still works fine there.

Analytics Tables (TableCard)

1. Go to WooCommerce → Analytics → Revenue (or any analytics report: Orders, Products, Categories, Coupons, etc.).
2. Verify the data table renders without unexpected top/bottom padding inside the card body — the table content should sit flush against the card borders with no extra whitespace.

Advanced Filters

1. Go to WooCommerce → Analytics → Orders.
2. Click Add filter and add one or more filters (e.g. filter by order status).
3. Verify the active filter chips inside the card body display without extra padding.

Leaderboards (Dashboard)

1. Go to WooCommerce → Analytics → Overview (dashboard).
2. Scroll down to the leaderboard section (e.g. Top Products, Top Coupons).
3. Verify the leaderboard cards render without unexpected padding around their content.
4. If there is no data for the selected period, verify the "No data recorded for the selected time period." empty state also has no extra padding.

Dashboard Charts

1. Go to WooCommerce → Analytics → Overview.
2. Verify the chart cards (Revenue, Orders, etc.) render without extra padding around the chart area.

Abbreviated Cards

1. Go to WooCommerce → Analytics → Overview.
2. Verify the small summary cards (e.g. total sales, orders) at the top of the page render without extra padding.

Store Alerts

1. Use WP-CLI to create an unactioned admin note of type error or update:

wp eval "
  \$note = new \Automattic\WooCommerce\Admin\Notes\Note();
  \$note->set_name( 'test-store-alert' );
  \$note->set_title( 'Test Store Alert' );
  \$note->set_content( 'This is a test store alert.' );
  \$note->set_type( \Automattic\WooCommerce\Admin\Notes\Note::E_WC_ADMIN_NOTE_ERROR );
  \$note->set_status( \Automattic\WooCommerce\Admin\Notes\Note::E_WC_ADMIN_NOTE_UNACTIONED );
  \$note->set_source( 'woocommerce' );
  \$note->set_content_data( (object) array() );
  \$note->save();
  echo 'Note created with ID: ' . \$note->get_id();
  "

2. Go to WooCommerce → Home.
3. Verify the store alert card at the top of the page renders without unexpected extra padding around the alert content.

Testing that has already taken place:

Code change reviewed and verified against the Gutenberg PR #72511 which added none as an explicit supported size value for Card/CardBody. The @ts-expect-error suppression comments were also removed since "none" is now a valid type.

Milestone

• Automatically assign milestone for the next WooCommerce version

Changelog entry

• Automatically create a changelog entry from the details below.