style: pressed state tokens - voorbeeld

[jeffreylauwers]

Aanvullende design tokens voor de pressed state van de Candidate Button. De volgende design tokens zijn erbij gekomen:

Default

• nl.button.default.pressed.active.background-color
• nl.button.default.pressed.active.border-color
• nl.button.default.pressed.active.color
• nl.button.default.pressed.disabled.background-color
• nl.button.default.pressed.disabled.border-color
• nl.button.default.pressed.disabled.color
• nl.button.default.pressed.hover.background-color
• nl.button.default.pressed.hover.border-color
• nl.button.default.pressed.hover.color

Primary

• nl.button.primary.pressed.active.background-color
• nl.button.primary.pressed.active.border-color
• nl.button.primary.pressed.active.color
• nl.button.primary.pressed.disabled.background-color
• nl.button.primary.pressed.disabled.border-color
• nl.button.primary.pressed.disabled.color
• nl.button.primary.pressed.hover.background-color
• nl.button.primary.pressed.hover.border-color
• nl.button.primary.pressed.hover.color

Primary - Negative

• nl.button.primary.negative.pressed.active.background-color
• nl.button.primary.negative.pressed.active.border-color
• nl.button.primary.negative.pressed.active.color
• nl.button.primary.negative.pressed.disabled.background-color
• nl.button.primary.negative.pressed.disabled.border-color
• nl.button.primary.negative.pressed.disabled.color
• nl.button.primary.negative.pressed.hover.background-color
• nl.button.primary.negative.pressed.hover.border-color
• nl.button.primary.negative.pressed.hover.color

Primary - Positive

• nl.button.primary.positive.pressed.active.background-color
• nl.button.primary.positive.pressed.active.border-color
• nl.button.primary.positive.pressed.active.color
• nl.button.primary.positive.pressed.disabled.background-color
• nl.button.primary.positive.pressed.disabled.border-color
• nl.button.primary.positive.pressed.disabled.color
• nl.button.primary.positive.pressed.hover.background-color
• nl.button.primary.positive.pressed.hover.border-color
• nl.button.primary.positive.pressed.hover.color

Secondary

• nl.button.secondary.pressed.active.background-color
• nl.button.secondary.pressed.active.border-color
• nl.button.secondary.pressed.active.color
• nl.button.secondary.pressed.disabled.background-color
• nl.button.secondary.pressed.disabled.border-color
• nl.button.secondary.pressed.disabled.color
• nl.button.secondary.pressed.hover.background-color
• nl.button.secondary.pressed.hover.border-color
• nl.button.secondary.pressed.hover.color

Secondary - Negative

• nl.button.secondary.negative.pressed.active.background-color
• nl.button.secondary.negative.pressed.active.border-color
• nl.button.secondary.negative.pressed.active.color
• nl.button.secondary.negative.pressed.disabled.background-color
• nl.button.secondary.negative.pressed.disabled.border-color
• nl.button.secondary.negative.pressed.disabled.color
• nl.button.secondary.negative.pressed.hover.background-color
• nl.button.secondary.negative.pressed.hover.border-color
• nl.button.secondary.negative.pressed.hover.color

Secondary - Positive

• nl.button.secondary.positive.pressed.active.background-color
• nl.button.secondary.positive.pressed.active.border-color
• nl.button.secondary.positive.pressed.active.color
• nl.button.secondary.positive.pressed.disabled.background-color
• nl.button.secondary.positive.pressed.disabled.border-color
• nl.button.secondary.positive.pressed.disabled.color
• nl.button.secondary.positive.pressed.hover.background-color
• nl.button.secondary.positive.pressed.hover.border-color
• nl.button.secondary.positive.pressed.hover.color

Subtle

• nl.button.subtle.pressed.active.background-color
• nl.button.subtle.pressed.active.border-color
• nl.button.subtle.pressed.active.color
• nl.button.subtle.pressed.disabled.background-color
• nl.button.subtle.pressed.disabled.border-color
• nl.button.subtle.pressed.disabled.color
• nl.button.subtle.pressed.hover.background-color
• nl.button.subtle.pressed.hover.border-color
• nl.button.subtle.pressed.hover.color

Subtle - Negative

• nl.button.subtle.negative.pressed.active.background-color
• nl.button.subtle.negative.pressed.active.border-color
• nl.button.subtle.negative.pressed.active.color
• nl.button.subtle.negative.pressed.disabled.background-color
• nl.button.subtle.negative.pressed.disabled.border-color
• nl.button.subtle.negative.pressed.disabled.color
• nl.button.subtle.negative.pressed.hover.background-color
• nl.button.subtle.negative.pressed.hover.border-color
• nl.button.subtle.negative.pressed.hover.color

Subtle - Positive

• nl.button.subtle.positive.pressed.active.background-color
• nl.button.subtle.positive.pressed.active.border-color
• nl.button.subtle.positive.pressed.active.color
• nl.button.subtle.positive.pressed.disabled.background-color
• nl.button.subtle.positive.pressed.disabled.border-color
• nl.button.subtle.positive.pressed.disabled.color
• nl.button.subtle.positive.pressed.hover.background-color
• nl.button.subtle.positive.pressed.hover.border-color
• nl.button.subtle.positive.pressed.hover.color

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
themes	Ready	Preview	Comment	Dec 12, 2025 11:28am

[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

[codecov-commenter]

Codecov Report

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

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1265   +/-   ##
=======================================
  Coverage   89.51%   89.51%           
=======================================
  Files          19       19           
  Lines        1392     1392           
  Branches      174      185   +11     
=======================================
  Hits         1246     1246           
  Misses        145      145           
  Partials        1        1           

☔ 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.