chore(git): sync ionic-modular with next #30826

thetaPC · 2025-12-01T18:34:34Z

Syncing with next

…0703) ## What is the current behavior?  - The variables when being generated from the tokens were causing the fallback to `$ion-font-family` to be with invalid format: ``` $ion-font-family: var( --token-font-family, "-apple-system, system-ui, " Segoe UI ", Roboto, Helvetica, Arial, sans-serif, " Apple Color Emoji ", " Segoe UI Emoji", " Segoe UI Symbol "", sans-serif ); ``` - Additionally the command to generate the css from the tokens, was not prepared to run on windows machines. ## What is the new behavior?  - Removed the added quotes to the variable coming from the tokens: ``` $ion-font-family: var( --token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" ); ``` - Changed the command `build.tokens` to run on windows - Generated a new version of `ionic.vars.scss` ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information N/A

Issue number: resolves #30611 ---------   ## What is the current behavior?  Currently, the way tabs are set in the tab bar abuses a bug that existed in older versions of Stencil where children would be rendered out of the correct order. This worked in the tab and tab bar's favor previously, but after the fix it broke our implementation so tabs would no longer correctly indicate the selected tab on direct navigation. ## What is the new behavior? We had a temporary fix before we knew what actually caused this issue before, which was basically just a timeout. That blindly worked because it triggered after the child was fully rendered. This change embraces the new, and correct, way these components render and triggers tab updates correctly. ## Does this introduce a breaking change? - [ ] Yes - [X] No  ## Other information  Current dev build: ``` 8.7.6-dev.11759345401.165fca78 ``` --------- Co-authored-by: ionitron <hi@ionicframework.com>

Issue number: resolves # ---------   ## What is the current behavior?  The current version in use of stencil (`4.36.2`), as well as, a more recent version (`4.38.0`) are breaking the tests for several of the components (e.g. accordion, datepicker, modal) ## What is the new behavior?  - Reverting the version of stencil to the last known stable version `4.33.1` ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  N/A

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>

v8.7.6

Issue number: internal ---------   ## What is the new behavior?  This pull request makes a minor update to the `generateColorUtilityClasses` function to improve how CSS custom property values are interpolated in the generated class definitions. * In `core/scripts/tokens/utils.mjs`, the function now wraps the SCSS variable reference for the custom property value in `#{...}` to ensure proper interpolation when generating the CSS class. ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information

