feat(core): eliminate global styles - #2632
Conversation
🦋 Changeset detectedLatest commit: 5b25518 The changes in this PR will be included in the next version bump. This PR includes changesets to release 7 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
✅ Deploy Preview for ix-storybook ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Important Review skippedToo many files! This PR contains 600 files, which is 500 over the limit of 100. To get a review, reduce the PR to 100 files or fewer by splitting it into smaller PRs or changing its base branch. Upgrade to a paid plan to raise the limit. Usage-priced reviews support at most 300 files. ⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: ASSERTIVE Plan: Pro Plus Run ID: ⛔ Files ignored due to path filters (773)
📒 Files selected for processing (600)
You can disable this status message by setting the ✨ Finishing Touches🧪 Generate unit tests (beta)
|
There was a problem hiding this comment.
Code Review
This pull request refactors the styling architecture of the @siemens/ix package by introducing new foundation and legacy utility CSS entry points (siemens-ix-foundation.css and siemens-ix-legacy-utilities.css) to facilitate incremental migration. It also modularizes component styling by moving token defaults from the global theme output into dedicated component *.vars.scss files using local --ix-* custom properties. Additionally, a test button has been added to the ix-playground component. No review comments were provided, so I have no feedback to offer.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
|
@coderabbitai review |
✅ Action performedReview finished.
|
kathrinschalber
left a comment
There was a problem hiding this comment.
A few things that need to be checked.
1189b90 to
b31df5f
Compare
Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
|



Summary
Migrate Siemens Industrial Experience (iX) to the Siemens Design Language (SDL) foundation, specifically SI Theme 6 system and reference tokens, while improving interoperability with host applications.
This resolves #1398 by preventing the default iX stylesheet from applying the previous native reset and form-control styling across the entire page.
This is Phase 1: foundation tokens, theming architecture, and opt-in global CSS. It does not claim complete SDL/Figma compliance for every component and visual state.
EIX-3
EIX-10
EIX-69
EIX-184
Approach
--si-sys-*and--si-ref-*. The previous--theme-si-*aliases are no longer emitted.--ix-*properties mapped to SI Theme 6 system tokens.--theme-<component>-*aliases. These aliases no longer control migrated iX components.iconColor,itemColor, andNotificationColornow require complete custom-property names, for example--si-sys-text-danger.CSS entry points
@siemens/ix/css/default.css@siemens/ix/css/foundation.css@siemens/ix/css/reset.css@siemens/ix/css/base.css@siemens/ix/css/scrollbar.css[data-ix-scrollbars]@siemens/ix/css/utilities.css@siemens/ix/css/globals.css@siemens/ix/css/legacy.cssApplications that require the previous aggregate behavior can temporarily use:
Included in this PR
--theme-si-*tokens to--si-sys-*and--si-ref-*.--ix-*properties and SI Theme 6 mappings.--theme-<component>-*aliases from standard theme output.BREAKING_CHANGES/v6.md.@siemens/ix,@siemens/ix-aggrid, and@siemens/ix-echarts.--si-sys-background-activeis emitted by the classic themes.Follow-ups
legacy.css, or document an explicit exception.--ix-*mapping against SDL/Figma roles beyond snapshot coverage.Breaking changes
--theme-<component>-*aliases are removed from standard theme output.--ix-*properties.--.getComputedCSSPropertyin@siemens/ix-echartsno longer adds a--theme-prefix.See
BREAKING_CHANGES/v6.mdfor migration examples and replacement entry points.Release impact
@siemens/ix@siemens/ix-echarts@siemens/ix-aggridDefinition of done for this phase
This phase is ready to merge when:
@siemens/ix/css/default.cssthemes iX components without applying the previous native reset and form-control styling.--theme-si-*properties.--ix-*properties.Out of scope
This PR does not claim:
--theme-*common token.