From 7e90e90abd2bad08f93615c1308cf10cd6fa7793 Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Mon, 31 Aug 2026 18:07:44 +0200 Subject: [PATCH 1/6] chore: Make visual regression tests mandatory --- .github/workflows/deploy.yml | 1 + .../workflows/visual-regression-override.yml | 169 ++++++++++++++++++ .github/workflows/visual-regression.yml | 65 +++++++ docs/RUNNING_TESTS.md | 39 +++- 4 files changed, 269 insertions(+), 5 deletions(-) create mode 100644 .github/workflows/visual-regression-override.yml diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 5b687b8d6e..eb2ec5ac86 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -127,3 +127,4 @@ jobs: test-utils-artifact-name: test-utils-selectors baseline-artifact-name: visual-baseline-pages caller-run-id: ${{ github.run_id }} + commit-sha: ${{ github.event.pull_request.head.sha }} diff --git a/.github/workflows/visual-regression-override.yml b/.github/workflows/visual-regression-override.yml new file mode 100644 index 0000000000..e083579162 --- /dev/null +++ b/.github/workflows/visual-regression-override.yml @@ -0,0 +1,169 @@ +name: Override visual regression + +# Overrides the mandatory visual regression check when the visual differences are +# intentional. +# +# This mirrors the "update workflow" pattern from Vitest visual regression +# testing (https://vitest.dev/guide/browser/visual-regression-testing.html#the-update-workflow), +# adapted for this repo: because baselines are rebuilt from `origin/main` at run +# time (there are no committed screenshots to update), overriding instead posts a +# `visual-regression-override` commit status on the reviewed commit. The visual +# regression check (.github/workflows/visual-regression.yml) treats that status +# as an approval and passes without running the screenshot comparison. +# +# The override is scoped to a single commit: pushing a new commit produces a new +# SHA with no override status, so the comparison runs again. +# +# Two ways to trigger it: +# 1. Comment `/override-visual-regression` on the pull request (right from the +# PR page). Only users with write or admin access can do this. +# 2. Run it manually from the Actions tab, passing a commit SHA or PR number. + +on: + issue_comment: + types: [created] + workflow_dispatch: + inputs: + commit-sha: + description: 'The commit SHA whose visual changes are intentional.' + required: true + type: string + +# One override at a time per PR / commit. +concurrency: + group: visual-regression-override@${{ github.event.issue.number || inputs.commit-sha }} + cancel-in-progress: true + +permissions: + contents: read + statuses: write + pull-requests: write + actions: write + +jobs: + override: + name: Apply visual regression override + # For comment triggers, only act on the command posted on a pull request. + # workflow_dispatch runs always proceed. + if: >- + github.event_name == 'workflow_dispatch' || + (github.event.issue.pull_request != null && + startsWith(github.event.comment.body, '/override-visual-regression')) + runs-on: ubuntu-latest + steps: + # The `if` above is a cheap prefix filter; it would also match strings like + # `/override-visual-regressionX`. This step requires the command to be a + # standalone token: the first line must be exactly the command, optionally + # followed by whitespace (and arguments). A non-match ends the job quietly + # as a no-op (via the `matched` output guarding the steps below) rather + # than a failed run. + - name: Validate command + id: command + if: github.event_name == 'issue_comment' + env: + COMMENT_BODY: ${{ github.event.comment.body }} + run: | + FIRST_LINE=$(printf '%s' "$COMMENT_BODY" | head -n 1) + if printf '%s' "$FIRST_LINE" | grep -Eq '^/override-visual-regression([[:space:]]|$)'; then + echo "Recognized override command." + echo "matched=true" >> "$GITHUB_OUTPUT" + else + echo "Comment does not start with the exact '/override-visual-regression' command; nothing to do." + echo "matched=false" >> "$GITHUB_OUTPUT" + fi + + # For workflow_dispatch runs there is no comment to validate, so treat the + # command as matched. For comment runs, honor the validation result. + - name: Authorize commenter + if: github.event_name == 'issue_comment' && steps.command.outputs.matched == 'true' + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + ACTOR: ${{ github.actor }} + run: | + PERMISSION=$(gh api "repos/${REPO}/collaborators/${ACTOR}/permission" --jq '.permission' 2>/dev/null || echo "none") + echo "@${ACTOR} has '${PERMISSION}' permission." + case "$PERMISSION" in + admin|write|maintain) + echo "Authorized." ;; + *) + echo "::error::@${ACTOR} is not authorized to override the visual regression check (requires write access)." + exit 1 ;; + esac + + - name: Resolve the commit SHA + id: resolve + if: success() && (github.event_name == 'workflow_dispatch' || steps.command.outputs.matched == 'true') + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + EVENT_NAME: ${{ github.event_name }} + INPUT_SHA: ${{ inputs.commit-sha }} + COMMENT_PR: ${{ github.event.issue.number }} + run: | + if [ "$EVENT_NAME" = "issue_comment" ]; then + # Resolve the head commit of the PR the command was posted on. + PR_NUMBER="$COMMENT_PR" + RESOLVED=$(gh api "repos/${REPO}/pulls/${PR_NUMBER}" --jq '.head.sha') + else + # workflow_dispatch: the SHA is provided directly. + PR_NUMBER="" + RESOLVED="$INPUT_SHA" + fi + + if [ -z "$RESOLVED" ]; then + echo "::error::Could not resolve a commit SHA to override." + exit 1 + fi + + echo "Overriding visual regression for commit ${RESOLVED}." + echo "sha=${RESOLVED}" >> "$GITHUB_OUTPUT" + echo "pr=${PR_NUMBER}" >> "$GITHUB_OUTPUT" + + - name: Post override commit status + if: steps.resolve.outputs.sha != '' + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + SHA: ${{ steps.resolve.outputs.sha }} + ACTOR: ${{ github.actor }} + RUN_URL: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }} + run: | + gh api --method POST "repos/${REPO}/statuses/${SHA}" \ + -f state="success" \ + -f context="visual-regression-override" \ + -f description="Visual changes reviewed and approved by @${ACTOR}" \ + -f target_url="${RUN_URL}" >/dev/null + echo "Posted visual-regression-override success status on ${SHA}, approved by @${ACTOR}." + + - name: Acknowledge on the pull request + if: steps.resolve.outputs.pr != '' + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + PR_NUMBER: ${{ steps.resolve.outputs.pr }} + SHA: ${{ steps.resolve.outputs.sha }} + ACTOR: ${{ github.actor }} + run: | + gh api "repos/${REPO}/issues/${PR_NUMBER}/comments" \ + -f body="Visual regression check overridden for commit \`${SHA}\` by @${ACTOR}. Re-running the deploy workflow to refresh the check. Pushing a new commit will require a fresh override." \ + >/dev/null + + - name: Re-run the deploy workflow to refresh the check + if: steps.resolve.outputs.sha != '' + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + SHA: ${{ steps.resolve.outputs.sha }} + run: | + RUN_ID=$(gh api \ + "repos/${REPO}/actions/workflows/deploy.yml/runs?head_sha=${SHA}&per_page=1" \ + --jq '.workflow_runs[0].id // empty') + + if [ -n "$RUN_ID" ]; then + echo "Re-running deploy workflow run ${RUN_ID} so the check re-evaluates with the override status." + gh api --method POST "repos/${REPO}/actions/runs/${RUN_ID}/rerun" >/dev/null || \ + echo "::warning::Could not automatically re-run the deploy workflow. Re-run it manually to refresh the check." + else + echo "::warning::No deploy workflow run found for commit ${SHA}. Re-run the deploy workflow manually to refresh the check." + fi diff --git a/.github/workflows/visual-regression.yml b/.github/workflows/visual-regression.yml index 958bae8a0c..04d69f8be1 100644 --- a/.github/workflows/visual-regression.yml +++ b/.github/workflows/visual-regression.yml @@ -15,6 +15,10 @@ on: description: 'Name of the artifact containing baseline pages (built by the caller workflow).' required: true type: string + commit-sha: + description: 'The commit SHA under test, used to check for a per-commit override.' + required: false + type: string defaults: run: @@ -24,11 +28,45 @@ permissions: id-token: write contents: read actions: read + statuses: read deployments: write jobs: + # Checks whether a maintainer has explicitly approved the visual changes for + # this exact commit via the manual override workflow + # (.github/workflows/visual-regression-override.yml). The approval is a commit + # status posted on the head SHA, so it applies only to that commit: a new push + # produces a new SHA with no override and the comparison runs again. + check-override: + name: Check for commit override + runs-on: ubuntu-latest + outputs: + overridden: ${{ steps.status.outputs.overridden }} + steps: + - name: Look for override commit status + id: status + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + SHA: ${{ inputs.commit-sha }} + run: | + if [ -z "$SHA" ]; then + echo "No commit SHA provided; treating as not overridden." + echo "overridden=false" >> "$GITHUB_OUTPUT" + exit 0 + fi + OVERRIDDEN=$(gh api \ + "repos/${REPO}/commits/${SHA}/statuses" \ + --jq 'any(.[]; .context == "visual-regression-override" and .state == "success")' 2>/dev/null || echo "false") + echo "Override status present for ${SHA}: ${OVERRIDDEN}" + echo "overridden=${OVERRIDDEN}" >> "$GITHUB_OUTPUT" + visual: name: Visual regression (shard ${{ matrix.shard }}) + needs: check-override + # Skip the (expensive) screenshot comparison when the changes have been + # explicitly overridden by a maintainer. + if: ${{ needs.check-override.outputs.overridden != 'true' }} runs-on: ubuntu-latest strategy: fail-fast: false @@ -165,3 +203,30 @@ jobs: with: artifact-name: allure-report deployment-path: allure-report + + # Mandatory check: this job is the required status check. It fails the run + # unless every visual shard passed, or a maintainer overrode the result for + # this commit. Reporting jobs run with `always()` and never block. + verify: + name: Visual regression result + if: always() + needs: [check-override, visual] + runs-on: ubuntu-latest + steps: + - name: Evaluate result + env: + OVERRIDDEN: ${{ needs.check-override.outputs.overridden }} + VISUAL_RESULT: ${{ needs.visual.result }} + run: | + if [ "$OVERRIDDEN" = "true" ]; then + echo "::notice::Visual regression was overridden for this commit by a maintainer (visual-regression-override commit status). Marking as passed." + exit 0 + fi + + if [ "$VISUAL_RESULT" = "success" ]; then + echo "Visual regression tests passed." + exit 0 + fi + + echo "::error::Visual regression tests did not pass (result: ${VISUAL_RESULT}). Review the Allure report. If the differences are intentional, run the 'Override visual regression' workflow against this PR's branch." + exit 1 diff --git a/docs/RUNNING_TESTS.md b/docs/RUNNING_TESTS.md index 27f6400cd0..4805a773d8 100644 --- a/docs/RUNNING_TESTS.md +++ b/docs/RUNNING_TESTS.md @@ -75,14 +75,43 @@ The deploy workflow (`.github/workflows/deploy.yml`) orchestrates the full pipel The visual regression workflow (`.github/workflows/visual-regression.yml`): -1. Resolves the PR deployment URL from the GitHub Deployments API. -2. Serves the baseline pages locally. -3. Runs the test suite sharded across multiple runners. Each test navigates to a page on both hosts, captures screenshots, and compares them pixel-by-pixel. -4. Produces an Allure report with image diffs for any failures, deployed to a preview environment. +1. Checks the commit for a `visual-regression-override` status (see [Overriding](#overriding-intentional-visual-changes) below). +2. Resolves the PR deployment URL from the GitHub Deployments API. +3. Serves the baseline pages locally. +4. Runs the test suite sharded across multiple runners. Each test navigates to a page on both hosts, captures screenshots, and compares them pixel-by-pixel. +5. Produces an Allure report with image diffs for any failures, deployed to a preview environment. +6. A final `verify` job reports the mandatory pass/fail result. + +### Mandatory check + +The visual regression result is a **required check**: a PR cannot merge unless the +`verify` job passes. It passes only when every shard passed, or when the commit +was overridden (below). The reporting jobs run with `always()` and never block on +their own. + +> To enforce this, add the `verify` job's status check (`Visual regression result`) +> to the branch protection rules for `main`. ### Reviewing failures -When the CI job fails, check the deployed Allure report (linked from the GitHub deployment). It shows expected vs actual vs diff images for each failing test. If the diff is expected (intentional visual change), note it in your PR description. +When the CI job fails, check the deployed Allure report (linked from the GitHub deployment). It shows expected vs actual vs diff images for each failing test. If the diff is expected (intentional visual change), override the check as described below. + +### Overriding intentional visual changes + +Because baselines are rebuilt from `origin/main` at run time (there are no committed +screenshots to update), an intentional visual change is approved by overriding the +check rather than by updating snapshots. This mirrors the manual "update workflow" +pattern from [Vitest visual regression testing](https://vitest.dev/guide/browser/visual-regression-testing.html#the-update-workflow). + +The override is **scoped to a single commit**. It approves the exact SHA you reviewed; +pushing a new commit produces a new SHA with no override, so the comparison runs again. + +To override, first confirm the diffs in the Allure report are intentional, then use either method: + +- **From the PR page (recommended):** comment `/override-visual-regression` on the pull request. Only users with write access can trigger it; the head commit is used automatically. +- **From the Actions tab:** run the **Override visual regression** workflow (`.github/workflows/visual-regression-override.yml`) manually, passing the commit SHA to approve. + +Either way the workflow posts a `visual-regression-override` success commit status on that SHA, comments on the PR crediting the person who triggered it, and re-runs the deploy workflow. On the re-run, the screenshot comparison is skipped and the `verify` job passes. ### Adding tests for a new component From 02c5295a29ce617a7f20c407f337636a3a3bcc32 Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Wed, 2 Sep 2026 09:46:10 +0200 Subject: [PATCH 2/6] fix: Grant statuses:read to deploy workflow for visual regression The visual-regression.yml reusable workflow declares `statuses: read` to look up the visual-regression-override commit status. A called workflow cannot request a permission the caller lacks, so the deploy.yml run failed at startup (startup_failure) and the visual regression job never started. Grant `statuses: read` at the deploy.yml caller so the reusable workflow call stays within the permission envelope. --- .github/workflows/deploy.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index eb2ec5ac86..1edca720a7 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -9,6 +9,10 @@ permissions: id-token: write actions: read contents: read + # Granted so the called visual-regression.yml (which declares `statuses: read` + # to look up the override commit status) stays within the caller's permission + # envelope. Without it, the reusable workflow call fails at startup. + statuses: read deployments: write jobs: From a92f7c8114cab919cda854f8f4fab938706620a4 Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Thu, 3 Sep 2026 09:39:07 +0200 Subject: [PATCH 3/6] Skip on fork PRs --- .github/workflows/deploy.yml | 46 ++++++++++ .../workflows/visual-regression-override.yml | 87 +++++-------------- .github/workflows/visual-regression.yml | 27 ------ docs/RUNNING_TESTS.md | 19 ++-- 4 files changed, 78 insertions(+), 101 deletions(-) diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 1edca720a7..992e09e5a8 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -132,3 +132,49 @@ jobs: baseline-artifact-name: visual-baseline-pages caller-run-id: ${{ github.run_id }} commit-sha: ${{ github.event.pull_request.head.sha }} + + # Required status check for branch protection. Runs for every PR so the context + # is always reported. + # + # It passes when any of these hold: + # - the PR is from a fork (visual regression cannot run, so it is skipped); + # - the visual job succeeded; + # - the commit has a maintainer override status. + # + # The override is checked directly here (not only via the visual job result) so + # that after an override this job can be re-run on its own to turn the check + # green, without rebuilding or redeploying the (unchanged) pages. + visual-regression-result: + name: Visual regression result + needs: [visual] + if: always() + runs-on: ubuntu-latest + steps: + - name: Evaluate result + env: + GH_TOKEN: ${{ github.token }} + REPO: ${{ github.repository }} + SHA: ${{ github.event.pull_request.head.sha }} + IS_FORK: ${{ github.event.pull_request.head.repo.full_name != github.repository }} + VISUAL_RESULT: ${{ needs.visual.result }} + run: | + if [ "$IS_FORK" = "true" ]; then + echo "::notice::Fork pull request: visual regression does not run. Marking as passed." + exit 0 + fi + + if [ "$VISUAL_RESULT" = "success" ]; then + echo "Visual regression passed." + exit 0 + fi + + OVERRIDDEN=$(gh api \ + "repos/${REPO}/commits/${SHA}/statuses" \ + --jq 'any(.[]; .context == "visual-regression-override" and .state == "success")' 2>/dev/null || echo "false") + if [ "$OVERRIDDEN" = "true" ]; then + echo "::notice::Visual regression was overridden for this commit by a maintainer. Marking as passed." + exit 0 + fi + + echo "::error::Visual regression did not pass (result: ${VISUAL_RESULT}). If the differences are intentional, comment '/override-visual-regression ' on the PR." + exit 1 diff --git a/.github/workflows/visual-regression-override.yml b/.github/workflows/visual-regression-override.yml index e083579162..2c49158f50 100644 --- a/.github/workflows/visual-regression-override.yml +++ b/.github/workflows/visual-regression-override.yml @@ -3,21 +3,13 @@ name: Override visual regression # Overrides the mandatory visual regression check when the visual differences are # intentional. # -# This mirrors the "update workflow" pattern from Vitest visual regression -# testing (https://vitest.dev/guide/browser/visual-regression-testing.html#the-update-workflow), -# adapted for this repo: because baselines are rebuilt from `origin/main` at run -# time (there are no committed screenshots to update), overriding instead posts a -# `visual-regression-override` commit status on the reviewed commit. The visual -# regression check (.github/workflows/visual-regression.yml) treats that status -# as an approval and passes without running the screenshot comparison. -# # The override is scoped to a single commit: pushing a new commit produces a new # SHA with no override status, so the comparison runs again. # # Two ways to trigger it: -# 1. Comment `/override-visual-regression` on the pull request (right from the -# PR page). Only users with write or admin access can do this. -# 2. Run it manually from the Actions tab, passing a commit SHA or PR number. +# 1. Comment `/override-visual-regression ` on the pull request +# (right from the PR page). Only users with write or admin access can do this. +# 2. Run it manually from the Actions tab, passing a commit SHA. on: issue_comment: @@ -29,53 +21,30 @@ on: required: true type: string -# One override at a time per PR / commit. +# Run one override at a time per PR (comment) or per commit (manual dispatch). concurrency: group: visual-regression-override@${{ github.event.issue.number || inputs.commit-sha }} cancel-in-progress: true permissions: - contents: read - statuses: write - pull-requests: write - actions: write + statuses: write # post the override commit status + actions: write # re-run the deploy workflow jobs: override: name: Apply visual regression override - # For comment triggers, only act on the command posted on a pull request. - # workflow_dispatch runs always proceed. + # Comment runs must be posted on a PR and start with the command; the trailing + # space requires text after it, which serves as the override justification + # (for example: "/override-visual-regression Expected padding changes in Container border radii"). + # Manual (workflow_dispatch) runs skip the comment check and always run. if: >- github.event_name == 'workflow_dispatch' || (github.event.issue.pull_request != null && - startsWith(github.event.comment.body, '/override-visual-regression')) + startsWith(github.event.comment.body, '/override-visual-regression ')) runs-on: ubuntu-latest steps: - # The `if` above is a cheap prefix filter; it would also match strings like - # `/override-visual-regressionX`. This step requires the command to be a - # standalone token: the first line must be exactly the command, optionally - # followed by whitespace (and arguments). A non-match ends the job quietly - # as a no-op (via the `matched` output guarding the steps below) rather - # than a failed run. - - name: Validate command - id: command - if: github.event_name == 'issue_comment' - env: - COMMENT_BODY: ${{ github.event.comment.body }} - run: | - FIRST_LINE=$(printf '%s' "$COMMENT_BODY" | head -n 1) - if printf '%s' "$FIRST_LINE" | grep -Eq '^/override-visual-regression([[:space:]]|$)'; then - echo "Recognized override command." - echo "matched=true" >> "$GITHUB_OUTPUT" - else - echo "Comment does not start with the exact '/override-visual-regression' command; nothing to do." - echo "matched=false" >> "$GITHUB_OUTPUT" - fi - - # For workflow_dispatch runs there is no comment to validate, so treat the - # command as matched. For comment runs, honor the validation result. - name: Authorize commenter - if: github.event_name == 'issue_comment' && steps.command.outputs.matched == 'true' + if: github.event_name == 'issue_comment' env: GH_TOKEN: ${{ github.token }} REPO: ${{ github.repository }} @@ -93,7 +62,7 @@ jobs: - name: Resolve the commit SHA id: resolve - if: success() && (github.event_name == 'workflow_dispatch' || steps.command.outputs.matched == 'true') + if: success() env: GH_TOKEN: ${{ github.token }} REPO: ${{ github.repository }} @@ -103,11 +72,9 @@ jobs: run: | if [ "$EVENT_NAME" = "issue_comment" ]; then # Resolve the head commit of the PR the command was posted on. - PR_NUMBER="$COMMENT_PR" - RESOLVED=$(gh api "repos/${REPO}/pulls/${PR_NUMBER}" --jq '.head.sha') + RESOLVED=$(gh api "repos/${REPO}/pulls/${COMMENT_PR}" --jq '.head.sha') else # workflow_dispatch: the SHA is provided directly. - PR_NUMBER="" RESOLVED="$INPUT_SHA" fi @@ -118,7 +85,6 @@ jobs: echo "Overriding visual regression for commit ${RESOLVED}." echo "sha=${RESOLVED}" >> "$GITHUB_OUTPUT" - echo "pr=${PR_NUMBER}" >> "$GITHUB_OUTPUT" - name: Post override commit status if: steps.resolve.outputs.sha != '' @@ -136,20 +102,7 @@ jobs: -f target_url="${RUN_URL}" >/dev/null echo "Posted visual-regression-override success status on ${SHA}, approved by @${ACTOR}." - - name: Acknowledge on the pull request - if: steps.resolve.outputs.pr != '' - env: - GH_TOKEN: ${{ github.token }} - REPO: ${{ github.repository }} - PR_NUMBER: ${{ steps.resolve.outputs.pr }} - SHA: ${{ steps.resolve.outputs.sha }} - ACTOR: ${{ github.actor }} - run: | - gh api "repos/${REPO}/issues/${PR_NUMBER}/comments" \ - -f body="Visual regression check overridden for commit \`${SHA}\` by @${ACTOR}. Re-running the deploy workflow to refresh the check. Pushing a new commit will require a fresh override." \ - >/dev/null - - - name: Re-run the deploy workflow to refresh the check + - name: Re-run the failed check to pick up the override if: steps.resolve.outputs.sha != '' env: GH_TOKEN: ${{ github.token }} @@ -161,9 +114,11 @@ jobs: --jq '.workflow_runs[0].id // empty') if [ -n "$RUN_ID" ]; then - echo "Re-running deploy workflow run ${RUN_ID} so the check re-evaluates with the override status." - gh api --method POST "repos/${REPO}/actions/runs/${RUN_ID}/rerun" >/dev/null || \ - echo "::warning::Could not automatically re-run the deploy workflow. Re-run it manually to refresh the check." + # Re-run only the failed jobs (the "Visual regression result" gate), + # not the whole run, so the build and deploy jobs are not repeated. + echo "Re-running failed jobs of deploy workflow run ${RUN_ID} to re-evaluate the check with the override." + gh api --method POST "repos/${REPO}/actions/runs/${RUN_ID}/rerun-failed-jobs" >/dev/null || \ + echo "::warning::Could not automatically re-run the check. Re-run the failed 'Visual regression result' job manually." else - echo "::warning::No deploy workflow run found for commit ${SHA}. Re-run the deploy workflow manually to refresh the check." + echo "::warning::No deploy workflow run found for commit ${SHA}. Re-run the failed 'Visual regression result' job manually." fi diff --git a/.github/workflows/visual-regression.yml b/.github/workflows/visual-regression.yml index 04d69f8be1..2175b3fb25 100644 --- a/.github/workflows/visual-regression.yml +++ b/.github/workflows/visual-regression.yml @@ -203,30 +203,3 @@ jobs: with: artifact-name: allure-report deployment-path: allure-report - - # Mandatory check: this job is the required status check. It fails the run - # unless every visual shard passed, or a maintainer overrode the result for - # this commit. Reporting jobs run with `always()` and never block. - verify: - name: Visual regression result - if: always() - needs: [check-override, visual] - runs-on: ubuntu-latest - steps: - - name: Evaluate result - env: - OVERRIDDEN: ${{ needs.check-override.outputs.overridden }} - VISUAL_RESULT: ${{ needs.visual.result }} - run: | - if [ "$OVERRIDDEN" = "true" ]; then - echo "::notice::Visual regression was overridden for this commit by a maintainer (visual-regression-override commit status). Marking as passed." - exit 0 - fi - - if [ "$VISUAL_RESULT" = "success" ]; then - echo "Visual regression tests passed." - exit 0 - fi - - echo "::error::Visual regression tests did not pass (result: ${VISUAL_RESULT}). Review the Allure report. If the differences are intentional, run the 'Override visual regression' workflow against this PR's branch." - exit 1 diff --git a/docs/RUNNING_TESTS.md b/docs/RUNNING_TESTS.md index 4805a773d8..00923b3154 100644 --- a/docs/RUNNING_TESTS.md +++ b/docs/RUNNING_TESTS.md @@ -80,17 +80,20 @@ The visual regression workflow (`.github/workflows/visual-regression.yml`): 3. Serves the baseline pages locally. 4. Runs the test suite sharded across multiple runners. Each test navigates to a page on both hosts, captures screenshots, and compares them pixel-by-pixel. 5. Produces an Allure report with image diffs for any failures, deployed to a preview environment. -6. A final `verify` job reports the mandatory pass/fail result. +6. The deploy workflow's `Visual regression result` job surfaces the pass/fail outcome as the required check. ### Mandatory check -The visual regression result is a **required check**: a PR cannot merge unless the -`verify` job passes. It passes only when every shard passed, or when the commit -was overridden (below). The reporting jobs run with `always()` and never block on -their own. +The `Visual regression result` check (from `deploy.yml`) is a **required check**: a PR +cannot merge unless it passes. It passes only when every shard passed, or when the +commit was overridden (below). The reporting jobs run with `always()` and never block +on their own. -> To enforce this, add the `verify` job's status check (`Visual regression result`) -> to the branch protection rules for `main`. +Fork pull requests are an exception: visual regression cannot run for forks (the deploy +and baseline jobs are skipped), so the check passes automatically for them. + +> To enforce this, add the `Visual regression result` status check to the branch +> protection rules for `main`. ### Reviewing failures @@ -111,7 +114,7 @@ To override, first confirm the diffs in the Allure report are intentional, then - **From the PR page (recommended):** comment `/override-visual-regression` on the pull request. Only users with write access can trigger it; the head commit is used automatically. - **From the Actions tab:** run the **Override visual regression** workflow (`.github/workflows/visual-regression-override.yml`) manually, passing the commit SHA to approve. -Either way the workflow posts a `visual-regression-override` success commit status on that SHA, comments on the PR crediting the person who triggered it, and re-runs the deploy workflow. On the re-run, the screenshot comparison is skipped and the `verify` job passes. +Either way the workflow posts a `visual-regression-override` success commit status on that SHA, comments on the PR crediting the person who triggered it, and re-runs the deploy workflow. On the re-run, the screenshot comparison is skipped and the `Visual regression result` check passes. ### Adding tests for a new component From 09c07252aa218ceb298194a351c26e5a6a69e07f Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Fri, 4 Sep 2026 15:27:49 +0200 Subject: [PATCH 4/6] Visual change for testing --- style-dictionary/core/palette-values.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style-dictionary/core/palette-values.ts b/style-dictionary/core/palette-values.ts index f06827aa07..09ec368553 100644 --- a/style-dictionary/core/palette-values.ts +++ b/style-dictionary/core/palette-values.ts @@ -269,7 +269,7 @@ const paletteTokens: StyleDictionary.ColorPaletteDictionary = { colorAwsSquidInk: '#232f3e', colorTransparent: 'transparent', colorBlack: '#000000', - colorWhite: '#ffffff', + colorWhite: '#eeeeee', }; export { paletteTokens }; From f4afa35d35e27a2d296e78ac093f85758fd23c8b Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Fri, 4 Sep 2026 15:58:04 +0200 Subject: [PATCH 5/6] Update design tokens snapshots --- .../__snapshots__/design-tokens.test.ts.snap | 990 +++++++++--------- 1 file changed, 495 insertions(+), 495 deletions(-) diff --git a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap index 9cd68bcfe1..eab01f38b8 100644 --- a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap +++ b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap @@ -216,7 +216,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of action cards.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { @@ -335,14 +335,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -370,7 +370,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of primary buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-primary-hover": { @@ -384,7 +384,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of a card.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -419,7 +419,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { @@ -440,7 +440,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -461,7 +461,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -524,7 +524,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -552,7 +552,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -601,7 +601,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -685,7 +685,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "Background color for the popover container.", "$value": { "dark": "#21252c", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -713,14 +713,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -734,7 +734,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -818,7 +818,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -1132,7 +1132,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -1160,7 +1160,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -1363,7 +1363,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -2323,7 +2323,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -2364,15 +2364,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#687078", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -2413,8 +2413,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -2596,14 +2596,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The active text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -2617,14 +2617,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The hover text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -2750,7 +2750,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the home header's text, displayed on the Service's home page.", "$value": { "dark": "#eaeded", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-home-header-secondary": { @@ -2848,7 +2848,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -2862,7 +2862,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -2974,7 +2974,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -3884,7 +3884,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of action cards.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { @@ -4003,14 +4003,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -4038,7 +4038,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of primary buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-primary-hover": { @@ -4052,7 +4052,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of a card.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -4087,7 +4087,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { @@ -4108,7 +4108,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -4129,7 +4129,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -4192,7 +4192,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -4220,7 +4220,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -4269,7 +4269,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -4353,7 +4353,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "Background color for the popover container.", "$value": { "dark": "#21252c", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -4381,14 +4381,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -4402,7 +4402,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -4486,7 +4486,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -4800,7 +4800,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -4828,7 +4828,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -5031,7 +5031,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -5991,7 +5991,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -6032,15 +6032,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#687078", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -6081,8 +6081,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -6264,14 +6264,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The active text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -6285,14 +6285,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The hover text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -6418,7 +6418,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the home header's text, displayed on the Service's home page.", "$value": { "dark": "#eaeded", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-home-header-secondary": { @@ -6516,7 +6516,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -6530,7 +6530,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -6642,7 +6642,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -7552,7 +7552,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of action cards.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { @@ -7671,14 +7671,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -7706,7 +7706,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of primary buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-primary-hover": { @@ -7720,7 +7720,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of a card.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -7755,7 +7755,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { @@ -7776,7 +7776,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -7797,7 +7797,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -7860,7 +7860,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -7888,7 +7888,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -7937,7 +7937,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -8021,7 +8021,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "Background color for the popover container.", "$value": { "dark": "#21252c", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -8049,14 +8049,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -8070,7 +8070,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -8154,7 +8154,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -8468,7 +8468,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -8496,7 +8496,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -8699,7 +8699,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -9659,7 +9659,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -9700,15 +9700,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#687078", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -9749,8 +9749,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -9932,14 +9932,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The active text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -9953,14 +9953,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The hover text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -10086,7 +10086,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the home header's text, displayed on the Service's home page.", "$value": { "dark": "#eaeded", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-home-header-secondary": { @@ -10184,7 +10184,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -10198,7 +10198,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -10310,7 +10310,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -11220,7 +11220,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of action cards.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { @@ -11346,7 +11346,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -11374,7 +11374,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of primary buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-primary-hover": { @@ -11388,7 +11388,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of a card.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -11423,7 +11423,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { @@ -11444,7 +11444,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -11465,7 +11465,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -11528,7 +11528,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -11556,7 +11556,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -11605,7 +11605,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -11689,7 +11689,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "Background color for the popover container.", "$value": { "dark": "#21252c", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -11702,8 +11702,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-background-progress-bar-value-default": { "$description": "The default background color of the progress bar value.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-background-segment-active": { @@ -11724,7 +11724,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -11738,7 +11738,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -11975,8 +11975,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-button-normal-active": { "$description": "The border color of normal buttons in active state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-button-normal-default": { @@ -11996,8 +11996,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-button-normal-hover": { "$description": "The border color of normal buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-button-primary-active": { @@ -12136,7 +12136,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -12164,7 +12164,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -12213,8 +12213,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-toggle-button-normal-hover": { "$description": "The border color of normal toggle buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-toggle-button-normal-pressed": { @@ -12367,7 +12367,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -13327,7 +13327,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -13368,15 +13368,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#687078", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -13417,8 +13417,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -13543,8 +13543,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-button-link-active": { "$description": "The text color of link buttons in active state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-link-default": { @@ -13564,15 +13564,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-button-link-hover": { "$description": "The text color of link buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-normal-active": { "$description": "The active text color of normal buttons. For example: Active text color in normal and link buttons.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-normal-default": { @@ -13592,22 +13592,22 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-button-normal-hover": { "$description": "The hover text color of normal buttons.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-primary-active": { "$description": "The active text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -13621,14 +13621,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The hover text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -13704,8 +13704,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-expandable-section-hover": { "$description": "The color of the expandable section header text in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-expandable-section-navigation-icon-default": { @@ -13754,7 +13754,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the home header's text, displayed on the Service's home page.", "$value": { "dark": "#eaeded", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-home-header-secondary": { @@ -13852,7 +13852,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -13866,7 +13866,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -13893,8 +13893,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-link-hover": { "$description": "The hover color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-link-info-default": { @@ -13907,8 +13907,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-link-info-hover": { "$description": "The hover color for info links.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-link-secondary-default": { @@ -13921,8 +13921,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-link-secondary-hover": { "$description": "The hover color for secondary links. For example: links with lower visual emphasis or supplementary content.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-notification-default": { @@ -13978,7 +13978,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -13991,8 +13991,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-segment-hover": { "$description": "The text color of inactive segments in a segmented control on hover.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-side-navigation-item-active": { @@ -14888,7 +14888,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of action cards.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { @@ -15014,7 +15014,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -15042,7 +15042,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of primary buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-primary-hover": { @@ -15056,7 +15056,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of a card.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -15091,7 +15091,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { @@ -15112,7 +15112,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -15133,7 +15133,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -15196,7 +15196,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -15224,7 +15224,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -15273,7 +15273,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -15357,7 +15357,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "Background color for the popover container.", "$value": { "dark": "#21252c", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -15392,7 +15392,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -15406,7 +15406,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -15804,7 +15804,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -15832,7 +15832,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -16035,7 +16035,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -16995,7 +16995,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -17036,15 +17036,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#687078", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -17085,8 +17085,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -17268,14 +17268,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The active text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -17289,14 +17289,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The hover text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -17422,7 +17422,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the home header's text, displayed on the Service's home page.", "$value": { "dark": "#eaeded", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-home-header-secondary": { @@ -17520,7 +17520,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -17534,7 +17534,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -17646,7 +17646,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -19472,8 +19472,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-segment-default": { @@ -19500,8 +19500,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-segment-wrapper": { @@ -19703,7 +19703,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -20704,8 +20704,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { @@ -20753,8 +20753,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -22224,7 +22224,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of action cards.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { @@ -22343,14 +22343,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -22378,7 +22378,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of primary buttons in disabled state.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-primary-hover": { @@ -22392,7 +22392,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of a card.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -22427,7 +22427,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { @@ -22448,7 +22448,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -22469,7 +22469,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -22532,7 +22532,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -22560,7 +22560,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -22609,7 +22609,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -22693,7 +22693,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "Background color for the popover container.", "$value": { "dark": "#21252c", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -22721,14 +22721,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -22742,7 +22742,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -22826,7 +22826,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#2a2e33", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -23140,7 +23140,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-active": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -23168,7 +23168,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-border-segment-hover": { "$description": "Deprecated - this token is no longer in use.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#16191f", }, }, @@ -23371,7 +23371,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -24331,7 +24331,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -24372,15 +24372,15 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-foreground-control-default": { "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#687078", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -24421,8 +24421,8 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -24604,14 +24604,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The active text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -24625,14 +24625,14 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The hover text color of primary buttons.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -24758,7 +24758,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the home header's text, displayed on the Service's home page.", "$value": { "dark": "#eaeded", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-home-header-secondary": { @@ -24856,7 +24856,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -24870,7 +24870,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#16191f", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -24982,7 +24982,7 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#1a2029", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -25897,14 +25897,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of action cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { "$description": "The background color of action cards in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-hover": { @@ -26023,7 +26023,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -26057,7 +26057,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-background-button-primary-hover": { "$description": "The background color of primary buttons in hover state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -26065,7 +26065,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of a card.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -26100,14 +26100,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { "$description": "The background color of container headers. For example: headers of form sections, containers, tables, and card collections.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-checked": { @@ -26121,7 +26121,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -26142,7 +26142,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -26205,7 +26205,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -26226,14 +26226,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the main content area on a page. For example: content area in app layout.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-panel": { "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -26282,7 +26282,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -26366,7 +26366,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "Background color for the popover container.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -26401,7 +26401,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -26415,7 +26415,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -26652,7 +26652,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-normal-active": { "$description": "The border color of normal buttons in active state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -26673,7 +26673,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-normal-hover": { "$description": "The border color of normal buttons in hover state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -26701,7 +26701,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-primary-hover": { "$description": "The border color of primary buttons in hover state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -26890,7 +26890,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-toggle-button-normal-hover": { "$description": "The border color of normal toggle buttons in hover state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -27044,7 +27044,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -28004,7 +28004,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -28046,14 +28046,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -28094,8 +28094,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -28220,7 +28220,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-link-active": { "$description": "The text color of link buttons in active state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -28241,14 +28241,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-link-hover": { "$description": "The text color of link buttons in hover state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, "color-text-button-normal-active": { "$description": "The active text color of normal buttons. For example: Active text color in normal and link buttons.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -28269,7 +28269,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-normal-hover": { "$description": "The hover text color of normal buttons.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -28277,14 +28277,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The active text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -28298,14 +28298,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The hover text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -28381,7 +28381,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-expandable-section-hover": { "$description": "The color of the expandable section header text in hover state.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -28521,15 +28521,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -28543,7 +28543,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -28655,7 +28655,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -28668,7 +28668,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-segment-hover": { "$description": "The text color of inactive segments in a segmented control on hover.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#0f141a", }, }, @@ -29725,8 +29725,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-background-button-primary-hover": { "$description": "The background color of primary buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-background-card": { @@ -30320,8 +30320,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-normal-active": { "$description": "The border color of normal buttons in active state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-button-normal-default": { @@ -30341,8 +30341,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-normal-hover": { "$description": "The border color of normal buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-button-primary-active": { @@ -30369,8 +30369,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-primary-hover": { "$description": "The border color of primary buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-card": { @@ -30558,8 +30558,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-toggle-button-normal-hover": { "$description": "The border color of normal toggle buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-toggle-button-normal-pressed": { @@ -30712,7 +30712,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -31762,8 +31762,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -31888,8 +31888,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-link-active": { "$description": "The text color of link buttons in active state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-link-default": { @@ -31909,15 +31909,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-link-hover": { "$description": "The text color of link buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-normal-active": { "$description": "The active text color of normal buttons. For example: Active text color in normal and link buttons.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-normal-default": { @@ -31937,8 +31937,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-normal-hover": { "$description": "The hover text color of normal buttons.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-primary-active": { @@ -32049,8 +32049,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-expandable-section-hover": { "$description": "The color of the expandable section header text in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-expandable-section-navigation-icon-default": { @@ -32189,8 +32189,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { @@ -32336,8 +32336,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-segment-hover": { "$description": "The text color of inactive segments in a segmented control on hover.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-side-navigation-item-active": { @@ -33233,14 +33233,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of action cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { "$description": "The background color of action cards in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-hover": { @@ -33352,14 +33352,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of normal buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -33401,7 +33401,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of a card.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -33436,14 +33436,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { "$description": "The background color of container headers. For example: headers of form sections, containers, tables, and card collections.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-checked": { @@ -33457,7 +33457,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -33478,7 +33478,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -33541,7 +33541,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -33569,7 +33569,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -33618,7 +33618,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -33702,7 +33702,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "Background color for the popover container.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -33730,14 +33730,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -33751,7 +33751,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -33835,7 +33835,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -34380,7 +34380,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -35340,7 +35340,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -35382,14 +35382,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -35430,8 +35430,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -35613,14 +35613,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The active text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -35634,14 +35634,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The hover text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -35857,15 +35857,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -35879,7 +35879,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -35991,7 +35991,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -36901,14 +36901,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of action cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { "$description": "The background color of action cards in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-hover": { @@ -37020,14 +37020,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of normal buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -37069,7 +37069,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of a card.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -37104,14 +37104,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { "$description": "The background color of container headers. For example: headers of form sections, containers, tables, and card collections.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-checked": { @@ -37125,7 +37125,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -37146,7 +37146,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -37209,7 +37209,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -37230,14 +37230,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the main content area on a page. For example: content area in app layout.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-panel": { "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -37286,7 +37286,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -37370,7 +37370,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "Background color for the popover container.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -37398,14 +37398,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -37419,7 +37419,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -37503,7 +37503,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -38048,7 +38048,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -39008,7 +39008,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -39050,14 +39050,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -39098,8 +39098,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -39281,14 +39281,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The active text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -39302,14 +39302,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The hover text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -39525,15 +39525,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -39547,7 +39547,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -39659,7 +39659,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -40569,14 +40569,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of action cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { "$description": "The background color of action cards in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-hover": { @@ -40695,7 +40695,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -40729,15 +40729,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-background-button-primary-hover": { "$description": "The background color of primary buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-background-card": { "$description": "The background color of a card.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -40772,14 +40772,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { "$description": "The background color of container headers. For example: headers of form sections, containers, tables, and card collections.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-checked": { @@ -40793,7 +40793,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -40814,7 +40814,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -40877,7 +40877,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -40898,14 +40898,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the main content area on a page. For example: content area in app layout.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-panel": { "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -40954,7 +40954,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -41038,7 +41038,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "Background color for the popover container.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -41051,8 +41051,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-background-progress-bar-value-default": { "$description": "The default background color of the progress bar value.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-background-segment-active": { @@ -41073,7 +41073,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -41087,7 +41087,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -41324,8 +41324,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-normal-active": { "$description": "The border color of normal buttons in active state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-button-normal-default": { @@ -41345,8 +41345,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-normal-hover": { "$description": "The border color of normal buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-button-primary-active": { @@ -41373,8 +41373,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-button-primary-hover": { "$description": "The border color of primary buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-card": { @@ -41562,8 +41562,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-border-toggle-button-normal-hover": { "$description": "The border color of normal toggle buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-border-toggle-button-normal-pressed": { @@ -41716,7 +41716,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -42676,7 +42676,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -42718,14 +42718,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -42766,8 +42766,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -42885,15 +42885,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-inline-icon-hover": { "$description": "The color of inline button icons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-link-active": { "$description": "The text color of link buttons in active state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-link-default": { @@ -42913,15 +42913,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-link-hover": { "$description": "The text color of link buttons in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-normal-active": { "$description": "The active text color of normal buttons. For example: Active text color in normal and link buttons.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-normal-default": { @@ -42941,22 +42941,22 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-button-normal-hover": { "$description": "The hover text color of normal buttons.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-button-primary-active": { "$description": "The active text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -42970,14 +42970,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The hover text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -43053,8 +43053,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-expandable-section-hover": { "$description": "The color of the expandable section header text in hover state.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-expandable-section-navigation-icon-default": { @@ -43193,15 +43193,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -43215,7 +43215,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -43242,8 +43242,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-link-hover": { "$description": "The hover color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-link-info-default": { @@ -43256,8 +43256,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-link-info-hover": { "$description": "The hover color for info links.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-link-secondary-default": { @@ -43270,8 +43270,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-link-secondary-hover": { "$description": "The hover color for secondary links. For example: links with lower visual emphasis or supplementary content.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-notification-default": { @@ -43327,7 +43327,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -43340,8 +43340,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-segment-hover": { "$description": "The text color of inactive segments in a segmented control on hover.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-side-navigation-item-active": { @@ -44237,14 +44237,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of action cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { "$description": "The background color of action cards in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-hover": { @@ -44363,7 +44363,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -44405,7 +44405,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of a card.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -44440,14 +44440,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { "$description": "The background color of container headers. For example: headers of form sections, containers, tables, and card collections.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-checked": { @@ -44461,7 +44461,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -44482,7 +44482,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -44545,7 +44545,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -44566,14 +44566,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the main content area on a page. For example: content area in app layout.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-panel": { "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -44622,7 +44622,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -44706,7 +44706,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "Background color for the popover container.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -44741,7 +44741,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -44755,7 +44755,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -45384,7 +45384,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -46344,7 +46344,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -46386,14 +46386,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -46434,8 +46434,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -46617,14 +46617,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The active text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -46638,14 +46638,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The hover text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -46861,15 +46861,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -46883,7 +46883,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -46995,7 +46995,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { @@ -49052,7 +49052,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -50102,8 +50102,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -50529,8 +50529,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { @@ -52720,7 +52720,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -53770,8 +53770,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -54197,8 +54197,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { @@ -55241,14 +55241,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of action cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-disabled": { "$description": "The background color of action cards in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-action-card-hover": { @@ -55360,14 +55360,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of normal buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-disabled": { "$description": "The background color of normal buttons in disabled state.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-button-normal-hover": { @@ -55409,7 +55409,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of a card.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-cell-shaded": { @@ -55444,14 +55444,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of container main content areas. For example: content areas of form sections, containers, tables, and cards.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-container-header": { "$description": "The background color of container headers. For example: headers of form sections, containers, tables, and card collections.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-checked": { @@ -55465,7 +55465,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form controls. For example: radio buttons and checkboxes default background fill color.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-control-disabled": { @@ -55486,7 +55486,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of dropdown items. For example: select, multiselect, autosuggest, and datepicker dropdown backgrounds.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-dropdown-item-filter-match": { @@ -55549,7 +55549,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of form inputs. For example: background fill of an input, textarea, autosuggest, and trigger of a select and multiselect.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-input-disabled": { @@ -55570,14 +55570,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the main content area on a page. For example: content area in app layout.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-panel": { "$description": "The background color of the selected (active) drawer panel in the app layout. Use this token to theme the background of the open drawer.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-layout-toggle-active": { @@ -55626,7 +55626,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of the app layout's toolbar. For example: The toolbar bar containing breadcrumbs and toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-loading-bar-gen-ai": { @@ -55710,7 +55710,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "Background color for the popover container.", "$value": { "dark": "#1b232d", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-progress-bar-default": { @@ -55738,14 +55738,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of inactive segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-disabled": { "$description": "The background color of disabled segments in a segmented control.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-segment-hover": { @@ -55759,7 +55759,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The background color of segmented control wrapper.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-side-navigation-item-active": { @@ -55843,7 +55843,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default background color of normal toggle buttons.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-background-toggle-button-normal-hover": { @@ -56388,7 +56388,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-charts-error-bar-marker": { "$description": "Color for the error bar marker in charts.", "$value": { - "dark": "#ffffff", + "dark": "#eeeeee", "light": "#131920", }, }, @@ -57348,7 +57348,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The default color of file upload dropzone background.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-dropzone-background-hover": { @@ -57390,14 +57390,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color used to mark enabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-disabled": { "$description": "The color used to mark disabled form controls. For example: the checkmark on checkboxes, inner circle on radio buttons, and handle on toggles.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-foreground-control-read-only": { @@ -57438,8 +57438,8 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-avatar": { "$description": "The text and icon color of avatars.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-badge-blue": { @@ -57621,14 +57621,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The active text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-default": { "$description": "The default text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-button-primary-disabled": { @@ -57642,14 +57642,14 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The hover text color of primary buttons.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-calendar-date-selected": { "$description": "The text color of selected dates in the calendar.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-chat-bubble-incoming": { @@ -57865,15 +57865,15 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "color-text-layout-toggle": { "$description": "The default color of the app layout toggle.", "$value": { - "dark": "#ffffff", - "light": "#ffffff", + "dark": "#eeeeee", + "light": "#eeeeee", }, }, "color-text-layout-toggle-active": { "$description": "The color of the app layout toggle button when it's active.", "$value": { "dark": "#161d26", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-layout-toggle-hover": { @@ -57887,7 +57887,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The color of the app layout toggle button when it's selected.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-link-decoration-default": { @@ -57999,7 +57999,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "$description": "The text color of the active segment in a segmented control.", "$value": { "dark": "#0f141a", - "light": "#ffffff", + "light": "#eeeeee", }, }, "color-text-segment-default": { From 740d998479d025a0017cf81d37178107d1b78b9d Mon Sep 17 00:00:00 2001 From: Joan Perals Tresserra Date: Fri, 4 Sep 2026 16:39:07 +0200 Subject: [PATCH 6/6] Refine comments --- .github/workflows/deploy.yml | 5 +---- .github/workflows/visual-regression-override.yml | 8 ++++---- 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 992e09e5a8..4bb8273274 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -9,10 +9,7 @@ permissions: id-token: write actions: read contents: read - # Granted so the called visual-regression.yml (which declares `statuses: read` - # to look up the override commit status) stays within the caller's permission - # envelope. Without it, the reusable workflow call fails at startup. - statuses: read + statuses: read # Needed to check if the visual regression test result has been overriden deployments: write jobs: diff --git a/.github/workflows/visual-regression-override.yml b/.github/workflows/visual-regression-override.yml index 2c49158f50..7d666d88d7 100644 --- a/.github/workflows/visual-regression-override.yml +++ b/.github/workflows/visual-regression-override.yml @@ -27,16 +27,16 @@ concurrency: cancel-in-progress: true permissions: - statuses: write # post the override commit status - actions: write # re-run the deploy workflow + statuses: write # Needed to post the override commit status + actions: write # Needed to re-run the deploy workflow jobs: override: name: Apply visual regression override - # Comment runs must be posted on a PR and start with the command; the trailing + # Override comments must be posted on a PR and start with the command; the trailing # space requires text after it, which serves as the override justification # (for example: "/override-visual-regression Expected padding changes in Container border radii"). - # Manual (workflow_dispatch) runs skip the comment check and always run. + # Manual runs (workflow_dispatch) skip the comment check. if: >- github.event_name == 'workflow_dispatch' || (github.event.issue.pull_request != null &&