This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [actions/setup-node](https://redirect.github.com/actions/setup-node) | action | major | `v5` -> `v6` | --- ### Release Notes <details> <summary>actions/setup-node (actions/setup-node)</summary> ### [`v6`](https://redirect.github.com/actions/setup-node/compare/v5...v6) [Compare Source](https://redirect.github.com/actions/setup-node/compare/v5...v6) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/ionic-team/ionic-framework).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Issue number: resolves #25326 ---------   ## What is the current behavior?  The header flickers upon page transition when on iOS mode and using a condensed header: **Entering Page Two (P1 → P2):** When navigating to Page Two, which has a collapsing header (intended to be hidden until scroll), the header briefly flashes into view. This happens because the header is initially rendered with full `opacity: 1` before the component's logic can apply `opacity: 0` to hide it, causing a visible flicker. **Navigating Back (P2 → P1):** When navigating back, Page One's header briefly bleeds through the top of Page Two. Although Page Two is on top (`z−index: 100`), its collapsing header is set to `opacity: 0`. This transparency allows Page One header (`z−index: 99`) to become visible underneath, as the transparent area cannot block the content below it. The header flickers upon page transition when on iOS mode and using a fade header: **Entering Page Two (P1 → P2):** When navigating to Page Two, which has a fade header (should not have a background on load), the header background briefly flashes into view. This happens because the header is initially rendered with full `opacity: 1` before the component's logic can apply `opacity: 0` to hide it, causing a visible flicker. ## What is the new behavior?  - Added a transition-specific class that is applied to the condensed ion-header element to override its default transparency. This guarantees the header to act as an opaque block during the page transition, eliminating visual flickering caused by early `opacity: 0` or the header underneath bleeding through. - Added a transition-specific class that is applied to the fade ion-header element to override its default opaque background. This guarantees the header to act as a transparent block during the page transition, eliminating visual flickering caused by default `opacity: 1`. ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  Dev build: `8.7.6-dev.11759524961.1cff6814`

This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [github/codeql-action](https://redirect.github.com/github/codeql-action) | action | major | `v3` -> `v4` | --- ### Release Notes <details> <summary>github/codeql-action (github/codeql-action)</summary> ### [`v4`](https://redirect.github.com/github/codeql-action/compare/v3...v4) [Compare Source](https://redirect.github.com/github/codeql-action/compare/v3...v4) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/ionic-team/ionic-framework).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

… errors (#30723) Issue number: internal ---------   ## What is the current behavior?  Currently, when an error text is shown, it may not announce itself to voice assistants. This is because the way error text currently works is by always existing in the DOM, but being hidden when there is no error. When the error state changes, the error text is shown, but as far as the voice assistant can tell it's always been there and nothing has changed. ## What is the new behavior?  - Updated aria attributes - Added observer with an observer We had to do this with a mutation observer and state because it's important in some frameworks, like Angular, that state changes to cause a re-render. This, combined with some minor aria changes, makes it so that when a field is declared invalid, it immediately announces the invalid state instead of waiting for the user to go back to the invalid field. ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  [Preview](https://ionic-framework-git-fw-6797-ionic1.vercel.app/src/components/select/test/validation/)

Issue number: internal --------- ## What is the current behavior? Button checks for undefined and null fill as a result of Stencil bug stenciljs/core#3586 ## What is the new behavior? - Removes check for `null` with the release of Stencil v4.38.0 - No test needed as one exists already: https://github.com/ionic-team/ionic-framework/pull/26339/files ## Does this introduce a breaking change? - [ ] Yes - [x] No Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>

Issue number: internal ---------   ## What is the current behavior?  As per accessibility guidelines, there should only be one banner landmark per page. A condensed header creates two banner landmarks since 2 `ion-header` components are required on the page. `ion-header` renders with a `role="banner"` by default (when not in `ion-menu`). The visual effect of the condensed header is achieved by rendering two distinct header components. Because both components exist in the code at the same time and both have `role="banner"`, they create a duplicate landmark announcement for screen readers. This leads to a violation with the accessibility guidelines. ## What is the new behavior?  - The role is updated to either `none` or `banner` based off the header's active state. - Added test. ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  [Preview](https://ionic-framework-git-fw-6767-ionic1.vercel.app/src/components/header/test/condense/?ionic%3Amode=ios)

> [!NOTE] > Mend has cancelled [the proposed renaming](https://redirect.github.com/renovatebot/renovate/discussions/37842) of the Renovate GitHub app being renamed to `mend[bot]`. > > This notice will be removed on 2025-10-07. <hr> This PR contains the following updates: | Package | Change | Age | Confidence | Type | Update | |---|---|---|---|---|---| | [@playwright/test](https://playwright.dev) ([source](https://redirect.github.com/microsoft/playwright)) | [`^1.55.1` -> `^1.56.0`](https://renovatebot.com/diffs/npm/@playwright%2ftest/1.55.1/1.56.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@playwright%2ftest/1.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@playwright%2ftest/1.55.1/1.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | devDependencies | minor | | mcr.microsoft.com/playwright | `v1.55.1` -> `v1.56.0` | [![age](https://developer.mend.io/api/mc/badges/age/docker/mcr.microsoft.com%2fplaywright/v1.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/docker/mcr.microsoft.com%2fplaywright/v1.55.1/v1.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | final | minor | --- ### Release Notes <details> <summary>microsoft/playwright (@playwright/test)</summary> ### [`v1.56.0`](https://redirect.github.com/microsoft/playwright/compare/v1.55.1...v1.56.0) [Compare Source](https://redirect.github.com/microsoft/playwright/compare/v1.55.1...v1.56.0) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://redirect.github.com/renovatebot/renovate/discussions) if that's undesired. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/ionic-team/ionic-framework).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

v8.7.7

Issue number: internal ---------   ## What is the new behavior?  - update scss files to use semantic tokens; ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information

This PR contains the following updates: | Package | Change | Age | Confidence | Type | Update | |---|---|---|---|---|---| | [@playwright/test](https://playwright.dev) ([source](https://redirect.github.com/microsoft/playwright)) | [`^1.56.0` -> `^1.56.1`](https://renovatebot.com/diffs/npm/@playwright%2ftest/1.56.0/1.56.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@playwright%2ftest/1.56.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@playwright%2ftest/1.56.0/1.56.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | devDependencies | patch | | mcr.microsoft.com/playwright | `v1.56.0` -> `v1.56.1` | [![age](https://developer.mend.io/api/mc/badges/age/docker/mcr.microsoft.com%2fplaywright/v1.56.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/docker/mcr.microsoft.com%2fplaywright/v1.56.0/v1.56.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | final | patch | --- ### Release Notes <details> <summary>microsoft/playwright (@playwright/test)</summary> ### [`v1.56.1`](https://redirect.github.com/microsoft/playwright/releases/tag/v1.56.1) [Compare Source](https://redirect.github.com/microsoft/playwright/compare/v1.56.0...v1.56.1) #### Highlights [#37871](https://redirect.github.com/microsoft/playwright/issues/37871) chore: allow local-network-access permission in chromium [#37891](https://redirect.github.com/microsoft/playwright/issues/37891) fix(agents): remove workspaceFolder ref from vscode mcp [#37759](https://redirect.github.com/microsoft/playwright/issues/37759) chore: rename agents to test agents [#37757](https://redirect.github.com/microsoft/playwright/issues/37757) chore(mcp): fallback to cwd when resolving test config #### Browser Versions - Chromium 141.0.7390.37 - Mozilla Firefox 142.0.1 - WebKit 26.0 </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://redirect.github.com/renovatebot/renovate/discussions) if that's undesired. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/ionic-team/ionic-framework).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

This PR contains the following updates: | Package | Change | Age | Confidence | |---|---|---|---| | [@capacitor/core](https://capacitorjs.com) ([source](https://redirect.github.com/ionic-team/capacitor)) | [`7.4.3` -> `7.4.4`](https://renovatebot.com/diffs/npm/@capacitor%2fcore/7.4.3/7.4.4) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@capacitor%2fcore/7.4.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@capacitor%2fcore/7.4.3/7.4.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>ionic-team/capacitor (@capacitor/core)</summary> ### [`v7.4.4`](https://redirect.github.com/ionic-team/capacitor/compare/7.4.3...20fa5015b7940a19a61e005e4212af967ae8f108) [Compare Source](https://redirect.github.com/ionic-team/capacitor/compare/7.4.3...7.4.4) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/ionic-team/ionic-framework).  Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Issue number: internal ---------   ## What is the current behavior?  `ionFocus` and `ionBlur` are not being emitted for checkbox and toggle. ## What is the new behavior?  - Moved the `onFocus` and `onBlur` to `Host` - Added tests for `onFocus`, `onBlur`, and `onChange`. - Added a workaround on Playwright in order to trigger `ionBlur` since Playwright browsers aren't acting like native browsers when it comes to tabbing. ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  Dev build: `8.7.7-dev.11761071592.1d1b804d` --------- Co-authored-by: ionitron <hi@ionicframework.com> Co-authored-by: Shane <shane@shanessite.net>

…30743) Send alert to a Discord channel using a webhook. ---------   ## What is the current behavior?  ## What is the new behavior?  - If a step in the workflow fails, an alert message will be sent to a Discord channel using a webhook. ## Does this introduce a breaking change? - [ ] Yes - [X] No  ## Other information  --------- Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>

Issue number: resolves internal ---------   ## What is the current behavior? - The Stencil version was previously reverted under #30707 because of test failures of components form another repo. ## What is the new behavior? - Update the version again to match what we have in main, since these tests were fixed. ## Does this introduce a breaking change? - [ ] Yes - [x] No

v8.7.8

Issue number: internal ---------   ## What is the new behavior?  - remove hover state from ionic theme chip; ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  [basic](https://ionic-framework-git-rou-12366-ionic1.vercel.app/src/components/chip/test/basic?ionic:theme=ionic)

…lar-with-next

vercel · 2025-12-01T18:34:40Z

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

Project	Deployment	Preview	Comments	Updated (UTC)
ionic-framework	Ready	Preview	Comment	Dec 2, 2025 1:14am

thetaPC · 2025-12-01T21:36:03Z

core/package.json

    "chalk": "^5.3.0",
    "clean-css-cli": "^5.6.1",
    "domino": "^2.1.6",
+    "esbuild": "0.27.0",


Installed this package else it would give an error with build.themes.

…-team/ionic-framework into chore-sync-ionic-modular-with-next

rugoncalves and others added 30 commits October 2, 2025 10:56

chore(deps): do not group stencil with output targets (#30711)

003de2d

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>

v8.7.6

2156f99

chore(): update package lock files

ce048a5

merge release-8.7.6 (#30719)

2586284

v8.7.6

v8.7.7

7a293d7

chore(): update package lock files

4a49e52

merge release-8.7.7 (#30727)

e4fc33f

v8.7.7

v8.7.8

8a8eec4

chore(): update package lock files

66abc05

merge release-8.7.8 (#30761)

10f895b

v8.7.8

JoaoFerreira-FrontEnd and others added 3 commits November 28, 2025 17:38

test(set-content): use the proper theme keyterm (#30817)

3da2384

Merge remote-tracking branch 'origin/next' into chore-sync-ionic-modu…

e50c4f9

…lar-with-next

github-actions bot added package: core @ionic/core package package: angular @ionic/angular package package: vue @ionic/vue package package: react @ionic/react package labels Dec 1, 2025

vercel bot deployed to Preview December 1, 2025 18:36 View deployment

refactor(ionic): add missing new line

f44d6cc

vercel bot deployed to Preview December 1, 2025 18:39 View deployment

chore(): add updated snapshots

9b71483

vercel bot deployed to Preview December 1, 2025 19:11 View deployment

chore(): add updated snapshots

1928650

vercel bot deployed to Preview December 1, 2025 21:00 View deployment

chore(): add updated snapshots

99087b2

vercel bot deployed to Preview December 1, 2025 21:19 View deployment

chore(): add updated snapshots

7bf0c7a

vercel bot deployed to Preview December 1, 2025 21:34 View deployment

thetaPC commented Dec 1, 2025

View reviewed changes

chore(): add updated snapshots

e315110

vercel bot deployed to Preview December 1, 2025 22:03 View deployment

thetaPC added 2 commits December 1, 2025 17:11

chore(package): use caret

4732ba6

Merge branch 'chore-sync-ionic-modular-with-next' of github.com:ionic…

ba04e4d

…-team/ionic-framework into chore-sync-ionic-modular-with-next

vercel bot deployed to Preview December 2, 2025 01:14 View deployment

thetaPC marked this pull request as ready for review December 2, 2025 01:28

thetaPC requested a review from a team as a code owner December 2, 2025 01:28

thetaPC requested a review from ShaneK December 2, 2025 01:28

thetaPC merged commit 6ae701e into ionic-modular Dec 2, 2025
49 checks passed

thetaPC deleted the chore-sync-ionic-modular-with-next branch December 2, 2025 01:28

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

chore(git): sync ionic-modular with next #30826

chore(git): sync ionic-modular with next #30826

thetaPC commented Dec 1, 2025

Uh oh!

vercel bot commented Dec 1, 2025 •

edited

Loading

Uh oh!

thetaPC Dec 1, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

13 participants

chore(git): sync ionic-modular with next #30826

chore(git): sync ionic-modular with next #30826

Conversation

thetaPC commented Dec 1, 2025

Uh oh!

vercel bot commented Dec 1, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

thetaPC Dec 1, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

13 participants

vercel bot commented Dec 1, 2025 •

edited

Loading