Skip to content

fix: Update icon size in menu - #4086

Merged
alanbsmith merged 6 commits into
Workday:prerelease/majorfrom
mannycarrera4:mc-menu-icon-size
Jul 24, 2026
Merged

fix: Update icon size in menu#4086
alanbsmith merged 6 commits into
Workday:prerelease/majorfrom
mannycarrera4:mc-menu-icon-size

Conversation

@mannycarrera4

@mannycarrera4 mannycarrera4 commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Summary

Fixes: #4077

Release Category

Components

Release Note

Update Menu Icon size to 20x20


Checklist

For the Reviewer

  • PR title is short and descriptive
  • PR summary describes the change (Fixes/Resolves linked correctly)
  • PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
  • Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

Areas for Feedback? (optional)

  • Code
  • Documentation
  • Testing
  • Codemods

Testing Manually

Screenshots or GIFs (if applicable)

Thank You Gif (optional)

Summary by CodeRabbit

  • Documentation

    • Improved readability/wording across the v12–v16 upgrade guides, including clarified Canvas Tokens installation guidance and Modal/Popup theming notes.
    • Corrected Markdown formatting and repaired codemod instruction/code fences in multiple upgrade guides.
    • Updated v16 documentation with added/adjusted component guidance and clarified v16 codemod availability.
  • Enhancements

    • Updated Menu icon sizing to md (20px / 1.25rem) for Menu item icons and MenuOption selected checkmarks.
    • Refreshed Banner/Toast/Tooltip/Modal/Popup visual shadow and spacing guidance in the v16 upgrade materials.

@mannycarrera4
mannycarrera4 requested a review from a team as a code owner July 24, 2026 15:36
@mannycarrera4 mannycarrera4 added the ready for review Code is ready for review label Jul 24, 2026
@coderabbitai

coderabbitai Bot commented Jul 24, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 3117f0a3-3d1d-4902-8176-d27fd5b3635b

📥 Commits

Reviewing files that changed from the base of the PR and between 8eb38ec and ff28c42.

📒 Files selected for processing (2)
  • modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md
  • modules/docs/mdx/16.0-UPGRADE-GUIDE.mdx
🚧 Files skipped from review as they are similar to previous changes (2)
  • modules/docs/mdx/16.0-UPGRADE-GUIDE.mdx
  • modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md

📝 Walkthrough

Walkthrough

Upgrade guides received Markdown, codemod, Canvas Tokens, and v16 visual-update documentation changes. Menu icons now render at medium size, and MDX import cleanup conditionally preserves spacing.

Changes

Upgrade and Menu updates

Layer / File(s) Summary
Upgrade-guide codemod and installation formatting
modules/docs/llm/upgrade-guides/{12.0,13.0,14.0,15.0,16.0}-UPGRADE-GUIDE.md
Updates CSS-variable guidance, codemod wording, and shell code-fence formatting.
v16 visual guidance and Menu icon sizing
modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md, modules/docs/mdx/16.0-UPGRADE-GUIDE.mdx, modules/react/menu/lib/{MenuItem,MenuOption}.tsx
Documents component visual changes and changes Menu item and selection icons from xs to md.
MDX import cleanup spacing
utils/mdx-upgrades-2-md.js
Adds conditional blank-line separation when cleaned MDX contains top content.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested labels: automerge

Suggested reviewers: williamjstanton

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Out of Scope Changes check ⚠️ Warning The PR also changes unrelated upgrade-guide formatting and an MDX utility beyond the menu icon-size update. Split the docs formatting and MDX utility cleanup into a separate PR unless they are required for the menu icon-size fix.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly summarizes the main change: updating menu icon sizes.
Linked Issues check ✅ Passed The Menu item and option icons were updated from xs to md, satisfying the 20x20 requirement in #4077.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@modules/docs/llm/upgrade-guides/12.0-UPGRADE-GUIDE.md`:
- Line 107: Separate each malformed shell code-block opening fence from the
preceding sentence by placing it on its own line. Apply this in
modules/docs/llm/upgrade-guides/12.0-UPGRADE-GUIDE.md lines 107 and 801-802;
modules/docs/llm/upgrade-guides/13.0-UPGRADE-GUIDE.md lines 65 and 489-490;
modules/docs/llm/upgrade-guides/14.0-UPGRADE-GUIDE.md lines 120 and 1104-1105;
modules/docs/llm/upgrade-guides/15.0-UPGRADE-GUIDE.md lines 99-101 and
1133-1135; and modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md line 82.

In `@modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md`:
- Line 422: Update the detailed Menu icon sizing paragraphs in
modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md at lines 422-422 and
modules/docs/mdx/16.0-UPGRADE-GUIDE.mdx at lines 428-428 so Menu.Item.Icon
documents the md/20px default, while Menu.Option.Icon remains separately
documented as xs/16px if applicable; keep both guides consistent with
MenuItem.tsx.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: f2dca1ca-22cd-42a0-ae44-d3c9e2241eed

📥 Commits

Reviewing files that changed from the base of the PR and between 8039cd1 and 538c5f1.

📒 Files selected for processing (8)
  • modules/docs/llm/upgrade-guides/12.0-UPGRADE-GUIDE.md
  • modules/docs/llm/upgrade-guides/13.0-UPGRADE-GUIDE.md
  • modules/docs/llm/upgrade-guides/14.0-UPGRADE-GUIDE.md
  • modules/docs/llm/upgrade-guides/15.0-UPGRADE-GUIDE.md
  • modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md
  • modules/docs/mdx/16.0-UPGRADE-GUIDE.mdx
  • modules/react/menu/lib/MenuItem.tsx
  • utils/mdx-upgrades-2-md.js

Comment thread modules/docs/llm/upgrade-guides/12.0-UPGRADE-GUIDE.md Outdated
Comment thread modules/docs/llm/upgrade-guides/16.0-UPGRADE-GUIDE.md
@cypress

cypress Bot commented Jul 24, 2026

Copy link
Copy Markdown

Workday/canvas-kit    Run #11343

Run Properties:  status check passed Passed #11343  •  git commit 9fb979a8e6 ℹ️: Merge ff28c42e16e1a68a7368a0073b7f6358ca992c83 into 82422d46f689844113866ba99ffa...
Project Workday/canvas-kit
Branch Review mc-menu-icon-size
Run status status check passed Passed #11343
Run duration 02m 36s
Commit git commit 9fb979a8e6 ℹ️: Merge ff28c42e16e1a68a7368a0073b7f6358ca992c83 into 82422d46f689844113866ba99ffa...
Committer Manuel Carrera
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 17
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 809
View all changes introduced in this branch ↗︎
UI Coverage  19.54%
  Untested elements 1534  
  Tested elements 370  
Accessibility  99.47%
  Failed rules  5 critical   5 serious   0 moderate   2 minor
  Failed elements 71  

@sheelah sheelah left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM 👍🏻

@alanbsmith
alanbsmith merged commit 2d96fab into Workday:prerelease/major Jul 24, 2026
28 of 29 checks passed
@coderabbitai coderabbitai Bot mentioned this pull request Jul 28, 2026
10 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

automerge ready for review Code is ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants