Two rebrand fast follows: the [Lesson materials] resource-type icon chips, and the checkbox box model on dashboard.

Before:

After:

Lesson materials icon chips

The six chips styled themselves from raw legacy primitives — --sentiment-warning-20/-60, --brand-aqua-20/-70, --accent-strawberry-10/-50 — plus one legacy semantic, --background-brand-purple-extra-light. Under codeai-next those primitives alias step-for-step into the CADS ramp, so a -20 fill is now a saturated mid-ramp value rather than a wash, and the -60 glyph lands almost on top of it: 1.52:1 for the slides chip. That is the invisible presentation icon in Moshe's report.

Each chip now takes the CADS light background step — the single wash step that replaced the legacy light/extra-light pair — with the secondary text step for the glyph. That is the pairing tags.module.scss already uses for a glyph on a brand wash. Semantic names also invert on their own under [data-theme='Dark'], which the raw primitives did not: before this, the pink "external link" chip was pink-on-pink in Dark.

Contrast computed from the token values, all past the 3:1 floor for non-text graphics:

One thing for the reviewer. The legacy aqua, teal and purple families collapse into the one CADS brand family, so the custom-resource chip has no second brand hue left and now shares the lesson-plan color. The glyph (shapes vs file-lines) and the label still distinguish them. If design wants them visually separate, accent-orange is the only CADS family these six do not already use — say so and I'll switch it.

Checkbox box model

Separate fast follow, in component-library/src/checkbox/checkbox.module.scss: one line, box-sizing: content-box on the i::before that draws the box.

Dashboard imports Bootstrap 3, whose reset applies box-sizing: border-box to *:before. The pseudo-element therefore shrank its declared box to a smaller inner box behind the 2px border, so the checkbox rendered at the wrong size — and only on dashboard, since Storybook does not load dashboard's application.scss. Declaring content-box restores the size the per-size rules intend, and matches the declaration already on the i element itself four lines above.

Links

• Jira:

Testing story

• Rendered the chips before and after against the real token chain (primitiveColors.css + colors.css + brandOverrides.css) under data-brand='codeai-next', in Light and Dark, and computed every contrast ratio from the resolved values — table above.
• apps/test/unit/templates/teacherNavigation/lessonMaterials/ — 39 tests pass.
• Storybook eyes: no differences.
• Stylelint clean on both files.
• Not yet checked on a running dashboard. The chips need an apps build plus a signed-in teacher with a unit assigned; the checkbox change is dashboard-only by nature, so it needs the branch build to see at all. Both worth a look there.

Deployment notes

Standard merge-and-deploy. No token definitions change — the chip work is a call-site migration from legacy primitive names to CADS semantic names, which resolve under both brands via the token bridge.