diff --git a/.changeset/plenty-walls-buy.md b/.changeset/plenty-walls-buy.md new file mode 100644 index 000000000..9f041584e --- /dev/null +++ b/.changeset/plenty-walls-buy.md @@ -0,0 +1,5 @@ +--- +'@primer/primitives': minor +--- + +Adding diffBlob tokens diff --git a/.github/workflows/a11y-contrast.yml b/.github/workflows/a11y-contrast.yml index 695d41e7c..d5731a813 100644 --- a/.github/workflows/a11y-contrast.yml +++ b/.github/workflows/a11y-contrast.yml @@ -102,7 +102,7 @@ jobs: GITHUB_RUN_ID: ${{ github.run_id }} with: script: | - const results = ${{ steps.check-results.outputs.failedResults }} + const results = `${{ steps.check-results.outputs.failedResults }}` const WORKFLOW_SUMMARY_URL = `https://github.com/${{env.GITHUB_REPOSITORY}}/actions/runs/${{env.GITHUB_RUN_ID}}` @@ -113,13 +113,10 @@ jobs: repo: context.repo.repo }); - // get comments of token issues - let currentComments = comments.filter(comment => possibleTitles.some(titleStart => comment.body.includes(titleStart))); - // get token issue const tokenCheckComment = comments.filter(comment => comment.body.includes("")); - // if token issue exists, update it + // if token issue exists, delete it if(tokenCheckComment.length > 0) { for (const comment of tokenCheckComment) { await github.rest.issues.deleteComment({ @@ -144,18 +141,6 @@ jobs: }) } - // if token issue exists, update it - if(currentComments.length > 0) { - await currentComments.map(comment => { - console.log('deleting comment', comment.id, comment) - github.rest.issues.deleteComment({ - comment_id: comment.id, - owner: context.repo.owner, - repo: context.repo.repo, - }) - }) - } - Fail_action_on_contrast_failing: needs: build name: Fail action on contrast failing diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index bfe9b9fd0..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index beb257bac..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index dbccaedb7..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..6531612f2 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..afc3106f2 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..c13513388 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index ffe705053..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index bff7d6862..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index 6605ec8a5..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..66fd27920 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..cf54b76f3 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..8ce185724 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..43ee6c8fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..43ee6c8fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..1c2eddfcf Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..8dea4c63c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index bfae4594f..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..ced1fa1cd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..43f24b870 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..d6a8a75fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..1c2eddfcf Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..d6a8a75fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..8dea4c63c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..ced1fa1cd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..43f24b870 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index b1bbad395..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index ef23cf44d..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index bf5351760..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..1ae286979 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..188aa7fc5 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..cfb020cff Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index c8766fed6..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index b274e5e44..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index 36179e0d2..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..a0e3350ea Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..dcde6ca48 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..ca0566833 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..43ee6c8fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..43ee6c8fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..564f819ea Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..c54e94ee6 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index dbccaedb7..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..31bf22a67 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..43f24b870 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..d6a8a75fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..564f819ea Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..d6a8a75fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..c54e94ee6 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..31bf22a67 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..43f24b870 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index 30b968da9..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index 0e3b7f089..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index 77e426ce1..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..43a53e1d1 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionLine-fgColor-linux.png similarity index 100% rename from .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-fgColor-text-linux.png rename to .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionLine-fgColor-linux.png diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..438ddcf41 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionNum-fgColor-linux.png similarity index 100% rename from .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-text-linux.png rename to .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionNum-fgColor-linux.png diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionWord-bgColor-linux.png similarity index 100% rename from .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-addition-bgColor-word-linux.png rename to .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionWord-bgColor-linux.png diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index fd289f4e5..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index 77e426ce1..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..96658e11f Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionNum-bgColor-linux.png similarity index 100% rename from .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-num-linux.png rename to .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionNum-bgColor-linux.png diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionWord-bgColor-linux.png similarity index 100% rename from .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletion-bgColor-word-linux.png rename to .playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionWord-bgColor-linux.png diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..ac4491a17 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..ac4491a17 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..67063a0ea Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..61b5413a6 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index df1db75fb..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..1fd4985c8 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..88a20688c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..67063a0ea Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..88a20688c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..61b5413a6 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..1fd4985c8 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..aa6c5e78c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index 8793e2f24..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index 871054193..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index bfae4594f..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..6531612f2 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..afc3106f2 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..c13513388 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index c8766fed6..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index b274e5e44..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index 36179e0d2..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index 626a390c3..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..a0e3350ea Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..dcde6ca48 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..ca0566833 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..43ee6c8fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..43ee6c8fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..1c2eddfcf Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..8dea4c63c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index dbccaedb7..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..ced1fa1cd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..43f24b870 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..d6a8a75fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..1c2eddfcf Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..d6a8a75fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..8dea4c63c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..ced1fa1cd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..43f24b870 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..46deb6cda Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index 13d622b18..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index de693303e..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index 3417ce598..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..e0f819f79 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..6830a02b7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..6830a02b7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index 73443c051..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index a570840af..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index dd285f342..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..be0353727 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..ec0e99db5 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..ec0e99db5 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..9ee52b92c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index de693303e..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..59ffadceb Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..f4fe66907 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..f4fe66907 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..9ee52b92c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..59ffadceb Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index 2b2bf5631..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index d8a989f82..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index a6bba916a..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..c7c8ec33c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..3bf46ea22 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..3bf46ea22 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index c422aad42..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index ed56511d0..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index a7295f5c7..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..d1fa300a0 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..6ac9b0e36 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..6ac9b0e36 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..e0f819f79 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..b54c1e841 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index 3417ce598..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..6830a02b7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..7bc68449b Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..f4fe66907 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..e0f819f79 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..f4fe66907 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..b54c1e841 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..6830a02b7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..7bc68449b Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index 99f3bab6e..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index fbe4ff8c4..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index 507e00266..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index 8a4f9156e..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index 924f8dc08..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..0aa05c773 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..71cf7680e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..e1c0d3607 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..71cf7680e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..5471c2235 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..7bc68449b Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index 6ae8b70c8..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index fb6bdfa1a..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index 9e3f88100..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index 8a4f9156e..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index 924f8dc08..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..b553784fd Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..71cf7680e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..fd4568726 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..71cf7680e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..1ecb04f18 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..7bc68449b Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..59ffadceb Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..59ffadceb Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-expander-iconColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-expander-iconColor-linux.png index 9eeff27ad..71cf7680e 100644 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-expander-iconColor-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-expander-iconColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..57932cf89 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..9da65055e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index cf108c50f..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..a6f4f73cf Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..7bc68449b Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..71cf7680e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..9eeff27ad Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..57932cf89 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..9eeff27ad Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..9da65055e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..a6f4f73cf Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..7bc68449b Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..71cf7680e Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-line-linux.png deleted file mode 100644 index db0a88643..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-num-linux.png deleted file mode 100644 index c07b2f95c..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-word-linux.png deleted file mode 100644 index 413d74a85..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-fgColor-num-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-fgColor-text-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-addition-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionLine-bgColor-linux.png new file mode 100644 index 000000000..e0f819f79 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionLine-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionNum-bgColor-linux.png new file mode 100644 index 000000000..6830a02b7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionNum-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionWord-bgColor-linux.png new file mode 100644 index 000000000..6830a02b7 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionWord-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-additionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-line-linux.png deleted file mode 100644 index c422aad42..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-line-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-num-linux.png deleted file mode 100644 index 6134aed86..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-word-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-word-linux.png deleted file mode 100644 index 1cbc62ecc..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-bgColor-word-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-fgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-fgColor-num-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-fgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-fgColor-text-linux.png deleted file mode 100644 index e25304d4b..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletion-fgColor-text-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionLine-bgColor-linux.png new file mode 100644 index 000000000..d1fa300a0 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionLine-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionNum-bgColor-linux.png new file mode 100644 index 000000000..6ac9b0e36 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionNum-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionNum-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionNum-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionWord-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionWord-bgColor-linux.png new file mode 100644 index 000000000..6ac9b0e36 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionWord-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionWord-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionWord-fgColor-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-deletionWord-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-emptyLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-emptyLine-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-emptyLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-emptyNum-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-emptyNum-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-emptyNum-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-line-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-line-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-line-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-hover-linux.png new file mode 100644 index 000000000..9ee52b92c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-linux.png deleted file mode 100644 index 3417ce598..000000000 Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-linux.png and /dev/null differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-rest-linux.png new file mode 100644 index 000000000..59ffadceb Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-bgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-num-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-num-hover-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-num-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-num-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-num-rest-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-num-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-text-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-text-linux.png new file mode 100644 index 000000000..f4fe66907 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunk-fgColor-text-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkLine-bgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkLine-bgColor-linux.png new file mode 100644 index 000000000..4488202db Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkLine-bgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkLine-fgColor-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkLine-fgColor-linux.png new file mode 100644 index 000000000..f4fe66907 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkLine-fgColor-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-bgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-bgColor-hover-linux.png new file mode 100644 index 000000000..9ee52b92c Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-bgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-bgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-bgColor-rest-linux.png new file mode 100644 index 000000000..59ffadceb Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-bgColor-rest-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-fgColor-hover-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-fgColor-hover-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-fgColor-hover-linux.png differ diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-fgColor-rest-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-fgColor-rest-linux.png new file mode 100644 index 000000000..27f41fd61 Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-diffBlob-hunkNum-fgColor-rest-linux.png differ diff --git a/docs/storybook/stories/Demo/Diff/Diff.css b/docs/storybook/stories/Demo/Diff/Diff.css new file mode 100644 index 000000000..bc9548157 --- /dev/null +++ b/docs/storybook/stories/Demo/Diff/Diff.css @@ -0,0 +1,113 @@ +:root { + --line-number-cell-width: 40px; + --diff-line-minimum-height: 24px; + --diff-line-height: 24px; + --diff-action-bar-position: 0; +} +* { + box-sizing: border-box; +} +.DiffContainer { + border: 1px solid var(--borderColor-default); + border-radius: var(--borderRadius-medium); + overflow: hidden; +} +.diff-header { + font-size: var(--text-body-size-medium); + background-color: var(--bgColor-muted); + padding-inline: var(--control-medium-paddingInline-condensed); + padding-block: var(--base-size-12); + border-bottom: 1px solid var(--borderColor-default); +} +.diff-line { + --diff-num-bg: var(--diffBlob-emptyNum-bgColor); + --diff-line-bg: var(--diffBlob-emptyLine-bgColor); + &.type-default { + --diff-num-bg: var(--bgColor-default); + --diff-num-fg: var(--fgColor-default); + --diff-line-bg: var(--bgColor-default); + --diff-line-fg: var(--fgColor-default); + --diff-word-bg: var(--bgColor-default); + } + &.type-hunk { + --diff-num-bg: var(--diffBlob-hunkNum-bgColor-rest); + --diff-num-fg: var(--diffBlob-hunkNum-fgColor-rest); + --diff-line-bg: var(--diffBlob-hunkLine-bgColor); + --diff-line-fg: var(--diffBlob-hunkLine-fgColor); + } + &.type-addition { + --diff-num-bg: var(--diffBlob-additionNum-bgColor); + --diff-num-fg: var(--diffBlob-additionNum-fgColor); + --diff-line-bg: var(--diffBlob-additionLine-bgColor); + --diff-line-fg: var(--diffBlob-additionLine-fgColor); + --diff-word-bg: var(--diffBlob-additionWord-bgColor); + --diff-word-fg: var(--diffBlob-additionWord-fgColor); + } + &.type-deletion { + --diff-num-bg: var(--diffBlob-deletionNum-bgColor); + --diff-num-fg: var(--diffBlob-deletionNum-fgColor); + --diff-line-bg: var(--diffBlob-deletionLine-bgColor); + --diff-line-fg: var(--diffBlob-deletionLine-fgColor); + --diff-word-bg: var(--diffBlob-deletionWord-bgColor); + --diff-word-fg: var(--diffBlob-deletionWord-fgColor); + } + border-spacing: 0; + border-collapse: collapse; + .diff-line-word { + color: var(--diff-word-fg); + background-color: var(--diff-word-bg); + } + .diff-line-number { + width: 1%; + min-width: 50px; + line-height: 100%; + padding-right: var(--base-size-8, 8px) !important; + text-align: right; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + background-color: var(--diff-num-bg); + color: var(--diffBlob-hunk-fgColor-num-rest); + code { + line-height: var(--diff-line-height); + } + } + &.type-hunk { + .diff-line-number { + &:hover { + background-color: var(--diffBlob-hunk-bgColor-num-hover); + color: var(--diffBlob-hunk-fgColor-num-hover); + } + } + } + .diff-text-cell { + position: relative; + padding-right: var(--diff-line-height); + padding-left: var(--diff-line-height); + background-color: var(--diff-line-bg); + code { + color: var(--diff-line-fg); + div { + overflow: hidden; + word-wrap: break-word; + white-space: pre-wrap; + } + } + } + code { + font-family: var( + --fontStack-monospace, + ui-monospace, + SFMono-Regular, + SF Mono, + Menlo, + Consolas, + Liberation Mono, + monospace + ); + font-size: 12px; + background-color: transparent; + padding: 0; + vertical-align: middle; + } +} diff --git a/docs/storybook/stories/Demo/Diff/Diff.stories.tsx b/docs/storybook/stories/Demo/Diff/Diff.stories.tsx new file mode 100644 index 000000000..086f1b2da --- /dev/null +++ b/docs/storybook/stories/Demo/Diff/Diff.stories.tsx @@ -0,0 +1,65 @@ +import React from 'react' +import './Diff.css' +import {Box, Link} from '@primer/react' + +export default { + title: 'Testing/Diff', + parameters: { + controls: {hideNoControlsWarning: true}, + options: { + showPanel: false, + }, + }, +} + +type DiffLineType = 'hunk' | 'addition' | 'deletion' | 'default' | 'empty' + +const DiffLine = ({ + lineNumber = 11, + text = '// TODO: 1234 example line', + type = 'default', +}: { + lineNumber?: number + text?: string + type?: DiffLineType +}) => { + return ( + + + + + + + +
+ {type !== 'empty' ? lineNumber : ' '} + + {type !== 'empty' && ( + +
+
+ )} +
+ ) +} + +const DiffHeader = ({filename = '.changeset/plenty-walls-buy.md'}: {filename?: string}) => { + return ( +
+ {filename} +
+ ) +} + +export const Diff = () => { + return ( +
+ + + + + + +
+ ) +} diff --git a/src/tokens/functional/color/dark/app-dark.json5 b/src/tokens/functional/color/dark/app-dark.json5 index 39ad07304..0c373d700 100644 --- a/src/tokens/functional/color/dark/app-dark.json5 +++ b/src/tokens/functional/color/dark/app-dark.json5 @@ -47,79 +47,198 @@ }, }, diffBlob: { - addition: { + additionLine: { fgColor: { - text: { - $value: '{fgColor.default}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['fgColor'], - }, + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], }, }, - num: { - $value: '{fgColor.default}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['fgColor'], - }, + }, + bgColor: { + $value: '{bgColor.success.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], + }, + }, + alpha: 0.15, + mix: null, + }, + }, + additionWord: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], }, }, }, bgColor: { - num: { - $value: '{base.color.green.3}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['bgColor'], - }, + $value: '{base.color.green.4}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], }, - alpha: 0.3, }, - line: { - $value: '{base.color.green.4}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['bgColor'], - }, + alpha: 0.4, + }, + }, + additionNum: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], }, - alpha: 0.15, - mix: null, }, - word: { - $value: '{base.color.green.4}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['bgColor'], - }, + }, + bgColor: { + $value: '{base.color.green.3}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], }, - alpha: 0.4, }, + alpha: 0.3, }, }, - deletion: { + deletionLine: { fgColor: { - text: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{bgColor.danger.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], + }, + }, + mix: null, + }, + }, + deletionWord: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{base.color.red.4}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], + }, + }, + alpha: 0.4, + }, + }, + deletionNum: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{base.color.red.4}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], + }, + }, + alpha: 0.3, + }, + }, + hunkLine: { + fgColor: { + $value: '{fgColor.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{bgColor.accent.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], + }, + }, + }, + }, + hunkNum: { + fgColor: { + rest: { $value: '{fgColor.default}', $type: 'color', $extensions: { @@ -131,8 +250,8 @@ }, }, }, - num: { - $value: '{fgColor.default}', + hover: { + $value: '{fgColor.onEmphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -145,8 +264,8 @@ }, }, bgColor: { - num: { - $value: '{base.color.red.4}', + rest: { + $value: '{base.color.blue.8}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -156,10 +275,9 @@ scopes: ['bgColor'], }, }, - alpha: 0.3, }, - line: { - $value: '{base.color.red.4}', + hover: { + $value: '{bgColor.accent.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -169,36 +287,33 @@ scopes: ['bgColor'], }, }, - alpha: 0.15, - mix: null, }, - word: { - $value: '{base.color.red.4}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['bgColor'], - }, + }, + }, + emptyNum: { + bgColor: { + $value: '{bgColor.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], }, - alpha: 0.4, }, }, }, - hunk: { + emptyLine: { bgColor: { - num: { - $value: '{borderColor.accent.muted}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'dark', - group: 'component', - scopes: ['bgColor'], - }, + $value: '{bgColor.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'dark', + group: 'component', + scopes: ['bgColor'], }, }, }, diff --git a/src/tokens/functional/color/dark/display-dark.json5 b/src/tokens/functional/color/dark/display-dark.json5 index a5bd13e1f..0d1e199fe 100644 --- a/src/tokens/functional/color/dark/display-dark.json5 +++ b/src/tokens/functional/color/dark/display-dark.json5 @@ -8,7 +8,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -20,7 +20,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -33,7 +33,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -46,7 +46,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -58,7 +58,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -74,7 +74,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -86,7 +86,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -99,7 +99,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -112,7 +112,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -124,7 +124,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -140,7 +140,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -152,7 +152,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -165,7 +165,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -178,7 +178,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -190,7 +190,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -206,7 +206,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -218,7 +218,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -231,7 +231,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -244,7 +244,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -256,7 +256,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -272,7 +272,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -284,7 +284,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -297,7 +297,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -310,7 +310,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -322,7 +322,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -338,7 +338,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -350,7 +350,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -363,7 +363,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -376,7 +376,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -388,7 +388,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -404,7 +404,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -416,7 +416,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -429,7 +429,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -442,7 +442,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -454,7 +454,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -470,7 +470,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -482,7 +482,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -495,7 +495,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -508,7 +508,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -520,7 +520,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -536,7 +536,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -548,7 +548,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -561,7 +561,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -574,7 +574,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -586,7 +586,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -602,7 +602,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -614,7 +614,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -627,7 +627,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -640,7 +640,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -652,7 +652,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -668,7 +668,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -680,7 +680,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -693,7 +693,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -706,7 +706,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -718,7 +718,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -734,7 +734,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -746,7 +746,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -759,7 +759,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -772,7 +772,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -784,7 +784,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -800,7 +800,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -812,7 +812,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -825,7 +825,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -838,7 +838,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -850,7 +850,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -866,7 +866,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -878,7 +878,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -891,7 +891,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -904,7 +904,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -916,7 +916,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -932,7 +932,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -944,7 +944,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -957,7 +957,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -970,7 +970,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -982,7 +982,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -998,7 +998,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1010,7 +1010,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1023,7 +1023,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -1036,7 +1036,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1048,7 +1048,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1064,7 +1064,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1076,7 +1076,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1089,7 +1089,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -1102,7 +1102,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1114,7 +1114,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1130,7 +1130,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1142,7 +1142,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1155,7 +1155,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -1168,7 +1168,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1180,7 +1180,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1196,7 +1196,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1208,7 +1208,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, @@ -1221,7 +1221,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -1234,7 +1234,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, @@ -1246,7 +1246,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['borderColor'], }, diff --git a/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 b/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 index 80f14bf6a..d0bda074a 100644 --- a/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +++ b/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 @@ -116,14 +116,6 @@ }, }, }, - diffBlob: { - expander: { - iconColor: { - $value: '{fgColor.default}', - $type: 'color', - }, - }, - }, overlay: { backdrop: { bgColor: { diff --git a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 index 744bde4c3..cd64a4392 100644 --- a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +++ b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 @@ -441,7 +441,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -509,51 +509,64 @@ }, }, diffBlob: { - addition: { + additionLine: { fgColor: { - text: { - $value: '{fgColor.onEmphasis}', - $type: 'color', - }, + $value: '{fgColor.onEmphasis}', + $type: 'color', }, bgColor: { - word: { - $value: '{bgColor.success.emphasis}', - $type: 'color', - alpha: 1, - }, + $value: '{bgColor.success.muted}', + $type: 'color', + alpha: 0.2, + }, + }, + additionWord: { + bgColor: { + $value: '{bgColor.success.emphasis}', + $type: 'color', + alpha: 1, }, }, - deletion: { + deletionLine: { fgColor: { - text: { - $value: '{fgColor.onEmphasis}', - $type: 'color', - }, + $value: '{fgColor.onEmphasis}', + $type: 'color', }, bgColor: { - word: { - $value: '{bgColor.danger.emphasis}', - $type: 'color', - alpha: 1, - }, + $value: '{bgColor.danger.muted}', + $type: 'color', + alpha: 0.2, }, }, - expander: { - iconColor: { - $value: '{fgColor.default}', + deletionWord: { + bgColor: { + $value: '{bgColor.danger.emphasis}', $type: 'color', + alpha: 1, }, }, - hunk: { + hunkNum: { bgColor: { - num: { + rest: { $value: '{base.color.blue.4}', $type: 'color', alpha: 0.4, }, }, }, + hunkLine: { + bgColor: { + $value: '{bgColor.accent.muted}', + $type: 'color', + alpha: 0.2, + }, + }, + expander: { + iconColor: { + $value: '{fgColor.default}', + $type: 'color', + }, + }, }, codeMirror: { selection: { diff --git a/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 b/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 index 89dded2a7..9bcb33a75 100644 --- a/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +++ b/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 @@ -192,43 +192,69 @@ }, }, diffBlob: { - addition: { + additionNum: { bgColor: { - num: { - $value: '{base.color.blue.3}', - $type: 'color', - alpha: 0.3, - }, - line: { - $value: '{base.color.blue.4}', - $type: 'color', - alpha: 0.15, - mix: null, - }, - word: { - $value: '{base.color.blue.4}', - $type: 'color', - alpha: 0.4, - }, + $value: '{base.color.blue.3}', + $type: 'color', + alpha: 0.3, }, }, - deletion: { + additionWord: { bgColor: { - num: { - $value: '{base.color.orange.4}', + $value: '{base.color.blue.4}', + $type: 'color', + alpha: 0.4, + }, + }, + deletionNum: { + bgColor: { + $value: '{base.color.orange.4}', + $type: 'color', + alpha: 0.3, + }, + }, + deletionLine: { + bgColor: { + $value: '{base.color.orange.4}', + $type: 'color', + alpha: 0.15, + mix: null, + }, + }, + deletionWord: { + bgColor: { + $value: '{base.color.orange.4}', + $type: 'color', + alpha: 0.4, + }, + }, + hunkNum: { + bgColor: { + rest: { + $value: '{base.color.neutral.6}', $type: 'color', - alpha: 0.3, + mix: null, + $extensions: { + alpha: 1, + }, }, - line: { - $value: '{base.color.orange.4}', + hover: { + $value: '{base.color.neutral.8}', $type: 'color', - alpha: 0.15, mix: null, + $extensions: { + alpha: 1, + }, }, - word: { - $value: '{base.color.orange.4}', - $type: 'color', - alpha: 0.4, + }, + }, + hunkLine: { + bgColor: { + $value: '{base.color.neutral.3}', + $type: 'color', + mix: null, + $extensions: { + alpha: 1, }, }, }, diff --git a/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 b/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 index ab360903f..8b0c8579c 100644 --- a/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +++ b/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 @@ -123,31 +123,54 @@ }, }, diffBlob: { - addition: { + additionNum: { bgColor: { - num: { - $value: '{base.color.blue.3}', - $type: 'color', - $extensions: { - alpha: 0.3, - }, + $value: '{base.color.blue.3}', + $type: 'color', + $extensions: { + alpha: 0.3, }, - line: { - $value: '{base.color.blue.4}', + }, + }, + additionWord: { + bgColor: { + $value: '{base.color.blue.4}', + $type: 'color', + $extensions: { + alpha: 0.4, + }, + }, + }, + hunkNum: { + bgColor: { + rest: { + $value: '{base.color.neutral.6}', $type: 'color', + mix: null, $extensions: { - alpha: 0.15, + alpha: 1, }, }, - word: { - $value: '{base.color.blue.4}', + hover: { + $value: '{base.color.neutral.8}', $type: 'color', + mix: null, $extensions: { - alpha: 0.4, + alpha: 1, }, }, }, }, + hunkLine: { + bgColor: { + $value: '{base.color.neutral.3}', + $type: 'color', + mix: null, + $extensions: { + alpha: 1, + }, + }, + }, }, codeMirror: { syntax: { diff --git a/src/tokens/functional/color/dark/patterns-dark.json5 b/src/tokens/functional/color/dark/patterns-dark.json5 index 16dc7868c..8e4e82456 100644 --- a/src/tokens/functional/color/dark/patterns-dark.json5 +++ b/src/tokens/functional/color/dark/patterns-dark.json5 @@ -773,7 +773,7 @@ scopes: ['bgColor'], }, }, - } + }, }, }, button: { @@ -1131,7 +1131,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -1538,7 +1538,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['fgColor'], }, @@ -1550,7 +1550,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'component (internal)', scopes: ['bgColor'], }, diff --git a/src/tokens/functional/color/dark/primitives-dark.json5 b/src/tokens/functional/color/dark/primitives-dark.json5 index 0994e4c28..9967a91fc 100644 --- a/src/tokens/functional/color/dark/primitives-dark.json5 +++ b/src/tokens/functional/color/dark/primitives-dark.json5 @@ -63,7 +63,7 @@ $extensions: { 'org.primer.figma': { collection: 'mode', - mode: 'light', + mode: 'dark', group: 'semantic', scopes: ['fgColor'], }, diff --git a/src/tokens/functional/color/light/app-light.json5 b/src/tokens/functional/color/light/app-light.json5 index 494c4105a..72e0d1ced 100644 --- a/src/tokens/functional/color/light/app-light.json5 +++ b/src/tokens/functional/color/light/app-light.json5 @@ -46,79 +46,191 @@ }, }, diffBlob: { - addition: { + additionLine: { fgColor: { - text: { - $value: '{fgColor.default}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['fgColor'], - }, + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], }, }, - num: { - $value: '{fgColor.default}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['fgColor'], - }, + }, + bgColor: { + $value: '{bgColor.success.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, + }, + }, + additionWord: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], }, }, }, bgColor: { - num: { - $value: '{base.color.green.1}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['bgColor'], - }, + $value: '{base.color.green.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], }, - mix: { - color: '{base.color.green.0}', - weight: 0.8, + }, + }, + }, + additionNum: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], }, }, - line: { - $value: '{base.color.green.0}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['bgColor'], - }, + }, + bgColor: { + $value: '{base.color.green.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], }, }, - word: { - $value: '{base.color.green.1}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['bgColor'], - }, + }, + }, + deletionLine: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{bgColor.danger.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, + }, + }, + deletionWord: { + fgColor: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{base.color.red.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], }, }, }, }, - deletion: { + deletionNum: { fgColor: { - text: { + $value: '{fgColor.default}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + bgColor: { + $value: '{base.color.red.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, + }, + }, + hunkLine: { + bgColor: { + $value: '{bgColor.accent.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, + }, + fgColor: { + $value: '{fgColor.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['fgColor'], + }, + }, + }, + }, + hunkNum: { + fgColor: { + rest: { $value: '{fgColor.default}', $type: 'color', $extensions: { @@ -130,8 +242,8 @@ }, }, }, - num: { - $value: '{fgColor.default}', + hover: { + $value: '{fgColor.onEmphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -144,8 +256,8 @@ }, }, bgColor: { - num: { - $value: '{base.color.red.1}', + rest: { + $value: '{base.color.blue.1}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -156,8 +268,8 @@ }, }, }, - line: { - $value: '{base.color.red.0}', + hover: { + $value: '{bgColor.accent.emphasis}', $type: 'color', $extensions: { 'org.primer.figma': { @@ -168,35 +280,33 @@ }, }, }, - word: { - $value: '{base.color.red.3}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['bgColor'], - }, + }, + }, + emptyNum: { + bgColor: { + $value: '{bgColor.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], }, - alpha: 0.4, }, }, }, - hunk: { + emptyLine: { bgColor: { - num: { - $value: '{base.color.blue.3}', - $type: 'color', - $extensions: { - 'org.primer.figma': { - collection: 'mode', - mode: 'light', - group: 'component', - scopes: ['bgColor'], - }, + $value: '{bgColor.muted}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], }, - alpha: 0.4, }, }, }, diff --git a/src/tokens/functional/color/light/overrides/light.high-contrast.json5 b/src/tokens/functional/color/light/overrides/light.high-contrast.json5 index ddf2a9333..c333a7315 100644 --- a/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +++ b/src/tokens/functional/color/light/overrides/light.high-contrast.json5 @@ -396,8 +396,8 @@ $value: '{base.color.neutral.11}', $type: 'color', }, - } - } + }, + }, }, buttonCounter: { default: { @@ -410,45 +410,45 @@ }, }, diffBlob: { - addition: { + additionWord: { fgColor: { - text: { - $value: '{fgColor.onEmphasis}', - $type: 'color', - }, + $value: '{fgColor.onEmphasis}', + $type: 'color', }, bgColor: { - word: { - $value: '{base.color.green.4}', - $type: 'color', - }, + $value: '{base.color.green.5}', + $type: 'color', + mix: null, + alpha: 1, }, }, - deletion: { + deletionWord: { fgColor: { - text: { - $value: '{fgColor.onEmphasis}', - $type: 'color', - }, + $value: '{fgColor.onEmphasis}', + $type: 'color', }, bgColor: { - word: { - $value: '{base.color.red.5}', - $type: 'color', - mix: null, - alpha: 1, - }, + $value: '{base.color.red.5}', + $type: 'color', + mix: null, + alpha: 1, }, }, - hunk: { + hunkNum: { bgColor: { - num: { + rest: { $value: '{base.color.blue.1}', $type: 'color', alpha: 1, }, }, }, + expander: { + iconColor: { + $value: '{fgColor.default}', + $type: 'color', + }, + }, }, header: { borderColor: { @@ -822,5 +822,5 @@ $type: 'color', alpha: 1, }, - } + }, } diff --git a/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 b/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 index 0504ee518..257cd2a2b 100644 --- a/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +++ b/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 @@ -114,42 +114,75 @@ }, }, diffBlob: { - addition: { + additionNum: { bgColor: { - num: { - $value: '{base.color.blue.3}', - $type: 'color', - mix: null, - alpha: 0.4, - }, - line: { - $value: '{base.color.blue.0}', - $type: 'color', - alpha: 0.5, - }, - word: { - $value: '{base.color.blue.3}', - $type: 'color', - alpha: 0.4, + $value: '{base.color.blue.1}', + $type: 'color', + }, + }, + additionWord: { + bgColor: { + $value: '{base.color.blue.1}', + $type: 'color', + }, + }, + deletionNum: { + bgColor: { + $value: '{base.color.orange.1}', + $type: 'color', + }, + }, + deletionWord: { + bgColor: { + $value: '{base.color.orange.1}', + $type: 'color', + }, + }, + hunkLine: { + bgColor: { + $value: '{base.color.neutral.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, }, }, }, - deletion: { + hunkNum: { bgColor: { - num: { - $value: '{base.color.orange.3}', + rest: { + $value: '{base.color.neutral.3}', $type: 'color', - alpha: 0.4, + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, }, - line: { - $value: '{base.color.orange.0}', + hover: { + $value: '{base.color.neutral.7}', $type: 'color', - alpha: 0.5, + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, }, - word: { - $value: '{base.color.orange.2}', + }, + fgColor: { + hover: { + $value: '{fgColor.default}', $type: 'color', - alpha: 0.5, }, }, }, diff --git a/src/tokens/functional/color/light/overrides/light.tritanopia.json5 b/src/tokens/functional/color/light/overrides/light.tritanopia.json5 index 7056ed3a6..19ee56a03 100644 --- a/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +++ b/src/tokens/functional/color/light/overrides/light.tritanopia.json5 @@ -114,22 +114,74 @@ }, }, diffBlob: { - addition: { + additionNum: { bgColor: { - num: { - $value: '{base.color.blue.1}', + $value: '{base.color.blue.1}', + $type: 'color', + }, + }, + additionWord: { + bgColor: { + $value: '{base.color.blue.1}', + $type: 'color', + }, + }, + deletionNum: { + bgColor: { + $value: '{base.color.red.1}', + $type: 'color', + }, + }, + deletionWord: { + bgColor: { + $value: '{base.color.red.1}', + $type: 'color', + }, + }, + hunkLine: { + bgColor: { + $value: '{base.color.neutral.1}', + $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, + }, + }, + hunkNum: { + bgColor: { + rest: { + $value: '{base.color.neutral.3}', $type: 'color', - mix: { - color: '{base.color.blue.0}', - weight: 0.8, + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, }, }, - line: { - $value: '{base.color.blue.0}', + hover: { + $value: '{base.color.neutral.7}', $type: 'color', + $extensions: { + 'org.primer.figma': { + collection: 'mode', + mode: 'light', + group: 'component', + scopes: ['bgColor'], + }, + }, }, - word: { - $value: '{base.color.blue.1}', + }, + fgColor: { + hover: { + $value: '{fgColor.default}', $type: 'color', }, },