Add critical background and border to the Card component

[fatimasajadi]

Issue summary

We needed to introduce a new card to the ProductDetails page, tailored specifically for suspended products. This card will display relevant information when a product is in the suspended state and provide the user with options to delete the product or directly submit a counter-notice. In order to do that we need to have the option to have background and border with critical color in the Polaris Card component.

Expected behavior

Actual behavior

Steps to reproduce the problem

1. First step
2. Second step

Reduced test case

The best way to get your bug fixed is to provide a reduced test case. This CodeSandbox template is a great starting point.

Specifications

• Are you using the React components? (Y/N):
• Polaris version number:
• Browser:
• Device:
• Operating System:

Or run npx envinfo --system --binaries --browsers --npmPackages react,react-dom,@shopify/polaris to provide specifications on your environment including version numbers, browser, device, and operating system.

Paste the results here:

[github-actions]

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.