Skip to content

feat(tokens): add gray and text colors #17649

feat(tokens): add gray and text colors

feat(tokens): add gray and text colors #17649

Triggered via pull request December 5, 2025 02:17
@thetaPCthetaPC
synchronize #30799
FW-6751
Status Cancelled
Total duration 6m 51s
Artifacts 11

build.yml

on: pull_request
build-react
53s
build-react
build-vue
42s
build-vue
Matrix: test-core-screenshot
build-angular
1m 10s
build-angular
build-angular-server
41s
build-angular-server
test-core-clean-build
15s
test-core-clean-build
test-core-lint
57s
test-core-lint
test-core-spec
51s
test-core-spec
build-react-router
31s
build-react-router
build-vue-router
47s
build-vue-router
verify-screenshots
4s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
2s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

71 errors and 4 notices
test-angular-e2e (ng19)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-angular-e2e (ng20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-angular-e2e (ng20)
The operation was canceled.
test-core-screenshot (8, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (8, 20)
The operation was canceled.
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom: src/components/badge/test/hint/badge.e2e.ts#L39
2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-ios-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:31
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom: src/components/badge/test/hint/badge.e2e.ts#L39
2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-ios-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:31
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom: src/components/badge/test/hint/badge.e2e.ts#L39
2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-ios-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 211px, received 393px by 209px. 2644 pixels (ratio 0.04 of all image pixels) are different. 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:31
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top: src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button') Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-ios-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. 29 | const container = page.locator('#tab-button'); 30 | > 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`)); | ^ 32 | }); 33 | 34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top: src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button') Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-ios-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. 29 | const container = page.locator('#tab-button'); 30 | > 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`)); | ^ 32 | }); 33 | 34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top: src/components/badge/test/hint/badge.e2e.ts#L31
1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button') Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-ios-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ios list-ios hydrated">…</ion-list> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 393px by 211px, received 393px by 209px. 2637 pixels (ratio 0.04 of all image pixels) are different. 29 | const container = page.locator('#tab-button'); 30 | > 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`)); | ^ 32 | }); 33 | 34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31
test-vue-e2e (vue3)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-vue-e2e (vue3)
The operation was canceled.
test-core-screenshot (5, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (5, 20)
Process completed with exit code 12.
test-core-screenshot (5, 20)
The operation was canceled.
test-angular-e2e (ng18)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-angular-e2e (ng18)
The operation was canceled.
test-core-screenshot (1, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (1, 20)
Process completed with exit code 12.
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (13, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (13, 20)
Process completed with exit code 12.
test-angular-e2e (ng16)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (13, 20)
The operation was canceled.
test-angular-e2e (ng16)
The operation was canceled.
test-core-screenshot (18, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (18, 20)
Process completed with exit code 12.
test-core-screenshot (18, 20)
The operation was canceled.
test-core-screenshot (6, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (6, 20)
Process completed with exit code 12.
test-core-screenshot (6, 20)
The operation was canceled.
test-core-screenshot (15, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (15, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The operation was canceled.
test-core-screenshot (19, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (19, 20)
Process completed with exit code 12.
test-core-screenshot (19, 20)
The operation was canceled.
verify-test-vue-e2e
Process completed with exit code 1.
test-core-screenshot (12, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (12, 20)
Process completed with exit code 12.
test-core-screenshot (12, 20)
The operation was canceled.
test-core-screenshot (3, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (3, 20)
Process completed with exit code 12.
test-core-screenshot (3, 20)
The operation was canceled.
test-core-screenshot (9, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (9, 20)
Process completed with exit code 12.
test-core-screenshot (9, 20)
The operation was canceled.
test-angular-e2e (ng17)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-angular-e2e (ng17)
The operation was canceled.
test-core-screenshot (16, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (16, 20)
Process completed with exit code 12.
test-core-screenshot (16, 20)
The operation was canceled.
test-core-screenshot (4, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The operation was canceled.
test-core-screenshot (11, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (11, 20)
Process completed with exit code 12.
test-core-screenshot (11, 20)
The operation was canceled.
test-core-screenshot (17, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (17, 20)
Process completed with exit code 12.
test-core-screenshot (17, 20)
The operation was canceled.
test-core-screenshot (14, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (14, 20)
Process completed with exit code 12.
test-core-screenshot (14, 20)
The operation was canceled.
test-core-screenshot (2, 20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
test-core-screenshot (2, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The operation was canceled.
verify-test-angular-e2e
Process completed with exit code 1.
verify-screenshots
Process completed with exit code 1.
Ionic Framework Build
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
🎭 Playwright Run Summary
360 skipped 275 passed (2.2m)
🎭 Playwright Run Summary
368 skipped 307 passed (3.4m)
🎭 Playwright Run Summary
2 skipped 669 passed (3.6m)
🎭 Playwright Run Summary
2 failed [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is on the top [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom 8 skipped 681 passed (3.9m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
775 KB
sha256:66cd0b308bf9117bfb52819d8dba4b6b3b0a9b1f1410daaded73e919f4c3eb43
ionic-angular-server
8.55 KB
sha256:d76d09ec01537f28555b3fd9547fee6d9e68983472f710c5cb5f9e6b4548efea
ionic-core
5.19 MB
sha256:4f96b1952cd1b0d780d64e856d430cca4f2e51a9a4b8ace6e4f6c245a7f2f2ef
ionic-react
313 KB
sha256:14f8ce563a8eec7008332c9fa68f11bb385d3993a9ffecdf6a54af73c39d733d
ionic-react-router
27.9 KB
sha256:a9def9f21283886ed9bb986dfd6cb47a175ef7ad959a663370edbc2b30137006
ionic-vue
344 KB
sha256:9820792048e555846d17aa3ab338eb3e420681bb76be2c2ec9c00ddb73bcf517
ionic-vue-router
17 KB
sha256:5e446950979704e4d3e269e18540de6a89b2bf8cf977fb97d927084fd17f0b69
test-results-10-20
461 KB
sha256:93ed018d27dbf6cd6762d1efdc2ec2a669be3772304ce5ee70dea0f6fd5e3948
test-results-20-20
356 KB
sha256:50a989a62564310d473cbd167dbc33eb84fbfd3767f0c85dbe1f01baf565915d
test-results-7-20
375 KB
sha256:212a484e90927cee88c984bc6c8201688688c1cb5c4ded6eb71549f410161d63
test-results-8-20
4.13 MB
sha256:e86b14f955b67d59d24b5297aeb5fc1ec0ee4165501b6842f85e19583626ed15