Skip to content

feat(portrait): align component with Fusion DS#7932

Merged
mihai-albu-sage merged 2 commits into
masterfrom
FE-7511
May 27, 2026
Merged

feat(portrait): align component with Fusion DS#7932
mihai-albu-sage merged 2 commits into
masterfrom
FE-7511

Conversation

@mihai-albu-sage
Copy link
Copy Markdown
Contributor

@mihai-albu-sage mihai-albu-sage commented Apr 29, 2026

Proposed behaviour

The following changes have been introduced:

  • using the new fusion tokens
  • deprecated darkBackground prop
  • deprecated all props related to tooltip
  • deprecated backgroundColor
  • deprecated foregroundColor
  • added variant prop. The variant takes precedence over the deprecated styling props (darkBackgrodund, backgroundColor, foregroundColor)

Current behaviour

The current component is not aligned with the Fusion DS.

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

Testing instructions

  1. Open the storybook
  2. The current Portrait has been moved to Deprecated section /docs/deprecated-portrait--docs
  3. The new Portrait aligned with the Fusion DS can be seed on the Portrait storybook page /docs/portrait--docs

Copy link
Copy Markdown
Contributor

@DipperTheDan DipperTheDan left a comment

Choose a reason for hiding this comment

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

Good work, @mihai-albu-sage 😄
For me, I think you might be able to get away with not having to do a __next__ component as the changes aren't too bad. They're about the same as I did with Switch and I was able to avoid the __next__ approach. I am more than happy for a second reviewer to pitch in on this though.

Comment thread src/components/portrait/__next__/__internal__/get-portrait-properties.ts Outdated
Comment thread src/components/portrait/__next__/portrait.config.ts Outdated
Comment thread src/components/portrait/portrait.component.tsx Outdated
@mihai-albu-sage mihai-albu-sage force-pushed the FE-7511 branch 3 times, most recently from 8d7c250 to b6c1bb5 Compare May 7, 2026 09:14
Comment thread src/components/portrait/portrait.mdx
Comment thread src/components/portrait/portrait.style.tsx Outdated
Comment thread src/components/portrait/__internal__/get-properties.ts
@mihai-albu-sage mihai-albu-sage force-pushed the FE-7511 branch 2 times, most recently from bfdffe6 to d3c5bb5 Compare May 12, 2026 06:51
DipperTheDan
DipperTheDan previously approved these changes May 12, 2026
Comment thread src/components/portrait/portrait.mdx
edleeks87
edleeks87 previously approved these changes May 13, 2026
@mihai-albu-sage mihai-albu-sage marked this pull request as ready for review May 13, 2026 13:45
@mihai-albu-sage mihai-albu-sage requested review from a team as code owners May 13, 2026 13:45
Copy link
Copy Markdown

@clairedenning clairedenning left a comment

Choose a reason for hiding this comment

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

Please reply to all comments so that I can learn if my comments aren't relevant. Thanks

Comment thread src/components/portrait/__internal__/get-properties.test.ts
Comment thread src/components/portrait/portrait.component.tsx
Comment thread src/components/portrait/portrait.stories.tsx Outdated
Comment thread src/components/portrait/portrait.stories.tsx Outdated
Comment thread src/components/portrait/portrait.stories.tsx Outdated
Comment thread src/components/portrait/__internal__/get-properties.test.ts Outdated
Comment thread src/components/portrait/portrait.stories.tsx
Comment thread src/components/portrait/portrait.test.tsx
Comment thread src/components/portrait/portrait.test.tsx
Comment thread src/components/portrait/portrait.test.tsx
@mihai-albu-sage mihai-albu-sage dismissed stale reviews from edleeks87 and DipperTheDan via 7bc8436 May 18, 2026 10:23
@mihai-albu-sage mihai-albu-sage force-pushed the FE-7511 branch 2 times, most recently from aa23f9c to ce466f5 Compare May 18, 2026 10:42
@mihai-albu-sage mihai-albu-sage merged commit 43a2502 into master May 27, 2026
29 checks passed
@mihai-albu-sage mihai-albu-sage deleted the FE-7511 branch May 27, 2026 05:08
@carbonci
Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 159.4.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Development

Successfully merging this pull request may close these issues.

6 participants