Skip to content

chore: remove code-connect directory#12346

Open
evwilkin wants to merge 1 commit intopatternfly:mainfrom
evwilkin:chore/12341-remove-code-connect
Open

chore: remove code-connect directory#12346
evwilkin wants to merge 1 commit intopatternfly:mainfrom
evwilkin:chore/12341-remove-code-connect

Conversation

@evwilkin
Copy link
Copy Markdown
Member

@evwilkin evwilkin commented Apr 10, 2026 •
edited by coderabbitai bot
Loading

What: Closes #12341

Following #12340 which closed open Code Connect PRs, this PR removed the packages/code-connect directory and all contents.

Summary by CodeRabbit

  • Chores
    • Removed Figma Code Connect integration system that previously connected PatternFly components to Figma designs
    • Removed all associated component connector files and configuration

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 10, 2026 •
edited
Loading

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: 7134f308-77e5-4ee1-85bb-698cdd4246f0

📥 Commits

Reviewing files that changed from the base of the PR and between 911223a and fb76343.

📒 Files selected for processing (81)
  • packages/code-connect/components/AboutModal/AboutModal.figma.tsx
  • packages/code-connect/components/Accordion/Accordion.figma.tsx
  • packages/code-connect/components/Accordion/AccordionToggle.figma.tsx
  • packages/code-connect/components/ActionList/ActionList.figma.tsx
  • packages/code-connect/components/Alert/InlineAlert.figma.tsx
  • packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx
  • packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx
  • packages/code-connect/components/Alert/OverflowFooter.figma.tsx
  • packages/code-connect/components/Alert/ToastAlert.figma.tsx
  • packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx
  • packages/code-connect/components/Avatar/Avatar.figma.tsx
  • packages/code-connect/components/BackToTop/BackToTop.figma.tsx
  • packages/code-connect/components/Backdrop/Backdrop.figma.tsx
  • packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx
  • packages/code-connect/components/Badge/Badge.figma.tsx
  • packages/code-connect/components/Banner/NonStatusBanner.figma.tsx
  • packages/code-connect/components/Banner/StatusBanner.figma.tsx
  • packages/code-connect/components/Brand/FullLogo.figma.tsx
  • packages/code-connect/components/Brand/MastheadLogo.figma.tsx
  • packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx
  • packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx
  • packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx
  • packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx
  • packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx
  • packages/code-connect/components/DataList/DataList.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx
  • packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx
  • packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx
  • packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx
  • packages/code-connect/components/DatePicker/DatePicker.figma.tsx
  • packages/code-connect/components/DatePicker/TimePicker.figma.tsx
  • packages/code-connect/components/DatePicker/TimePickerMenu.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionList.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListInCard.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListItem.figma.tsx
  • packages/code-connect/components/DescriptionList/TermLabel.figma.tsx
  • packages/code-connect/components/Divider/Divider.figma.tsx
  • packages/code-connect/components/Drawer/Drawer.figma.tsx
  • packages/code-connect/components/Drawer/DrawerContent.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListItemTree.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelector.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelectorListItem.tsx
  • packages/code-connect/components/EmptyState/EmptyState.figma.tsx
  • packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx
  • packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx
  • packages/code-connect/components/Hint/Hint.figma.tsx
  • packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx
  • packages/code-connect/components/Label/LabelGroups.figma.tsx
  • packages/code-connect/components/Label/LabelInGroup.figma.tsx
  • packages/code-connect/components/Label/LabelNonStatus.figma.tsx
  • packages/code-connect/components/Label/LabelStatus.figma.tsx
  • packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx
  • packages/code-connect/components/Masthead/Masthead.figma.tsx
  • packages/code-connect/components/Masthead/MastheadMenuItemToggles.figma.tsx
  • packages/code-connect/components/Modal/AlertModal.figma.tsx
  • packages/code-connect/components/Modal/BasicModal.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx
  • packages/code-connect/components/Pagination/Pagination.figma.tsx
  • packages/code-connect/components/PopOver/Popover.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleList.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx
  • packages/code-connect/components/Skeleton/Skeleton.figma.tsx
  • packages/code-connect/figma.config.json
