feat(core): eliminate global styles

.changeset/aggrid-system-token-compatibility.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix-aggrid': patch
+---
+
+Keep the IX AG Grid theme compatible with the updated IX design-token output by replacing removed component aliases with supported system and common tokens.

.changeset/calm-foundation-styles.md

@@ -0,0 +1,7 @@
+---
+'@siemens/ix': major
+---
+
+Change the default IX stylesheet to include the classic theme, foundation styles, and the button-group, link, table, and typography utilities. Native element normalization, the body margin reset, scoped scrollbars, utility shadows and input-group styles, and native form styles are no longer applied by default. Import `@siemens/ix/css/globals.css` for the complete supported global styles, or combine `@siemens/ix/css/default.css` with `@siemens/ix/css/legacy.css` to retain the previous behavior while migrating.
+
+Replace deep Sass imports with the explicit foundation, global, theme, token, mixin, or deprecated compatibility entry points. Unsupported legacy component modules and implementation-specific mixins have been removed; migration guidance is available in `BREAKING_CHANGES/v6.md`.

.changeset/component-customization-tokens.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': minor
+---
+
+Expose component-scoped `--ix-*` CSS custom properties for `ix-action-card`, `ix-chat-input`, `ix-chat-ai-message`, and `ix-chat-user-message`, allowing their appearance and interaction states to be customized without overriding internal selectors.

.changeset/sys-token-migration-focus-color.md

@@ -0,0 +1,11 @@
+---
+'@siemens/ix': major
+---
+
+Rename Siemens system custom properties from `--theme-si-sys-*` to `--si-sys-*` and reference custom properties from `--theme-si-classic-ref-*` or `--theme-si-ref-*` to `--si-ref-*`.
+
+Generated `--theme-<component>-*` aliases are no longer included in the standard IX styles and no longer customize migrated components. Replace component overrides with the corresponding scoped `--ix-*` custom properties. The `@siemens/ix/scss/deprecated/components` Sass mixin remains available for downstream styles that temporarily require the generated aliases.
+
+Color-valued component properties, including `iconColor` and event-list `itemColor`, now require a complete CSS custom-property name such as `--si-sys-text-danger`. The exported `NotificationColor` values include the leading `--`.
+
+Components now use the SI Theme 6 system mappings. Warning, critical, and neutral states and component shadows can therefore render differently. See `BREAKING_CHANGES/v6.md` for migration guidance.

BREAKING_CHANGES.md

@@ -7,6 +7,7 @@ This document aims to provide a clear and detailed overview of all significant m
 
 Please select your target version
 
+- [Version v6.0.0](./BREAKING_CHANGES/v6.md)
 - [Version v5.0.0](./BREAKING_CHANGES/v5.md)
 - [Version v4.0.0](./BREAKING_CHANGES/v4.md)
 - [Version v3.0.0](./BREAKING_CHANGES/v3.md)

BREAKING_CHANGES/v6.md

