Phase 4 of 1st-gen to 2nd-gen component migration. Use to migrate CSS to the 2nd-gen structure, apply Spectrum 2 tokens, and ensure stylelint passes.
Phase 4 of the 1st-gen → 2nd-gen component migration. The goal is to migrate CSS to the 2nd-gen structure, replace hard-coded values with tokens, and ensure the component's CSS passes stylelint with no errors.
You are translating, not redesigning. Your job is not to invent new visual decisions. Use the rendering-and-styling-migration-analysis.md file that corresponds to the component you are migrating. When the token you need does not exist, use the ask-questions skill to flag it with the user. Refer to the CSS styling guides in CONTRIBUTOR-DOCS/02_style-guide/ when refactoring the CSS (i.e. change --spectrum prefixes to ; classes to ; prefixes should not exist). The CSS style guides are the preferred way to write the CSS, as opposed to any recommendations you find in the rendering analysis doc.
--swc.spectrum*.swc*--modrender() or template structure — check the workflow doc for rendering contextFollow Phase 4: Styling in the washing machine workflow doc — it covers what to do, what to check, common problems, and the quality gate for this phase.