Skills
.Work. You
Rest

canopy-v23-migration

Official

Migrate Canopy v22→v23 confidently.

Software Engineering#angular#migration#design-tokens#ui-upgrade#canopy#link-menu
AuthorLegal-and-General
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: canopy-v23-migration
Download link: https://github.com/Legal-and-General/canopy/archive/main.zip#canopy-v23-migration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.