feat(card): add isGlass prop

[wise-king-sullyman]

What: Closes #12268

Additional issues:

Assisted by Claude Code

Summary by CodeRabbit

• New Features

  • Card component gains a glass visual style option—use the new property to apply a glass appearance to card elements.

• Tests

  • Added a unit test confirming the glass visual modifier is applied to the card when the style is enabled.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: a6b9adea-4319-41ff-b4ac-21df202172b4

📥 Commits

Reviewing files that changed from the base of the PR and between 7bf0c2c and 7fc63e6.

📒 Files selected for processing (1)

• packages/react-core/src/components/Card/Card.tsx

🚧 Files skipped from review as they are similar to previous changes (1)

• packages/react-core/src/components/Card/Card.tsx

---

Walkthrough

The Card component now accepts an optional isGlass boolean prop; when true, the component's root element receives the pf-m-glass CSS modifier. A unit test was added to verify the class is applied.

Changes

Cohort / File(s)	Summary
Card component enhancement packages/react-core/src/components/Card/Card.tsx	Added optional isGlass?: boolean to CardProps; CardBase destructures isGlass (default false) and conditionally appends styles.modifiers.glass to the root className when truthy.
Card test coverage packages/react-core/src/components/Card/__tests__/Card.test.tsx	Added a test asserting the pf-m-glass modifier class is present on the card root when isGlass is passed.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely describes the main change: adding an isGlass prop to the Card component.
Linked Issues check	✅ Passed	The PR successfully implements the objective from issue #12268 by adding the isGlass modifier to the Card component that applies the 'pf-m-glass' CSS class.
Out of Scope Changes check	✅ Passed	All changes are directly related to implementing the isGlass prop for the Card component as specified in the linked issue; no extraneous modifications detected.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[patternfly-build]

Preview: https://pf-react-pr-12290.surge.sh

A11y report: https://pf-react-pr-12290-a11y.surge.sh

[nicolethoen]

would it be worth clarifying that it'll include glass styling when the glass contrast mode is enabled?

[thatblindgeye]

Speaking with Coker + Nicole's above comment

[patternfly-build]

Your changes have been released in:

• @patternfly/react-code-editor@6.5.0-prerelease.45
• @patternfly/react-core@6.5.0-prerelease.42
• @patternfly/react-docs@7.5.0-prerelease.51
• @patternfly/react-drag-drop@6.5.0-prerelease.43
• demo-app-ts@6.5.0-prerelease.71
• @patternfly/react-table@6.5.0-prerelease.43
• @patternfly/react-templates@6.5.0-prerelease.42

Thanks for your contribution! 🎉