feat(site-builder): tokenise colours hard-coded inside components

Component render/toHtml now use var(--wsb-*) instead of hex so Site Design
palette changes reach FeaturesGrid, Testimonials, Accordion, PricingTable,
CTA/CallToAction, forms, Gallery, Tabs and others. Exemption lists removed.

Refs #44

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
shadowdaoandClaude Sonnet 5.5 committed 2026-10-07 12:44:39 -07:00
1 parent 8227d768e6
commit 2877bc06fa
47 files changed
+473 -195

No files matched your search

@@ -83,3 +83,12 @@ describe('Logo.toHtml text-logo styling sanitization', () => {
expect(html).toContain('MySite');
});
});
describe('Logo.toHtml design tokens (#44)', () => {
test('default export references var(--wsb-*) and no longer carries the old hard-coded hex', () => {
const { html } = toHtml({ text: "Acme" }, '');
const lower = html.toLowerCase();
for (const t of ["text"]) expect(html, `token ${t}`).toContain(`var(--wsb-${t})`);
for (const hex of ["#1f2937"]) expect(lower, `old ${hex}`).not.toContain(hex);
});
});