style: add calendar tokens redesign utrecht

[jeffreylauwers]

Proposal for new setup of Calendar component includes the following design tokens:

• todo.calendar.background-color
• todo.calendar.border-color
• todo.calendar.border-radius
• todo.calendar.min-inline-size
• todo.calendar.day.background-color
• todo.calendar.day.border-color
• todo.calendar.day.border-radius
• todo.calendar.day.border-width
• todo.calendar.day.color
• todo.calendar.day.font-familiy
• todo.calendar.day.font-size
• todo.calendar.day.font-weight
• todo.calendar.day.line-heigth
• todo.calendar.day.min-block-size
• todo.calendar.day.min-inline-size
• todo.calendar.day.padding-block-end
• todo.calendar.day.padding-block-start
• todo.calendar.day.padding-inline-end
• todo.calendar.day.padding-inline-start
• todo.calendar.day.active.background-color
• todo.calendar.day.active.border-color
• todo.calendar.day.active.color
• todo.calendar.day.disabled.background-color
• todo.calendar.day.disabled.border-color
• todo.calendar.day.disabled.color
• todo.calendar.day.disabled.font-weight
• todo.calendar.day.focus.background-color
• todo.calendar.day.focus.border-color
• todo.calendar.day.focus.color
• todo.calendar.day.hover.background-color
• todo.calendar.day.hover.border-color
• todo.calendar.day.hover.color
• todo.calendar.day.next-month.background-color
• todo.calendar.day.next-month.border-color
• todo.calendar.day.next-month.color
• todo.calendar.day.next-month.font-weight
• todo.calendar.day.next-month.active.background-color
• todo.calendar.day.next-month.active.border-color
• todo.calendar.day.next-month.active.color
• todo.calendar.day.next-month.hover.background-color
• todo.calendar.day.next-month.hover.border-color
• todo.calendar.day.next-month.hover.color
• todo.calendar.day.previous-month.background-color
• todo.calendar.day.previous-month.border-color
• todo.calendar.day.previous-month.color
• todo.calendar.day.previous-month.font-weight
• todo.calendar.day.previous-month.active.background-color
• todo.calendar.day.previous-month.active.border-color
• todo.calendar.day.previous-month.active.color
• todo.calendar.day.previous-month.hover.background-color
• todo.calendar.day.previous-month.hover.border-color
• todo.calendar.day.previous-month.hover.color
• todo.calendar.day.selected.background-color
• todo.calendar.day.selected.border-color
• todo.calendar.day.selected.color
• todo.calendar.day.selected.font-weight
• todo.calendar.day.selected.active.background-color
• todo.calendar.day.selected.active.border-color
• todo.calendar.day.selected.active.color
• todo.calendar.day.selected.hover.background-color
• todo.calendar.day.selected.hover.border-color
• todo.calendar.day.selected.hover.color
• todo.calendar.day.today.background-color
• todo.calendar.day.today.border-color
• todo.calendar.day.today.color
• todo.calendar.day.today.font-weight
• todo.calendar.day.today.active.background-color
• todo.calendar.day.today.active.border-color
• todo.calendar.day.today.active.color
• todo.calendar.day.today.hover.background-color
• todo.calendar.day.today.hover.border-color
• todo.calendar.day.today.hover.color
• todo.calendar.days.column-gap
• todo.calendar.days.padding-block-end
• todo.calendar.days.padding-block-start
• todo.calendar.days.padding-inline-end
• todo.calendar.days.padding-inline-start
• todo.calendar.days.row-gap
• todo.calendar.header.column-gap
• todo.calendar.header.color
• todo.calendar.header.font-familiy
• todo.calendar.header.font-size
• todo.calendar.header.font-weight
• todo.calendar.header.line-height
• todo.calendar.header.padding-block-end
• todo.calendar.header.padding-block-start
• todo.calendar.header.padding-inline-end
• todo.calendar.header.padding-inline-start
• todo.calendar.header.button.background-color
• todo.calendar.header.button.border-color
• todo.calendar.header.button.border-radius
• todo.calendar.header.button.border-width
• todo.calendar.header.button.color
• todo.calendar.header.button.min-block-size
• todo.calendar.header.button.min-inline-size
• todo.calendar.header.button.padding-block-end
• todo.calendar.header.button.padding-block-start
• todo.calendar.header.button.padding-inline-end
• todo.calendar.header.button.padding-inline-start
• todo.calendar.header.button.active.background-color
• todo.calendar.header.button.active.border-color
• todo.calendar.header.button.active.color
• todo.calendar.header.button.disabled.background-color
• todo.calendar.header.button.disabled.border-color
• todo.calendar.header.button.disabled.color
• todo.calendar.header.button.focus.background-color
• todo.calendar.header.button.focus.border-color
• todo.calendar.header.button.focus.color
• todo.calendar.header.button.hover.background-color
• todo.calendar.header.button.hover.border-color
• todo.calendar.header.button.hover.color
• todo.calendar.header.button.icon.size
• todo.calendar.weekday.color
• todo.calendar.weekday.font-familiy
• todo.calendar.weekday.font-size
• todo.calendar.weekday.font-weight
• todo.calendar.weekday.line-height
• todo.calendar.weekday.min-inline-size
• todo.calendar.weekday.padding-block-end
• todo.calendar.weekday.padding-block-start
• todo.calendar.weekday.padding-inline-end
• todo.calendar.weekday.padding-inline-start
• todo.calendar.weekdays.column-gap
• todo.calendar.weekdays.padding-block-end
• todo.calendar.weekdays.padding-block-start
• todo.calendar.weekdays.padding-inline-end
• todo.calendar.weekdays.padding-inline-start

[vercel]

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

Project	Deployment	Review	Updated (UTC)
themes	Ready	Preview, Comment	Jan 21, 2026 0:39am

[codecov-commenter]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 89.51%. Comparing base (1c15e50) to head (e4d105a).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1303   +/-   ##
=======================================
  Coverage   89.51%   89.51%           
=======================================
  Files          19       19           
  Lines        1392     1392           
  Branches      143      181   +38     
=======================================
  Hits         1246     1246           
  Misses        146      146           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud