Block Editor: Use --wpds-cursor-control design token#77354
Block Editor: Use --wpds-cursor-control design token#77354mirka merged 3 commits intoWordPress:trunkfrom
--wpds-cursor-control design token#77354Conversation
|
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 If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
There was a problem hiding this comment.
Pull request overview
Updates @wordpress/block-editor component styles to use the WP Design System cursor token (--wpds-cursor-control) instead of hard-coded cursor: pointer, aligning Block Editor UI with the repo-wide design token migration described in #76221.
Changes:
- Replaced
cursor: pointerwithcursor: var(--wpds-cursor-control)across multiple Block Editor component SCSS files. - Standardized cursor styling for interactive (non-link) controls in inserter, patterns, list view, global styles, and related UI surfaces.
Reviewed changes
Copilot reviewed 11 out of 11 changed files in this pull request and generated no comments.
Show a summary per file
| File | Description |
|---|---|
| packages/block-editor/src/components/url-input/style.scss | Updates URL suggestion item cursor to use --wpds-cursor-control. |
| packages/block-editor/src/components/media-placeholder/content.scss | Updates appender hover cursor to use the design token. |
| packages/block-editor/src/components/list-view/style.scss | Updates list view expander cursor to use the design token. |
| packages/block-editor/src/components/inserter/style.scss | Updates inserter toggle and media list item cursors to use the design token. |
| packages/block-editor/src/components/inserter-list-item/style.scss | Updates inserter list item button cursor to use the design token. |
| packages/block-editor/src/components/global-styles/style.scss | Updates global styles shadow indicator cursor to use the design token. |
| packages/block-editor/src/components/block-switcher/style.scss | Updates block switcher preview container/title cursor to use the design token. |
| packages/block-editor/src/components/block-patterns-list/style.scss | Updates pattern list item cursor to use the design token. |
| packages/block-editor/src/components/block-pattern-setup/style.scss | Updates setup preview/button/title cursors to use the design token. |
| packages/block-editor/src/components/background-image-control/style.scss | Updates background panel dropdown toggle cursor to use the design token. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
What?
Part of: #76221
Why?
cursor: pointerto use the desgin token for better maintainence.How?
cursor: pointerand usedcursor: var(--wpds-cursor-control);Testing Instructions
+icon and hover over blocks to use and check inspect.cursor: pointeris replaced withcursor: var(--wpds-cursor-control);Testing Instructions for Keyboard
Use of AI Tools