💤 Files with no reviewable changes (81)
  • packages/code-connect/components/DataList/_2BaseComponentsActionCell.figma.tsx
  • packages/code-connect/components/CodeBlock/CodeBlock.figma.tsx
  • packages/code-connect/components/Backdrop/Backdrop.figma.tsx
  • packages/code-connect/components/Accordion/Accordion.figma.tsx
  • packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditActionGroup.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfBasicRows.figma.tsx
  • packages/code-connect/components/Avatar/Avatar.figma.tsx
  • packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx
  • packages/code-connect/components/DatePicker/DatePicker.figma.tsx
  • packages/code-connect/components/ActionList/ActionList.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsControlCell.figma.tsx
  • packages/code-connect/components/Alert/InlineAlert.figma.tsx
  • packages/code-connect/components/Breadcrumbs/BreadcrumbItem.figma.tsx
  • packages/code-connect/components/Accordion/AccordionToggle.figma.tsx
  • packages/code-connect/components/Brand/FullLogo.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx
  • packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx
  • packages/code-connect/components/Label/LabelStatus.figma.tsx
  • packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx
  • packages/code-connect/components/Drawer/DrawerContent.figma.tsx
  • packages/code-connect/components/Brand/MastheadLogo.figma.tsx
  • packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfDraggableRows.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelectorListItem.tsx
  • packages/code-connect/components/CodeEditor/CodeEditor.figma.tsx
  • packages/code-connect/components/ClipboardCopy/ClipboardCopyInlineCompact.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx
  • packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx
  • packages/code-connect/components/Badge/Badge.figma.tsx
  • packages/code-connect/components/DataList/_2BaseComponentsContentCell.figma.tsx
  • packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListGroup.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListItemTree.figma.tsx
  • packages/code-connect/components/DatePicker/TimePickerMenu.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleList.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListInCard.figma.tsx
  • packages/code-connect/components/Label/LabelNonStatus.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionListItem.figma.tsx
  • packages/code-connect/components/Banner/StatusBanner.figma.tsx
  • packages/code-connect/components/DataList/_1BuildItYourselfClickableRows.figma.tsx
  • packages/code-connect/components/Alert/OverflowFooter.figma.tsx
  • packages/code-connect/components/AboutModal/AboutModal.figma.tsx
  • packages/code-connect/components/BackToTop/BackToTop.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListSelector.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerGroups.figma.tsx
  • packages/code-connect/components/Label/LabelInGroup.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx
  • packages/code-connect/components/DatePicker/CalendarMonth.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx
  • packages/code-connect/components/Drawer/Drawer.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerItem.figma.tsx
  • packages/code-connect/components/Label/LabelGroups.figma.tsx
  • packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx
  • packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
  • packages/code-connect/components/JumpLinks/JumplinkVertical.figma.tsx
  • packages/code-connect/components/NotificationDrawer/NotificationDrawerHeader.figma.tsx
  • packages/code-connect/components/Pagination/Pagination.figma.tsx
  • packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx
  • packages/code-connect/figma.config.json
  • packages/code-connect/components/Masthead/MastheadMenuItemToggles.figma.tsx
  • packages/code-connect/components/PopOver/Popover.figma.tsx
  • packages/code-connect/components/DescriptionList/TermLabel.figma.tsx
  • packages/code-connect/components/Divider/Divider.figma.tsx
  • packages/code-connect/components/Skeleton/Skeleton.figma.tsx
  • packages/code-connect/components/Modal/AlertModal.figma.tsx
  • packages/code-connect/components/Hint/Hint.figma.tsx
  • packages/code-connect/components/DatePicker/DateAndTimePicker.figma.tsx
  • packages/code-connect/components/FileUpload/MultipleFileUpload.figma.tsx
  • packages/code-connect/components/SimpleList/SimpleListItem.figma.tsx
  • packages/code-connect/components/Modal/BasicModal.figma.tsx
  • packages/code-connect/components/Masthead/Masthead.figma.tsx
  • packages/code-connect/components/DatePicker/TimePicker.figma.tsx
  • packages/code-connect/components/EmptyState/EmptyState.figma.tsx
  • packages/code-connect/components/DataList/DataList.figma.tsx
  • packages/code-connect/components/Alert/ToastAlert.figma.tsx
  • packages/code-connect/components/DescriptionList/DescriptionList.figma.tsx
  • packages/code-connect/components/FileUpload/SimpleFileUpload.figma.tsx
  • packages/code-connect/components/InlineEdit/InlineEditToggle.figma.tsx
  • packages/code-connect/components/Banner/NonStatusBanner.figma.tsx

