feat(feature-card): enable color scheme selection (carbon-design-syst…

…em#10744)

* docs(feature-card): add color scheme knob

* style(feature-card): add Carbon feature flag to component stylesheet

* fix(feature-card): update large breakpoint large feature card

* fix(feature-card): target inverse color scheme

* fix(feature-card): update large feature card bgc

* fix(feature-card): avoid rem function border color issue

* fix(feature-card): hide border on focus

* docs(feature-card): update images

* chore(feature-card): update prefixes

* fix(feature-card): consolidate image widths

* fix(feature-card): update icon alignment

* docs(feature-card): remove no-gutter grid class

* fix(feature-card): set body-01 on md breakpoint

* fix(feature-card): update image aspect ratios

* fix(feature-card): reveal border on sm breakpoint

* refactor(feature-card): consolidate styles

* refactor(feature-card): combine duplicate selectors

* docs(feature-card): update migration doc

* docs(feature-card): annotate feature-card border

* fix(feature-card): set inverse border

* fix(feature-card): reduce eyebrow margin

* fix(feature-card): reduce `@max` content padding

* fix(feature-card): reduce `@md` to `@sm` content padding

* fix(feature-card): update heading type tokens

* fix(feature-card): update copy type token

* fix(feature-card): truncate body copy on `@md`

* fix(feature-card): update focus outline on Firefox

* refactor(feature-card): update prefixes

* fix(feature-card): remove transparent border on focus

* fix(feature-card): add `z-index` to `image` component

* fix(feature-card): remove border-width change

* fix(feature-card): use flexbox for card wrapper

* docs(feature-card): double card content

* fix(feature-card): update breakpoint padding for large feature card

* fix(feature-card): reduce focus border inset

* fix(feature-card): update heading tokens

* fix(card): restore DOM selectors

* fix(feature-card): remove overflow ellipses

* refactor(card): dedupe selectors

* fix(feature-card): update padding in feature card content

* docs(feature-card): update feature card copy in story file

* fix(feature-card): fix aspect-ratio import and add padding-top

* chore: lint

* docs(feature-card): dynamically set copy content

* fix(feature-card): remove background and add height to feature card

---------

Co-authored-by: kennylam <[email protected]>

docs/dotcom-v2-migration.md

@@ -51,8 +51,9 @@ For Carbon v11 migration guidance, see their
 | cta-block                 | Deprecated in favor of `content-section` or `content-block` combined with `content-item`.                                                                  |
 | cta-section               | Deprecated in favor of `content-section` or `content-block` combined with `content-item`.                                                                  |
 | dotcom-shell              | No API changes.                                                                                                                                            |
-| feature-card-block-large  | Removed - use `feature-card`.                                                                                                                              |
-| feature-card-block-medium | Removed - use `feature-card`.                                                                                                                              |
+| feature-card              | View [changes](#feature-card).                                                                                                                             |
+| feature-card-block-large  | Removed - use [`feature-card`](#feature-card).                                                                                                             |
+| feature-card-block-medium | Removed - use [`feature-card`](#feature-card).                                                                                                             |
 | feature-section           | View [changes](#feature-section).                                                                                                                          |
 | filter-panel              | View [changes](#filter-panel).                                                                                                                             |
 | footer                    | No API changes.                                                                                                                                            |
@@ -134,6 +135,11 @@ Each new component has a `cta-type` property that can change the icon and
 behavior of the component. See the components' documentation for more
 information.
 
+### Feature card
+
+- Enable support for both `regular` and `inverse` values for `color-scheme`
+  property
+
 ### Feature section
 
 - The `feature-section-card-link` has been deprecated in favor of the `card`

packages/styles/scss/components/card/_card.scss

@@ -21,6 +21,7 @@
 @use '../link-with-icon/link-with-icon';
 
 @mixin card {
+  .#{$prefix}--card,
   :host(#{$c4d-prefix}-card),
   :host(#{$c4d-prefix}-region-item) .#{$prefix}--link,
   :host(#{$c4d-prefix}-card-cta),