Skip to content

docs: Update Token Migration guide to use v4 tokens#3791

Open
RayRedGoose wants to merge 9 commits intoWorkday:prerelease/majorfrom
RayRedGoose:ISSUE3722-token-migration-guide
Open

docs: Update Token Migration guide to use v4 tokens#3791
RayRedGoose wants to merge 9 commits intoWorkday:prerelease/majorfrom
RayRedGoose:ISSUE3722-token-migration-guide

Conversation

@RayRedGoose
Copy link
Contributor

Summary

Fixes: #3722

Update token migration guide to use v4 tokens in tables and examples.

Release Category

Documentation


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)

Copilot AI review requested due to automatic review settings February 24, 2026 22:44
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Updates the Canvas Kit token migration documentation to reflect @workday/canvas-tokens-web@4.0.0, replacing older v3 references with v4 token names and updated migration guidance.

Changes:

  • Updates the migration overview and examples to use v4 system/brand tokens (e.g., system.padding.*, system.color.surface.*, brand.primary600).
  • Expands mapping tables (space/shape/typography/colors) with v4-specific columns and recommendations.
  • Adds a caution note clarifying the existing codemod only supports v2 → v3 (no v4 codemod yet).

Reviewed changes

Copilot reviewed 5 out of 6 changed files in this pull request and generated 8 comments.

Show a summary per file
File Description
modules/docs/mdx/tokens/TokenMigrationOverview.mdx Switches guide framing and examples to v4 tokens; updates narrative around v4 design refresh.
modules/docs/mdx/tokens/TokenMigrationMappingSystem.mdx Updates system mapping tables to include v4 size/gap/padding tokens and revised examples.
modules/docs/mdx/tokens/TokenMigrationMappingColors.mdx Reworks color mapping tables and usage guidance toward v4 surface/fg/border patterns and updated brand scale naming.
modules/docs/mdx/tokens/TokenMigrationInstall.mdx Updates install/setup guidance and examples to v4 token usage patterns.
modules/docs/mdx/tokens/TokenMigrationFinal.mdx Updates “complete migration” examples to v4 system/brand tokens.
modules/docs/mdx/tokens/TokenMigrationCodemod.mdx Adds an explicit note that the codemod does not support migrating to v4 tokens.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@cypress
Copy link

cypress bot commented Feb 24, 2026

Workday/canvas-kit    Run #10439

Run Properties:  status check passed Passed #10439  •  git commit bdcf1a6601 ℹ️: Merge d4501981620b17577bb3ef63d7635d4df2c1d815 into ec98bdf191ea827cf3c53a144278...
Project Workday/canvas-kit
Branch Review ISSUE3722-token-migration-guide
Run status status check passed Passed #10439
Run duration 02m 15s
Commit git commit bdcf1a6601 ℹ️: Merge d4501981620b17577bb3ef63d7635d4df2c1d815 into ec98bdf191ea827cf3c53a144278...
Committer Raisa Primerova
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 15
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 790
View all changes introduced in this branch ↗︎
UI Coverage  19.43%
  Untested elements 1524  
  Tested elements 365  
Accessibility  99.38%
  Failed rules  5 critical   5 serious   0 moderate   2 minor
  Failed elements 67  

@RayRedGoose RayRedGoose added the ready for review Code is ready for review label Feb 26, 2026
<StorybookInformationHighlight
variant="caution"
title="v2 -> v3 Codemod"
description="This codemod automates the migration of old Canvas Kit React tokens or @workday/canvas-tokens-web v2 tokens to the new v3 token format. Note: There is currently no codemod available for migration to v4 tokens."
Copy link
Contributor

Choose a reason for hiding this comment

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

Did you want to add this to master instead of prerelease/major? I'd assume in major we'd have a token code mod no?

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

Labels

ready for review Code is ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants