Skip to content

fix(AngleLeftIcon): Replace AngleLeftIcon with RhMicronsCaretLeftIcon#12495

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

fix(AngleLeftIcon): Replace AngleLeftIcon with RhMicronsCaretLeftIcon#12495
rebeccaalpert wants to merge 1 commit into
patternfly:mainfrom
rebeccaalpert:cursor/replace-angle-left-icon-with-rh-microns-caret-left

Conversation

@rebeccaalpert

@rebeccaalpert rebeccaalpert commented Jun 18, 2026 •
edited by coderabbitai Bot
Loading

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
    • Refreshed icon design across DualListSelector and pagination navigation components for improved visual consistency. The "Remove selected" action buttons and previous page navigation controls now use an updated caret icon.

@rebeccaalpert @cursoragent
fix(AngleLeftIcon): Replace AngleLeftIcon with RhMicronsCaretLeftIcon
44cc5cc 
Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitai Bot commented Jun 18, 2026 •
edited
Loading

Copy link
Copy Markdown

Review Change Stack

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: 1a407a51-dbe6-43bd-85ec-d72421800e68

📥 Commits

Reviewing files that changed from the base of the PR and between 6198934 and 44cc5cc.

⛔ 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 AngleLeftIcon with RhMicronsCaretLeftIcon across all DualListSelector "Remove selected" controls (current, deprecated, and drag-drop variants), the PaginationNavigation previous-page button, and associated example/demo files. No logic, API signatures, or component behavior changes.

Changes

Icon Swap: AngleLeftIcon → RhMicronsCaretLeftIcon

Layer / File(s) Summary
PaginationNavigation previous-page button
packages/react-core/src/components/Pagination/PaginationNavigation.tsx		 Swaps AngleLeftIcon import and the previous-page button's icon prop to RhMicronsCaretLeftIcon.
DualListSelector (current) component and examples
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		 Replaces AngleLeftIcon import and icon prop on the "Remove selected" DualListSelectorControl across all current DualListSelector examples and the example markdown.
DualListSelector (deprecated) component and examples
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		 Same icon swap applied to the deprecated DualListSelector implementation and all its composable examples.
Drag-drop examples and integration demos
packages/react-drag-drop/src/components/DragDrop/examples/*, packages/react-integration/demo-app-ts/src/components/demos/DualListSelectorDemo/*		 Swaps AngleLeftIcon for RhMicronsCaretLeftIcon in drag-drop example components, their markdown files, and all integration demo variants.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested labels

Needs design review

Suggested reviewers

  • nicolethoen
  • thatblindgeye
  • phcox
🚥 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 accurately describes the main change: replacing AngleLeftIcon with RhMicronsCaretLeftIcon across multiple 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 •
edited
Loading

Copy link
Copy Markdown
Collaborator

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@rebeccaalpert @patternfly-build