Walkthrough

This PR removes all Figma Code Connect integrations from the PatternFly React codebase. It deletes approximately 50+ .figma.tsx component files across various component directories, each containing Figma-to-React component mappings and example renderers, along with the figma.config.json configuration file that orchestrated the code generation pipeline. No replacement code is added.

Changes

Cohort / File(s) Summary
Alert Components
packages/code-connect/components/Alert/InlineAlert.figma.tsx, InlineAlertGroup.figma.tsx, InlinePlainAlert.figma.tsx, OverflowFooter.figma.tsx, ToastAlert.figma.tsx, ToastAlertGroup.figma.tsx		 Removed Figma Code Connect integrations for Alert variants, eliminating prop mappings for variant, isExpandable, description, title, and children rendering.
Accordion Components
packages/code-connect/components/Accordion/Accordion.figma.tsx, AccordionToggle.figma.tsx		 Deleted Figma connectors for Accordion component and toggle, removing Type/Caret position mappings and example renderers.
Avatar, Badge, Brand, BackToTop, Backdrop, BackgroundImage
packages/code-connect/components/Avatar/Avatar.figma.tsx, Badge/Badge.figma.tsx, Brand/FullLogo.figma.tsx, Brand/MastheadLogo.figma.tsx, BackToTop/BackToTop.figma.tsx, Backdrop/Backdrop.figma.tsx, BackgroundImage/BackgroundImage.figma.tsx		 Removed individual Figma integrations for these components, each with their own size/color/property mappings and example renderers.
ActionList
packages/code-connect/components/ActionList/ActionList.figma.tsx		 Deleted Figma connector for ActionList, removing isIconList enum and children mapping.
Banner Components
packages/code-connect/components/Banner/NonStatusBanner.figma.tsx, StatusBanner.figma.tsx		 Removed Figma integrations for Banner variants with color/status/text property controls.
Breadcrumb Components
packages/code-connect/components/Breadcrumbs/Breadcrumb.figma.tsx, BreadcrumbItem.figma.tsx, ExpandableBreadcrumbs.figma.tsx		 Deleted Figma connectors for breadcrumb components, removing text/link/dropdown mappings and example renderers.
ClipboardCopy, CodeBlock, CodeEditor
packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx, ClipboardCopyInlineCompact.figma.tsx, CodeBlock/CodeBlock.figma.tsx, CodeEditor/CodeEditor.figma.tsx		 Removed Figma Code Connect registrations for clipboard and code-related components with their respective prop configurations.
DataList Components
packages/code-connect/components/DataList/DataList.figma.tsx, _1BuildItYourselfBasicRows.figma.tsx, _1BuildItYourselfClickableRows.figma.tsx, _1BuildItYourselfDraggableRows.figma.tsx, _2BaseComponentsActionCell.figma.tsx, _2BaseComponentsContentCell.figma.tsx, _2BaseComponentsControlCell.figma.tsx		 Eliminated all DataList variant and base component Figma integrations, removing children mappings and complex example renderers for rows, cells, and controls.
DatePicker Components
packages/code-connect/components/DatePicker/BaseComponentsCalendarDay.figma.tsx, CalendarMonth.figma.tsx, DateAndTimePicker.figma.tsx, DatePicker.figma.tsx, TimePicker.figma.tsx, TimePickerMenu.figma.tsx		 Deleted Figma connectors for date/time picker components with date value, time value, and variant mappings.
DescriptionList Components
packages/code-connect/components/DescriptionList/DescriptionList.figma.tsx, DescriptionListInCard.figma.tsx, DescriptionListItem.figma.tsx, TermLabel.figma.tsx		 Removed all DescriptionList variant and subcomponent Figma integrations, including inline edit and help text support.
Divider, Drawer
packages/code-connect/components/Divider/Divider.figma.tsx, Drawer/Drawer.figma.tsx, Drawer/DrawerContent.figma.tsx		 Deleted Figma connectors for Divider with inset/orientation mappings and Drawer components with colorVariant/position/inline mappings.
DualListSelector Components
packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx, DualListItemTree.figma.tsx, DualListSelector.figma.tsx, DualListSelectorListItem.tsx		 Removed Figma integrations for dual list selector components with search, actions, and item selection mappings.
EmptyState, FileUpload, Hint
packages/code-connect/components/EmptyState/EmptyState.figma.tsx, FileUpload/MultipleFileUpload.figma.tsx, FileUpload/SimpleFileUpload.figma.tsx, Hint/Hint.figma.tsx		 Deleted Figma connectors for EmptyState with status/variant, and FileUpload variants with upload/validation controls, plus Hint with dropdown menu support.
InlineEdit, JumpLinks
packages/code-connect/components/InlineEdit/FieldSpecificInlineEdit.figma.tsx, InlineEditActionGroup.figma.tsx, InlineEditToggle.figma.tsx, JumpLinks/JumplinkHorizontal.figma.tsx, JumplinkVertical.figma.tsx, JumplinksHorizontal.figma.tsx, JumplinksVertical.figma.tsx		 Removed Figma integrations for InlineEdit variants and JumpLinks with isActive/label/orientation mappings.
Label Components
packages/code-connect/components/Label/LabelGroups.figma.tsx, LabelInGroup.figma.tsx, LabelNonStatus.figma.tsx, LabelStatus.figma.tsx		 Deleted all Label variant Figma connectors with color/variant/status/text mappings and closeable/editable state support.
LoginPage, Masthead
packages/code-connect/components/LoginPage/DesktopLoginPage.figma.tsx, Masthead/Masthead.figma.tsx, Masthead/MastheadMenuItemToggles.figma.tsx		 Removed Figma integrations for LoginPage and Masthead components with footer/branding/navigation children mappings.
Modal Components
packages/code-connect/components/Modal/AlertModal.figma.tsx, BasicModal.figma.tsx		 Deleted Figma connectors for Modal variants with size/variant/content mappings and interactive state management.
NotificationDrawer Components
packages/code-connect/components/NotificationDrawer/NotificationDrawer.figma.tsx, NotificationDrawerGroups.figma.tsx, NotificationDrawerHeader.figma.tsx, NotificationDrawerItem.figma.tsx		 Removed all NotificationDrawer component Figma integrations with variant/grouping/title/item mappings and dropdown action controls.
Pagination, PopOver, SimpleList
packages/code-connect/components/Pagination/Pagination.figma.tsx, PopOver/Popover.figma.tsx, SimpleList/SimpleList.figma.tsx, SimpleList/SimpleListGroup.figma.tsx, SimpleList/SimpleListItem.figma.tsx		 Deleted Figma connectors for Pagination with compact/expanded controls, Popover with position/status mappings and icon support, and SimpleList variants.
Skeleton
packages/code-connect/components/Skeleton/Skeleton.figma.tsx		 Removed Figma integration for Skeleton component with shape/size enum mappings.
Configuration
packages/code-connect/figma.config.json		 Deleted the Figma Code Connect configuration file containing React parser settings, component glob paths, document URL mappings, import path aliases, and environment/exclusion flags.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related issues

Possibly related PRs

Suggested reviewers

  • mcoker
  • dlabaj
  • nicolethoen
🚥 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 pull request title 'chore: remove code-connect directory' accurately describes the main change: the complete removal of the code-connect directory and all its contents.
Linked Issues check ✅ Passed The PR fully satisfies the coding requirement in issue #12341 by removing all Code Connect code from the codebase, including 50+ deleted .figma.tsx files and the figma.config.json configuration file.
Out of Scope Changes check ✅ Passed All changes are in-scope: only files within the packages/code-connect directory are deleted, with no modifications to unrelated functionality or other project areas.
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

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

@patternfly-build
Copy link
Copy Markdown
Collaborator

patternfly-build commented Apr 10, 2026 •
edited
Loading

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

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

mattnolting
mattnolting approved these changes Apr 10, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LPTM

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

Reviewers

@nicolethoen nicolethoen nicolethoen approved these changes

@kmcfaul kmcfaul Awaiting requested review from kmcfaul

+1 more reviewer

@mattnolting mattnolting mattnolting approved these changes

Reviewers whose approvals may not affect merge requirements

At least 2 approving reviews are required to merge this pull request.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Remove Code Connect code from repositories

4 participants

@evwilkin @patternfly-build @mattnolting @nicolethoen