fix(ui-client): remove invalid transparent color token from PageHeader#38578
fix(ui-client): remove invalid transparent color token from PageHeader#38578roy-abir05 wants to merge 1 commit intoRocketChat:developfrom
Conversation
Pass undefined instead of invalid 'transparent' color to fix console warnings.
|
Looks like this PR is not ready to merge, because of the following issues:
Please fix the issues and try again If you have any trouble, please check the PR guidelines |
|
|
Hi team! |
Proposed changes (including videos or screenshots)
The
PageHeadercomponent was previously passing the string'transparent'to theborderBlockEndColorprop. This is not a valid color token in the Fuselage design system and caused aninvalid color: transparenterror in the browser console.This PR fixes the issue by:
undefinedinstead of'transparent'when no border color is required.borderBlockEndWidthto'none'when the border is hidden. This prevents the browser from rendering a default-colored border (visible as a white line) when a width is present but the color is undefined.Screenshots:

Before:
After:

Issue(s)
Fixes #38577
Steps to test or reproduce
/home).F12) -> Console.invalid color: transparenterror does not appear.Further comments
This change satisfies Fuselage's strict token requirements by ensuring only valid tokens or
undefinedare passed to theBoxcomponent.