Skip to content

feat(tokens): update to tokens major release - #31457

Merged
BenOsodrac merged 20 commits into
nextfrom
ROU-13047-code
Sep 21, 2026
Merged

BenOsodrac merged 20 commits into
nextfrom
ROU-13047-code

Conversation

@BenOsodrac

@BenOsodrac BenOsodrac commented Sep 17, 2026

Copy link
Copy Markdown
Contributor

Issue number: internal


What is the new behavior?

  • Update reference to outsystems-design-tokens 2.3.0
  • Fix usages on affected scss partials, due to differences on tokens names anda values.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@vercel

vercel Bot commented Sep 17, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated
ionic-framework Ready Ready Preview Sep 21, 2026 9:15pm UTC

Request Review

@github-actions github-actions Bot added package: core @ionic/core package package: react @ionic/react package labels Sep 17, 2026
@BenOsodrac BenOsodrac added the dependencies Pull requests that update a dependency file label Sep 17, 2026
@BenOsodrac BenOsodrac closed this Sep 17, 2026
@BenOsodrac BenOsodrac reopened this Sep 17, 2026
@BenOsodrac
BenOsodrac changed the base branch from before-next to next September 17, 2026 16:33
@BenOsodrac
BenOsodrac marked this pull request as ready for review September 17, 2026 16:51
@BenOsodrac
BenOsodrac requested a review from a team as a code owner September 17, 2026 16:51

@brandyscarney brandyscarney left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM - just left a few small requests.

Comment thread packages/react/src/components/react-component-lib/utils/index.tsx
Comment thread core/src/components/item-sliding/item-sliding.ionic.scss Outdated
Comment thread core/src/components/tab-bar/tab-bar.ionic.scss Outdated
BenOsodrac and others added 4 commits September 18, 2026 09:50
Requested on the PR: this file will be updated on next soon.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The design tokens v2 bump defaults font-family to Inter. Revert the hand-edit
to the generated ionic.vars.scss and define --token-font-family on html so
every $ion-font-family reference resolves to the system stack, surviving the
next build.tokens run.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@github-actions github-actions Bot removed the package: react @ionic/react package label Sep 18, 2026
Requested on the PR.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The lockfile still pointed at a file: path outside the repo, which does not
exist on CI runners and broke npm install in build-core. Same integrity hash,
so the installed package is unchanged.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Reports the face Chromium actually resolves for ionic text on the Linux
runner. The ionic stack leads with -apple-system and system-ui, neither of
which exists there, so the winning face is decided by fontconfig and cannot
be read off the stylesheets. Needed before pinning a test font, so the pin
matches what CI already renders and costs no new baselines.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
The configured reporters (html, github) do not echo console output to the
job log, but they do print failure messages. Throwing the report is the only
way to see it, and the PR build is already red on expected snapshot diffs.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
On the Linux CI image the ionic stack resolves to WenQuanYi Zen Hei, a
single-weight CJK font, because system-ui is a generic keyword that always
matches and Roboto/Helvetica/Arial after it are never consulted. That made
weight 500 render as 400 and left local (SF Pro on macOS) and CI looking
nothing alike. md and ios were already pinned to embedded test fonts here;
ionic was explicitly opted out and reads --token-font-family rather than
--ion-font-family, so the existing pin never reached it.

Reuse the embedded Roboto (mdTestingFont, weights 400/500/700): zero bytes
added, a real medium weight, and the face the ionic stack itself names for
non-Apple platforms. Remove the temporary font probe now that it has
answered its question.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The core Stencil build regenerates packages/react/src/components/
react-component-lib/ from the installed @stencil/react-output-target, which
ships the simple forwardRef. next is ahead of that package and carries the
typed cast, so every core build reverts this file. It was swept into the
tokens bump commit; restore it and keep this file out of the PR until next
updates the output target.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
The PR diff is taken against the merge-base, not the tip of next. next
changed the props annotation today in the sync with main (1df4160), so
restoring this file from the tip made the branch appear to introduce that
line. Restore it from the merge-base instead so the file drops out of the
PR; a later merge of next will take next's version cleanly.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Resolve core/package-lock.json by taking next's lockfile and regenerating
the outsystems-design-tokens entry (1.4.2 -> 2.3.0) against the merged
package.json, so next's dependency tree is preserved intact and only the
tokens subtree differs.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Issue number: internal

---------

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Update snapshots due to diffs in tokens major release.

## Does this introduce a breaking change?

- [x] Yes
- [ ] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Co-authored-by: ionitron <hi@ionicframework.com>
@BenOsodrac
BenOsodrac merged commit 396a921 into next Sep 21, 2026
71 of 94 checks passed
@BenOsodrac
BenOsodrac deleted the ROU-13047-code branch September 21, 2026 21:42

This branch was successfully deployed

1 active deployment
Preview 13d019ff Deployed Sep 21, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants