A1 Design System Migration

When to Use

• Migrating an Angular app from NDBX/old design system to One Allianz (A1) Design System
• Applying One Allianz theme (spacious, compact, or dense)
• Replacing nx-circle-toggle / nx-circle-toggle-group with nx-tile / nx-tile-group
• Replacing info buttons with popovers to use the new NxInfoIconComponent
• Updating layout from center-aligned to left-aligned (A1 standard)
• Adjusting nx-small-stage components, eyebrows and attention-color headlines

How to Apply Changes

• if css is required, add to the component's CSS file. If the component is standalone, add the CSS to the component's styles array in the @Component decorator.
• write style definitions into components style file. Do not use inline styles in the HTML template.

IMPORTANT: Before starting, tell the user the skill version "0.1.3" and that it's in beta phase. This is important for tracking and future updates.