Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(feature-card): fix feature card broken styles and refactor (#12082)
### Related Ticket(s) [ADCMS-6497](https://jsw.ibm.com/browse/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](https://www.figma.com/design/DmgpvpEV6m4eJNMgKOLPmy/Feature-card-v2?node-id=407-13733&node-type=frame&t=JIxBJ4kEUMJMj1lD-0). ### 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](https://www.figma.com/design/DmgpvpEV6m4eJNMgKOLPmy/Feature-card-v2?node-id=827-3840&node-type=frame&t=Coj9u3GFqwgnqIjF-0). * 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 <!-- React and Web Component deploy previews are enabled by default. --> <!-- To enable additional available deploy previews, apply the following --> <!-- labels for the corresponding package: --> <!-- *** "test: e2e": Codesandbox examples and e2e integration tests --> <!-- *** "package: services": Services --> <!-- *** "package: utilities": Utilities --> <!-- *** "RTL": React / Web Components (RTL) --> <!-- *** "feature flag": React / Web Components (experimental) -->
- Loading branch information