Skip to content

Migrate /support to design tokens + shared form primitives - #94

Merged
filipagr merged 1 commit into
mainfrom
filipa/fil-847-migrate-support-to-design-tokens-shared-components
Jul 30, 2026
Merged

Migrate /support to design tokens + shared form primitives#94
filipagr merged 1 commit into
mainfrom
filipa/fil-847-migrate-support-to-design-tokens-shared-components

Conversation

@filipagr

Copy link
Copy Markdown
Collaborator

Second page in the form/contact bucket (FIL-847 / FIL-693). Migrates /support (~76 → 0 inline/hex/font-string) and reuses the shared form primitives from FIL-846.

Stacked on #93 (the primitives aren't on main yet). Base is the fil-846 branch; retarget to main once #93 merges. Review the 2-file diff vs fil-846.

What changed

  • src/pages/Support.tsx — rebuilt on TextField / TextAreaField / CheckboxField / SubmitButton / FormSuccess + SectionLabel. Local FaqItem replaced with the shared FaqAccordion (AT-accessible, emits FAQPage JSON-LD). Quick-link cards and the response-time callout tokenized. HubSpot submit + data-hs-do-not-collect intact.
  • src/components/FormControls.tsx — adds TextAreaField and CheckboxField (multi-select group, with the same legend-margin spacing fix as RadioField); factors the checkbox-box styling into a shared helper so Checkbox and CheckboxField stay identical.

Copy

  • Subhead rewritten; em dashes removed from the FAQ answers.
  • FAQ heading is now a SectionLabel eyebrow, matching the page's top "SUPPORT" eyebrow.

Verification

  • Typecheck + lint clean; zero inline/hex/em-dash debt.
  • In-browser (dev): no console errors; FAQ accordion, multi-select category checkboxes, textarea, focus rings, and submit all confirmed.

🤖 Generated with Claude Code

@vercel

vercel Bot commented Jul 29, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
fil-one Ready Ready Preview Jul 30, 2026 6:32pm

Request Review

Second page in the form/contact bucket (FIL-693); stacked on the FIL-846
primitives. Tokenizes Support (76 → 0 inline/hex/font-string) and reuses
the shared form building blocks.

- Support.tsx: rebuilt on TextField/TextAreaField/CheckboxField/SubmitButton/
  FormSuccess + SectionLabel; local FaqItem replaced with the shared
  FaqAccordion (AT-accessible, FAQPage JSON-LD). Quick-link cards and the
  response-time callout tokenized. HubSpot submit + data-hs-do-not-collect
  intact.
- FormControls.tsx: add TextAreaField and CheckboxField (multi-select group
  with the same legend-margin spacing fix as RadioField); factor the checkbox
  box styling into a shared helper so Checkbox and CheckboxField stay identical.

Copy: rewrote the subhead and removed em dashes from the FAQ answers; the
FAQ heading is now a SectionLabel eyebrow to match the page's top eyebrow.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@filipagr
filipagr force-pushed the filipa/fil-847-migrate-support-to-design-tokens-shared-components branch from 0fc128b to 66e156d Compare July 30, 2026 18:32
@filipagr
filipagr merged commit 2252c64 into main Jul 30, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants