Skip to content

Migrate __experimentalText to @wordpress/ui Text in viewport visibility info#77827

Closed
saranshsinhaa wants to merge 1 commit into
WordPress:trunkfrom
saranshsinhaa:feat/issue-77265-block-editor-viewport-visibility-info
Closed

Migrate __experimentalText to @wordpress/ui Text in viewport visibility info#77827
saranshsinhaa wants to merge 1 commit into
WordPress:trunkfrom
saranshsinhaa:feat/issue-77265-block-editor-viewport-visibility-info

Conversation

@saranshsinhaa

@saranshsinhaa saranshsinhaa commented Apr 30, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

What?

Part of: #77265

Why?

Now that the required tooling is in place, we can start applying consistent text styling across the site and block editor. This can be done by replacing instances of __experimentalText and __experimentalHeading, as well as any ad hoc styled text, with the Text component from the UI package.

How?

Replaced the __experimentalText to @wordpress/ui Text in viewport visibility info

Testing Instructions

  1. Open the post editor and add a block
  2. Select that block and open the block options menu (from block toolbar) and click Hide.
  3. In the Hide block modal, check at least one viewport (for example Hide on Desktop), then apply.
  4. Keep the same block selected and look at the right sidebar Block settings.
  5. Verify the visibility badge appears with the hidden icon and label text: "Block is hidden on Desktop", this is the migrated text.
Before After
image Screenshot 2026-05-09 at 7 13 52 PM

@github-actions github-actions Bot added the [Package] Block editor /packages/block-editor label Apr 30, 2026
@Mamaduka Mamaduka added the [Type] Enhancement A suggestion for improvement. label Apr 30, 2026
@simison simison requested review from aduth, ciampo and mirka April 30, 2026 12:24
@ciampo ciampo requested a review from jameskoster April 30, 2026 12:57
@saranshsinhaa saranshsinhaa marked this pull request as ready for review April 30, 2026 13:04
@saranshsinhaa saranshsinhaa requested a review from ellatrix as a code owner April 30, 2026 13:04
@github-actions

github-actions Bot commented Apr 30, 2026 •
edited
Loading

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: saranshsinhaa <saranshsinha@git.wordpress.org>
Co-authored-by: ciampo <mciampini@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@ciampo

ciampo commented Apr 30, 2026

Copy link
Copy Markdown
Contributor

As mentioned in #77265 (comment), please update the PR description to include more details (especially around testing instructions) and a comprehensive before/after screenshots.

@ciampo ciampo closed this May 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@mirka mirka Awaiting requested review from mirka

@ciampo ciampo Awaiting requested review from ciampo

@aduth aduth Awaiting requested review from aduth

@jameskoster jameskoster Awaiting requested review from jameskoster

@ellatrix ellatrix Awaiting requested review from ellatrix ellatrix is a code owner

Assignees

No one assigned

Labels

[Package] Block editor /packages/block-editor [Type] Enhancement A suggestion for improvement.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@saranshsinhaa @ciampo @Mamaduka