skills.rest
Legal-and-General
Legal-and-GeneralOFFICIAL
Explore all skills by this author →
Website𝕏@landg_groupGitHub

canopy-v23-migration

Apply Canopy v22 to v23 breaking changes to Angular projects.

23|46|Updated Sep 7, 2020
Search Tags:#angular#migration#design-tokens#ui-upgrade#canopy#link-menu
One-click install
npx skills add https://github.com/Legal-and-General/canopy --skill canopy-v23-migration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canopy-v23-migration
Source: https://github.com/Legal-and-General/canopy/tree/main/skills/canopy-v23-migration
Command: npx skills add https://github.com/Legal-and-General/canopy --skill canopy-v23-migration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This migration provides a structured set of steps to apply the Canopy v22 to v23 breaking changes in an Angular project, ensuring token updates, icon behaviour shifts, and UI adjustments are correctly implemented.

Core Features & Use Cases

  • Update token references for link-menu styling to the new design tokens and remove deprecated properties.
  • Update right icon behaviour for link-menu items, including the new rightIcon input and default changes, with options to restore or hide icons.
  • Remove isBold from the secondary lg-link-menu-item-text to enforce a consistent, muted style.
  • Follow verification steps to validate build and test success after migration and fix issues arising from upgrading Canopy.

Quick Start

Run through the migration steps in order on your Angular project, then build and test to confirm all changes are applied correctly.

Frequently Asked Questions about canopy-v23-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate Canopy from v22 to v23 in an Angular project?▼

To migrate Canopy v22 to v23 in Angular, update link-menu design tokens, adjust right icon behavior with new inputs, remove isBold from secondary text, and run build tests to verify UI consistency.

What breaking changes were introduced in Canopy v23 for Angular components?▼

Canopy v23 breaking changes include deprecated token replacements for link-menu styling, default icon updates, input-based icon control, and removing isBold from secondary lg-link-menu-text for consistent styling.

Why does my link-menu UI look different after upgrading Canopy to v23?▼

Your link-menu UI changed because Canopy v23 updated default right icon behavior and introduced input-based icon control, allowing you to restore or hide icons to match previous styling.

Do I need to manually update design tokens when upgrading Canopy to v23?▼

Yes, you must enforce token replacements for link-menu styling during the Canopy v23 migration to ensure deprecated properties are removed and new design tokens are correctly applied.

What is the best way to fix build errors after upgrading Canopy in Angular?▼

The best way to fix build errors after upgrading Canopy is to apply the v22 to v23 migration steps in order, then run verification steps to validate build success and resolve lingering UI inconsistencies.

Related Skills

Explore More Software Engineering Skills→
Legal-and-GeneralLegal-and-General
23

canopy-v24-migration

Apply Canopy v23 to v24 breaking changes to Angular projects.

Official
Advanced
BarryYinBarryYin

kiro-validate-impl

Validate feature-level integration and cross-task consistency across implemented tasks.

Community
Advanced
Legal-and-GeneralLegal-and-General
23

canopy-link-menu

Guide Angular developers in implementing accessible Canopy Link Menu components.

Official
Intermediate
Legal-and-GeneralLegal-and-General
23

canopy-icon

Enforce Canopy UI icon usage best practices for Angular lg-icon components.

Official
Intermediate