feat(card): add isGlass prop

[wise-king-sullyman]

What: Closes #12268

Additional issues:

Assisted by Claude Code

Summary by CodeRabbit

• New Features

  • Card component now includes support for a glass visual style modifier. Use the new isGlass property to apply a glass appearance effect to card elements in your interface.

• Tests

  • Added unit test confirming the glass modifier is correctly applied to the card element 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: 9e32cd1f-a1cf-4a2c-a824-9def06b3e6bd

📥 Commits

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

📒 Files selected for processing (2)

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

---

Walkthrough

The Card component adds a new optional isGlass boolean prop that conditionally applies the pf-m-glass CSS modifier to the component's root element. A corresponding unit test verifies that the CSS class is correctly applied when the prop is enabled.

Changes

Cohort / File(s)	Summary
Card component enhancement packages/react-core/src/components/Card/Card.tsx	Added optional isGlass prop to CardProps interface and implemented conditional logic to apply styles.modifiers.glass CSS modifier when isGlass is truthy.
Card test coverage packages/react-core/src/components/Card/__tests__/Card.test.tsx	Added unit test verifying that the pf-m-glass CSS class is present on the card root element when isGlass prop 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 'feat(card): add isGlass prop' accurately describes the main change - adding a new isGlass prop to the Card component.
Linked Issues check	✅ Passed	The PR successfully implements the requirement from issue #12268 to add an isGlass modifier that applies the 'pf-m-glass' CSS modifier to the Card component.
Out of Scope Changes check	✅ Passed	All changes are directly related to implementing the isGlass prop for the Card component as specified in issue #12268, with no extraneous modifications.
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?