refactor(color): 🏷️ better type safety using colors in code

[mimarz]

In an effort to prevent bugs related to using indexs for fetching arbitary colors I have introduces stricter types for colorMetaData making safer lookups by name or number

[changeset-bot]

⚠️ No Changeset found

Latest commit: da76291

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Preview deployments for this pull request:

Storybook - 20. Feb 2025 - 12:43

Storefront - 20. Feb 2025 - 12:43

Theme - 20. Feb 2025 - 12:43

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	50.37%	3204 / 6360
🔵	Statements	50.37%	3204 / 6360
🔵	Functions	85.31%	215 / 252
🔵	Branches	77.93%	558 / 716

File Coverage

No changed files found.

Generated in workflow #2151 for commit da76291 by the Vitest Coverage Report Action

[unekinn]

Fin rydding! Eg har eit forslag du kan vurdere å titte på også.

[unekinn]

Når du først er i gang, erstatte getColorMetadataByNumber(number).displayName og så ymse .toLowerCase og .replace med kun getColorMetadataByNumber(number).name? Til tross for littegrann diff i resulterande variabelnamn som eg skriv om under streken, trur eg det skal funke fint 😄

---

...det blir då samme verdi som før unntatt for base-contrast-subtle og base-contrast-default, som har displayname Contrast Subtle og Contrast Default (og dermed ikkje hadde base- prefix etter string-manipulering) 🤔

Det er litt pussig, eg har ikkje sett nøye nok på koden til å skjønne om det er eit poeng, men det virker rart. css-variabelen i våre genererte css-filer heiter jo også base-contrast-subtle og -default, så der er temabyggeren ute av sync. Men dersom vi berre fikser dette alle stadene getColorMetadataByNumber(number) blir brukt så vil det vel sikkert funke?

[mimarz]

Helt enig med deg :) Var ikke helt klar over akkurat denne kodesnutten selv før idag. Har tenkt å se på en fiks for dette i egen PR da vi har som forventet bugs rundt det idag. https://designsystemet.slack.com/archives/C05U1MNKYCX/p1740059663332569

Tipper vi har nok flere bugs i temabygger relatert til farge da det er bruk indexer flere plasser som id for farger, noe som hverken matcher farge nummeret eller nå som vi endret på skalaen.

Har lenge planlagt at vi skulle gjøre noe med akkurat dette (#2920). Dette er steg i den retningen da jeg har sakt begynt å fikse opp i det nå som vi har hatt litt disponibel tid og faktisk fått bugs på det (som jeg har lenge fryktet kom til å skje).