chore(primary details): Demo updates

[andrew-ronaldson]

Closes #12544

I updated the following:

• Inline drawers examples
• Alert icons use status colours.
• workspace toast alert drops pf-m-inline class so it appears floating.

Summary by CodeRabbit

• Enhancements
  • Improved Primary Detail drawer layouts across demos for a more consistent inline experience, with the toolbar and divider integrated into the drawer chrome and the list content rendered reliably in the drawer body.
  • Refined toolbar alignment, spacing, and toggle/filter layout for clearer visual structure.
  • Updated inline drawer behavior (including in-card variants) to better match the expanded/collapsed interaction patterns.
• Documentation
  • Updated Primary Detail demo navigation to remove skipped subsections and link directly to the inline modifier demo.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 1f72c0b2-ccf0-47f4-adb7-f5586fee7b65

📥 Commits

Reviewing files that changed from the base of the PR and between 7c699a8 and 0ad8ce5.

📒 Files selected for processing (2)

• packages/react-core/src/demos/PrimaryDetail.md
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx

💤 Files with no reviewable changes (2)

• packages/react-core/src/demos/PrimaryDetail.md
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx

---

Walkthrough

Primary Detail demos reorganize toolbar placement, move data lists into drawer content bodies, add drawer sections for toolbar controls, switch selected drawers from static to inline rendering, and remove three demo navigation entries.

Changes

Primary Detail drawer layout

Layer / File(s)	Summary
Toolbar composition updates packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx, packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx	Toolbar toggle groups and filter groups use direct centered alignment, with updated toolbar item assembly and imports.
Drawer content and toolbar sections packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx, packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx, packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx, packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx	Drawer content renders the data list separately, while toolbar and divider elements move into DrawerSection with updated inset, padding, and alignment props.
Inline drawer variants and demo navigation packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx, packages/react-core/src/demos/PrimaryDetail.md	The simple-list drawer changes from static to inline rendering, and three Primary Detail demo subsection references are removed from navigation.

Estimated code review effort: 3 (Moderate) | ~25 minutes

Possibly related issues

• Primary detail demo updates patternfly#7781 — Covers the Primary Detail demo layout updates involving drawer restructuring, toolbar spacing, dividers, and inline layouts.

Suggested reviewers: rebeccaalpert, thatblindgeye, kmcfaul

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	The title is related, but 'Demo updates' is too generic to clearly identify the Primary Details demo changes.	Rename it to something specific like 'Update Primary Details React demos' or 'Refactor Primary Details drawer demos'.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Linked Issues check	✅ Passed	The PR matches the linked Primary Details demo update issue by adjusting inline drawer examples and removing the padding demo.
Out of Scope Changes check	✅ Passed	The changes stay within Primary Details demo files and docs, with no clear unrelated code or behavior changes.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ 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.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In
`@packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx`:
- Around line 104-105: Move the ineffective alignItems prop from
ToolbarToggleGroup to the appropriate ToolbarGroup or ToolbarContent in all
three sites:
packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx
lines 104-105,
packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx
lines 104-105, and
packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx
lines 103-104. Preserve the intended center alignment by applying it to the
component that handles alignment.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 6e4bc4cd-7b6e-458a-a383-8ba3242f7db5

📥 Commits

Reviewing files that changed from the base of the PR and between 7519afe and 325a4e0.

📒 Files selected for processing (6)

• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx
• packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx