Summary: Investigate and implement a strategy to migrate from legacy icons to the new RH Brand icons. This epic covers the technical Proof of Concept (POC) regarding conditional rendering via CSS/React Props to ensure backward compatibility and theming flexibility. If the POC fails, this epic covers the execution of the fallback strategy (wholesale replacement).
Scope / Child Issues:
-
[Spike/POC] Conditional Icon Rendering: Determine if CSS can conditionally render the brand icon within the existing React icon component structure (toggling between legacy/new based on theme context).
-
Implement Global Icon Toggle: Create a global CSS class/utility to toggle between legacy and new brand icons system-wide.
-
[Decision Point] Icon Migration Strategy: Formalize the decision to proceed with the CSS toggle approach or pivot to wholesale replacement based on POC results.
-
Fallback Implementation (If needed): Wholesale replacement of legacy icons or re-exporting brand icons through legacy wrappers if the CSS toggle is unfeasible.
Jira Issue: PF-3165
Summary: Investigate and implement a strategy to migrate from legacy icons to the new RH Brand icons. This epic covers the technical Proof of Concept (POC) regarding conditional rendering via CSS/React Props to ensure backward compatibility and theming flexibility. If the POC fails, this epic covers the execution of the fallback strategy (wholesale replacement).
Scope / Child Issues:
[Spike/POC] Conditional Icon Rendering: Determine if CSS can conditionally render the brand icon within the existing React icon component structure (toggling between legacy/new based on theme context).
Implement Global Icon Toggle: Create a global CSS class/utility to toggle between legacy and new brand icons system-wide.
[Decision Point] Icon Migration Strategy: Formalize the decision to proceed with the CSS toggle approach or pivot to wholesale replacement based on POC results.
Fallback Implementation (If needed): Wholesale replacement of legacy icons or re-exporting brand icons through legacy wrappers if the CSS toggle is unfeasible.
Jira Issue: PF-3165