@@ -0,0 +1,208 @@
+# Breaking Changes V6
+
+This document lists breaking changes introduced in Siemens Industrial Experience V6.
+
+## Siemens design token custom-property names
+
+Siemens system and reference design tokens no longer use the `--theme-` prefix.
+This applies to color, effects, shadows, and typography tokens.
+
+| Before                                     | After                                |
+| ------------------------------------------ | ------------------------------------ |
+| `--theme-si-sys-text-primary`              | `--si-sys-text-primary`              |
+| `--theme-si-sys-typography-body`           | `--si-sys-typography-body`           |
+| `--theme-si-ref-color-main-blue-500`       | `--si-ref-color-main-blue-500`       |
+| `--theme-si-ref-typography-font-size-body` | `--si-ref-typography-font-size-body` |
+
+No aliases are emitted for the old names. Replace direct CSS declarations,
+references, and overrides:
+
+```css
+/* Before */
+color: var(--theme-si-sys-text-primary);
+
+/* After */
+color: var(--si-sys-text-primary);
+```
+
+The public Sass variable names remain unchanged:
+
+```scss
+@use '@siemens/ix/scss/tokens/system' as sys;
+
+color: sys.$si-sys-text-primary;
+```
+
+## Generated component token aliases
+
+Standard IX foundation and theme CSS no longer emits generated
+`--theme-<component>-*` custom properties such as
+`--theme-btn-primary--background`. IX components and global style utilities now
+declare scoped, purpose-based `--ix-*` properties where they are used.
+
+Replace component overrides with the corresponding `--ix-*` property on the
+component:
+
+```css
+/* Before */
+[data-ix-theme] {
+  --theme-btn-primary--background: var(--si-sys-background-accent);
+}
+
+/* After */
+ix-button {
+  --ix-button-primary--background: var(--si-sys-background-accent);
+}
+```
+
+The generated aliases remain available as a temporary, opt-in Sass layer for
+downstream styles that still reference them:
+
+```scss
+@use '@siemens/ix/scss/deprecated/components' as deprecated;
+
+[data-ix-theme] {
+  @include deprecated.setComponentVars;
+}
+```
+
+This deprecated mixin restores the alias declarations for downstream CSS. It
+does not reconnect those aliases to migrated IX components; component
+customization must use the component's `--ix-*` properties.
+
+## Global CSS and Sass entry points
+
+The default `siemens-ix.css` stylesheet now contains the combined classic theme
+and IX foundation. Foundation applies body typography, text color, background,
+and document-wide scrollbar styles. It does not normalize native HTML elements,
+reset the body margin, style native links or form controls, or provide utility
+classes.
+
+Use the canonical default import for self-contained IX components:
+
+```css
+@import '@siemens/ix/css/default.css';
+```
+
+The existing `@siemens/ix/dist/siemens-ix/siemens-ix.css` import path remains
+available and resolves to the same default bundle. It includes the foundation
+body and scrollbar defaults but not the previous reset, utility, or native form
+styles.
+
+Global application styles are available as explicit opt-ins:
+
+| Import                           | Side effects                                                 |
+| -------------------------------- | ------------------------------------------------------------ |
+| `@siemens/ix/css/foundation.css` | Required variables, body presentation, and global scrollbars |
+| `@siemens/ix/css/reset.css`      | Native element normalization and box sizing                  |
+| `@siemens/ix/css/base.css`       | Theme font/color inheritance and body margin reset           |
+| `@siemens/ix/css/scrollbar.css`  | Scoped scrollbars below `[data-ix-scrollbars]`               |
+| `@siemens/ix/css/utilities.css`  | Typography, links, tables, groups, and shadows               |
+| `@siemens/ix/css/globals.css`    | Reset, base, scrollbar, and utilities                        |
+| `@siemens/ix/css/legacy.css`     | Previous native form and global style behavior               |
+
+Import foundation before a separately selected theme:
+
+```css
+@import '@siemens/ix/css/foundation.css';
+@import '@siemens/ix/css/theme/classic-light.css';
+```
+
+To retain the previous aggregate behavior while migrating, combine the new
+default and legacy bundles:
+
+```css
+@import '@siemens/ix/css/default.css';
+@import '@siemens/ix/css/legacy.css';
+```
+
+Applications that keep the existing distribution path can restore the same
+behavior with:
+
+```css
+@import '@siemens/ix/dist/siemens-ix/siemens-ix.css';
+@import '@siemens/ix/css/legacy.css';
+```
+
+Foundation styles document scrollbars automatically. Add `disable-scrollbar` to
+`body` to disable that behavior. The scoped scrollbar stylesheet can then
+enable themed scrollbars for a selected subtree:
+
+```html
+<body class="disable-scrollbar">
+  <main data-ix-scrollbars>
+    <!-- Scrollable descendants use IX scrollbar styling. -->
+  </main>
+</body>
+```
+
+The package no longer exports every file below `@siemens/ix/scss/*`. Supported
+Sass entry points are now explicit and mirror the CSS bundles:
+
+```scss
+@use '@siemens/ix/scss/default';
+@use '@siemens/ix/scss/globals';
+@use '@siemens/ix/scss/tokens/system' as sys;
+```
+
+Theme modules, retained public mixins, and
+`@siemens/ix/scss/deprecated/components` remain explicitly exported. Replace
+imports from internal `components`, `entries`, `legacy`, `misc`, and
+`mixins/internal` folders with a supported public entry point or local styles.
+The former `@siemens/ix/scss/misc/common-variables` path remains as a v6
+compatibility export for generated custom themes; new Sass code should use
+`@siemens/ix/scss/tokens/legacy`.
+
+## Removed legacy Sass modules
+
+The unused legacy Sass modules below have been removed:
+
+- `@siemens/ix/scss/legacy/components/dropdown`
+- `@siemens/ix/scss/legacy/components/modal`
+- `@siemens/ix/scss/legacy/components/button-group`
+
+These modules were not included in the compiled IX CSS. Remove direct imports
+and use the corresponding IX components. For CSS class-based button groups, use
+the supported `.ix-button-group` styles.
+
+## Removed Sass mixins
+
+The following unused or implementation-specific Sass modules have been
+removed:
+
+- `@siemens/ix/scss/mixins/field`
+- `@siemens/ix/scss/mixins/reduce-motion`
+- `@siemens/ix/scss/mixins/shadows`
+- `@siemens/ix/scss/mixins/internal/dropdown-item`
+- `@siemens/ix/scss/mixins/shadow-dom/focus-visible`
+- `@siemens/ix/scss/mixins/shadow-dom/host-disabled`
+- `@siemens/ix/scss/mixins/shadow-dom/hover`
+
+The unused `hover.host-focus`, `hover.host-focus-visible`, `input.label`, and
+`input.element-form` mixins have also been removed.
+
+Use `@siemens/ix/scss/mixins/hover` for retained interaction helpers. Replace
+`shadows.box-shadow($level)` with
+`box-shadow: var(--theme-shadow-#{$level})`. Reduced-motion timing overrides
+remain part of the standard IX foundation CSS and no longer require a separate
+mixin.
+
+## Icon and component color properties
+
+`@siemens/ix-icons` now passes its `color` value directly to `var(...)`.
+Properties that forward a color to an icon, and `ix-event-list-item.itemColor`,
+therefore require the complete CSS custom-property name:
+
+```html
+<!-- Before -->
+<ix-icon color="si-sys-text-primary"></ix-icon>
+<ix-icon-button icon-color="color-primary"></ix-icon-button>
+<ix-event-list-item item-color="color-alarm"></ix-event-list-item>
+
+<!-- After -->
+<ix-icon color="--si-sys-text-primary"></ix-icon>
+<ix-icon-button icon-color="--si-sys-text-accent"></ix-icon-button>
+<ix-event-list-item item-color="--si-sys-background-danger"></ix-event-list-item>
+```
+
+The exported `NotificationColor` string literals now include the leading `--`.