Skip to content

fix(AngleRightIcon): Replace AngleRightIcon with RhMicronsCaretRightIcon#12496

Open
rebeccaalpert wants to merge 1 commit into
patternfly:mainfrom
rebeccaalpert:cursor/replace-angle-right-icon-with-rh-microns-caret-right
Open

fix(AngleRightIcon): Replace AngleRightIcon with RhMicronsCaretRightIcon#12496
rebeccaalpert wants to merge 1 commit into
patternfly:mainfrom
rebeccaalpert:cursor/replace-angle-right-icon-with-rh-microns-caret-right

Conversation

@rebeccaalpert

@rebeccaalpert rebeccaalpert commented Jun 18, 2026

Copy link
Copy Markdown
Member

What:
Part of #12402. Breaking into separate PRs so it is easier to review.

Additional issues:

Summary by CodeRabbit

  • Style
    • Updated right-caret icons throughout the component library, including DualListSelector “Add selected” controls, Pagination next-page navigation, and drag-and-drop examples, to use a new icon variant.
    • Refreshed the same icon in related deprecated components, example markdown, and demo applications to keep visuals consistent.

@coderabbitai

coderabbitai Bot commented Jun 18, 2026

Copy link
Copy Markdown

Review Change Stack

Warning

Review limit reached

@rebeccaalpert, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 1 minute and 35 seconds. Learn how PR review limits work.

Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file).

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits.

🚦 How do rate limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, the refill rate gradually slows as usage increases. The highest same-day bursts are limited more strictly.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: f99cbfcc-5796-4d5b-a0ca-91f9b25f0608

📥 Commits

Reviewing files that changed from the base of the PR and between 6bf618e and 0018d2f.

⛔ Files ignored due to path filters (3)
  • packages/react-core/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationNavigation.test.tsx.snap is excluded by !**/*.snap, !**/generated/**
  • packages/react-core/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap is excluded by !**/*.snap
  • packages/react-core/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap is excluded by !**/*.snap
📒 Files selected for processing (19)
  • packages/react-core/src/components/DualListSelector/examples/DualListSelector.md
  • packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasic.tsx
  • packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx
  • packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx
  • packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx
  • packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx
  • packages/react-core/src/components/Pagination/PaginationNavigation.tsx
  • packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx
  • packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelector.md
  • packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx
  • packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx
  • packages/react-core/src/deprecated/components/DualListSelector/examples/DualListSelectorComposableTree.tsx
  • packages/react-drag-drop/src/components/DragDrop/examples/DragDrop.md
  • packages/react-drag-drop/src/components/DragDrop/examples/DragDropContainerDualListSelector.tsx
  • packages/react-drag-drop/src/components/DragDrop/examples/DragDropDemos.md
  • packages/react-drag-drop/src/components/DragDrop/examples/DualListSelectorDraggable.tsx
  • packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorBasicDemo.tsx
  • packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorTreeDemo.tsx
  • packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/DualListSelectorWithActionsDemo.tsx

Walkthrough

Replaces AngleRightIcon with RhMicronsCaretRightIcon across 17 files: the PaginationNavigation next-button, the deprecated DualListSelector component, multiple DualListSelector example files (both current and deprecated), DragDrop examples, and integration demos.

Changes

Icon Replacement Across Components and Examples

Layer / File(s) Summary
Production component icon updates
packages/react-core/src/components/Pagination/PaginationNavigation.tsx, packages/react-core/src/deprecated/components/DualListSelector/DualListSelector.tsx
Replaces AngleRightIcon import and usage with RhMicronsCaretRightIcon in the Pagination next-button and the deprecated DualListSelector "Add selected" control.
react-core DualListSelector example icon updates
packages/react-core/src/components/DualListSelector/examples/..., packages/react-core/src/deprecated/components/DualListSelector/examples/...
Replaces the AngleRightIcon import and icon prop value in the "Add selected" control across all current and deprecated DualListSelector example TSX files and their accompanying markdown import lists.
DragDrop and integration demo icon updates
packages/react-drag-drop/src/components/DragDrop/examples/..., packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/...
Replaces the AngleRightIcon import and icon prop in the "Add selected" control across DragDrop example files, markdown demo files, and integration demo components.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

Suggested reviewers

  • nicolethoen
  • thatblindgeye
  • kmcfaul
🚥 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 accurately and specifically describes the primary change: replacing AngleRightIcon with RhMicronsCaretRightIcon throughout the codebase, which is confirmed by all modified files.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ 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

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

@patternfly-build

patternfly-build commented Jun 18, 2026

Copy link
Copy Markdown
Collaborator

@rebeccaalpert rebeccaalpert force-pushed the cursor/replace-angle-right-icon-with-rh-microns-caret-right branch from 3e83573 to 6bf618e Compare June 18, 2026 19:53
@rebeccaalpert rebeccaalpert force-pushed the cursor/replace-angle-right-icon-with-rh-microns-caret-right branch from 6bf618e to 0018d2f Compare June 18, 2026 20:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants