fix(feature-card): fix feature card broken styles and refactor

[m4olivei]

Related Ticket(s)

ADCMS-6497

Description

The <c4d-feature-card> has been broken for some time. This PR is a refactor of the styles to align with the v2 Figma specs.

Testing instructions

This ended up being close to a ground-up rewrite of the styles for <c4d-feature-card>. The Storybook should be compared with the Figma specs for all spacing, type, colors, interaction states, inverse states, Carbon themes, etc.

Some things to note:

• We're testing two stories: Feature card > Medium and Feature card > Large. There are slight differences between them. There is a set of specs for each in Figma.
• In Storybook there is a tab titled "Carbon Theme" to let you switch between themes.
• In Storybook you can change the "Color scheme" to inverse in the Knobs panel.

Changelog

Changed

• Refactors <c4d-feature-card> per the v2 spec

[ibmdotcom-bot]

Deploy preview created for package Web Components (React wrapper):
https://ibmdotcom-web-components-react.s3-web.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/12082/index.html

Built with commit: b79ed726e09e772aef5db9ffc780e3687a44ed21

[ibmdotcom-bot]

Deploy preview created for package Web Components:
https://ibmdotcom-webcomponents.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/12082/index.html

Built with commit: b79ed726e09e772aef5db9ffc780e3687a44ed21

[andy-blum]

While this would be against content guidance, can we make the component stretch vertically when extremely long content is entered? Perhaps we can use the grid/pseudo-element tricks we did in the caem-tile?

[github-actions]

Hey there! This issue/pull request was referenced in recently released v2.14.0.

[github-actions]

Hey there! This issue/pull request was referenced in recently released v2.14.0.