# Changelog

## 3.24.0

### Minor Changes

- [#1319](https://github.com/synergy-design-system/synergy-design-system/pull/1319) [`977fd96`](https://github.com/synergy-design-system/synergy-design-system/commit/977fd96cd3ee302c05df6c838c57b23efa7ead29) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-07-21

  feat: ✨ Adds a Synergy-styled chart legend and a legend preset helper ([#1204](https://github.com/synergy-design-system/synergy-design-system/issues/1204))
  - The _legendShow_ preset helper makes it easier to show and position the legend.
  - The config merge behavior has been updated: arrays are no longer fully replaced by the latest value. For example, a _series_ array is now merged by index instead of being overwritten.

## 3.23.0

### Minor Changes

- [#1327](https://github.com/synergy-design-system/synergy-design-system/pull/1327) [`d660ae7`](https://github.com/synergy-design-system/synergy-design-system/commit/d660ae710f3ba94eda2263f1c3af71695e317b58) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-07-21

  feat: ✨ Enable support for Angular 22 ([#1326](https://github.com/synergy-design-system/synergy-design-system/issues/1326))

  This release adds support for `angular` version 22. It also updates typescript to version 6 for all packages.

## 3.22.0

### Minor Changes

- [#1314](https://github.com/synergy-design-system/synergy-design-system/pull/1314) [`e65eb05`](https://github.com/synergy-design-system/synergy-design-system/commit/e65eb057c399592b7c9e993158c80e6ccca2fe88) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-07-16

  feat: ✨ syn-fieldset, syn-checkbox-group ([#794](https://github.com/synergy-design-system/synergy-design-system/issues/794))

  #### `<syn-fieldset>`

  Adds a new `<syn-fieldset>` component for grouping related form controls with semantic markup and accessibility support.

  #### `<syn-radio-group>`

  Adds a new property `layout` to `<syn-radio-group>`. This can be used to display slotted `<syn-radio>` elements horizontally.

  #### `<syn-checkbox-group>`

  Adds a new `<syn-checkbox-group>` component for grouping related checkboxes with semantic markup.

## 3.21.0

### Minor Changes

- [#1329](https://github.com/synergy-design-system/synergy-design-system/pull/1329) [`0d302ad`](https://github.com/synergy-design-system/synergy-design-system/commit/0d302ad1f6316c04e08772ce366446e76ac7cf44) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-07-15

  feat: ✨ Add a new docker image to the mcp server ([#1321](https://github.com/synergy-design-system/synergy-design-system/issues/1321))

  This release adds more abilities to the Synergy MCP-Server:

  - Adds support to create docker containers
  - Allows middleware compression for mcp resources
  - Adds the ability to log to stdout for easier usage in k8s environments
  - Adds ability to silence log outputs

## 3.20.0

### Minor Changes

- Released on: 2026-07-10

  chore: ✨ Update Metadata and MCP with latest metadata

## 3.19.0

### Minor Changes

- Released on: 2026-07-01

  chore: ✨ Update Metadata and MCP with latest metadata

## 3.18.0

### Minor Changes

- [#1231](https://github.com/synergy-design-system/synergy-design-system/pull/1231) [`8a6cbf7`](https://github.com/synergy-design-system/synergy-design-system/commit/8a6cbf78fe5236b691815edfad12b34659937df9) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-30

  feat: ✨ `<syn-radio-button>` ([#1140](https://github.com/synergy-design-system/synergy-design-system/issues/1140))

  This release adds the new `<syn-radio-button>` component for single-selection controls with a more prominent, button-like appearance.

  Use `<syn-radio>` for classic form input patterns, and `<syn-radio-button>` when the same behavior should feel more like an immediate mode, view, or option switch.

## 3.17.0

### Minor Changes

- [#1291](https://github.com/synergy-design-system/synergy-design-system/pull/1291) [`363595e`](https://github.com/synergy-design-system/synergy-design-system/commit/363595ea1fde8baad6e11d69365732aa9f547c10) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-06-24

  feat: ✨ chart axes mvp ([#1203](https://github.com/synergy-design-system/synergy-design-system/issues/1203))

  This release introduces the first chart axis MVP for syn-chart.

  New features:
  - Adds and registers a Synergy ECharts light theme as default for syn-chart.
  - Provides a config callback API with preset methods like `axesShowSplitLines()`, `axesAddXLabelIcons()`, and `axesHideLabels()` as an alternative to raw ECharts configuration objects for the _config_ property. These methods support both method chaining and sequential calling patterns for maximum flexibility.

## 3.16.1

### Patch Changes

- [#1313](https://github.com/synergy-design-system/synergy-design-system/pull/1313) [`89a2022`](https://github.com/synergy-design-system/synergy-design-system/commit/89a2022e49b8f7aad3469ac392e5e5601b7238e8) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-24

  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))

## 3.16.0

### Minor Changes

- Released on: 2026-06-22

  chore: ✨ Update Metadata and MCP with latest metadata

## 3.15.0

### Patch Changes

- [#1302](https://github.com/synergy-design-system/synergy-design-system/pull/1302) [`77a02c1`](https://github.com/synergy-design-system/synergy-design-system/commit/77a02c15b4d9310dbb24ea945629c83a7a2e4e16) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-22

  fix: 🐛 Components should use correct headline styles ([#1290](https://github.com/synergy-design-system/synergy-design-system/issues/1290))

  This release fixes multiple typographic issues for headers in the following components:
  - `<syn-card>`
  - `<syn-dialog>`
  - `<syn-drawer>`
  - `<syn-header>`

## 3.14.0

### Patch Changes

- [#1306](https://github.com/synergy-design-system/synergy-design-system/pull/1306) [`b4494ba`](https://github.com/synergy-design-system/synergy-design-system/commit/b4494ba1bcaf1016c83bc03c44b1ece17b8a194a) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-06-16

  fix: 🐛 Focus Issues with new Chromium version ([#1304](https://github.com/synergy-design-system/synergy-design-system/issues/1304))

  This release fixes focus-related issues caused by changes in newer Chromium versions.
  Affected were `<syn-select />` and `<syn-dropdown />` in combination with `<syn-dialog />` or `<syn-drawer />`

## 3.13.0

### Patch Changes

- [#1294](https://github.com/synergy-design-system/synergy-design-system/pull/1294) [`7dd08e1`](https://github.com/synergy-design-system/synergy-design-system/commit/7dd08e1f2dc1cd9ca93fd0a3e0f2795677dec5d3) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-10

  fix: 🐛 `<syn-dialog>` Font looks blurry when the prevent close animation is run ([#1285](https://github.com/synergy-design-system/synergy-design-system/issues/1285))

  Fixes an issue introduced with [Synergy@3.11.1](https://synergy-design-system.github.io/?path=/docs/packages-components-changelog--docs#3111) that could lead to text looking blurry in `<syn-dialog>` in Chromium based browsers.

## 3.12.0

### Patch Changes

- [#1298](https://github.com/synergy-design-system/synergy-design-system/pull/1298) [`49e5b92`](https://github.com/synergy-design-system/synergy-design-system/commit/49e5b92f06c0600c5e8612834cb34e0f7c2a474a) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-08

  fix: 🐛 `<syn-select>` and `<syn-dropdown>` not opening correctly when slotted in `<syn-dialog>` or `<syn-drawer>` ([#1297](https://github.com/synergy-design-system/synergy-design-system/issues/1297))

  This release fixes an issue with multiple Synergy components automatically closing when opened in a `<syn-dialog>` or `<syn-drawer>` element in Chromium based browsers. This happens because Chromium now uses a more aggressive method of checking the active focused element when using `popover`.

## 3.11.1

### Patch Changes

- [#1293](https://github.com/synergy-design-system/synergy-design-system/pull/1293) [`513e931`](https://github.com/synergy-design-system/synergy-design-system/commit/513e931c88a46e1e71a3a4d8ca7ac3c3a85b2189) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03

  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))

## 3.11.0

### Patch Changes

- [#1296](https://github.com/synergy-design-system/synergy-design-system/pull/1296) [`4fdb69a`](https://github.com/synergy-design-system/synergy-design-system/commit/4fdb69aec5ddb0ddfa76a948c87eaf84be6fd670) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-06-03

  fix: 🐛 `<syn-menu>` multiple issues ([#1295](https://github.com/synergy-design-system/synergy-design-system/issues/1295))

  This release fixes multiple issues when using `<syn-menu>`:
  - submenus no longer stay open when leaving the browser window ([#882](https://github.com/synergy-design-system/synergy-design-system/issues/882))
  - `<syn-menu-item>` wrapped in tooltip can now be used reliably (including navigation and selection) ([#1162](https://github.com/synergy-design-system/synergy-design-system/issues/1162))
  - `<syn-menu-item>` no longer steals focus on hover ([#1286](https://github.com/synergy-design-system/synergy-design-system/issues/1286))

## 3.10.0

### Minor Changes

- Released on: 2026-06-02

  chore: ✨ Update Metadata and MCP with latest metadata

## 3.9.0

### Minor Changes

- [#1271](https://github.com/synergy-design-system/synergy-design-system/pull/1271) [`74917ea`](https://github.com/synergy-design-system/synergy-design-system/commit/74917ea30e2d26780202c382c7f157c63e3833ef) Thanks [@kirchsuSICKAG](https://github.com/kirchsuSICKAG)! - Released on: 2026-05-28

  feat: ✨ `<syn-chart>` ([#1205](https://github.com/synergy-design-system/synergy-design-system/issues/1205))

  This release adds an experimental MVP for the new `<syn-chart>` component for data visualization based on [Apache ECharts](https://echarts.apache.org).
  It is available for Web Component, React, Angular and Vue

  > ⚠️ **Experimental:** The API or behavior may change in future releases without a major version bump.

## 3.8.0

### Minor Changes

- [#1276](https://github.com/synergy-design-system/synergy-design-system/pull/1276) [`a6b68f2`](https://github.com/synergy-design-system/synergy-design-system/commit/a6b68f2126ee0c63f2e9f5a91d96e97c2486e3c9) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-21

  feat: ✨ component context guidelines ([#1187](https://github.com/synergy-design-system/synergy-design-system/issues/1187))
  - Correct `@since` flags for all components
  - Updated component usage rules (beta)
  - Add missing rules files
  - Create overviews for all components

## 3.7.0

## 3.6.0

### Patch Changes

- [#1281](https://github.com/synergy-design-system/synergy-design-system/pull/1281) [`a4b0e11`](https://github.com/synergy-design-system/synergy-design-system/commit/a4b0e1139dfc644d5607b7bfd08fd20158ace570) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-06

  fix: 🐛 syn-range now emits syn-change after programmatic value updates ([#1272](https://github.com/synergy-design-system/synergy-design-system/issues/1272))

  This release fixes an issue where `syn-change` events where not fired for subsequent user interactions after a value was set in code.

## 3.5.0

### Patch Changes

- [#1279](https://github.com/synergy-design-system/synergy-design-system/pull/1279) [`de1f21e`](https://github.com/synergy-design-system/synergy-design-system/commit/de1f21e46ac3092e8bd3a1911e1284936b3354cf) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-06

  fix: 🐛 `<syn-select>` and `<syn-combobox>` have invalid selected value if the selected option changes ([#1265](https://github.com/synergy-design-system/synergy-design-system/issues/1265))

  This release ensures `<syn-select>` and `<syn-combobox>` always show the current selected option text.
  If a selected option name changes, the field now updates right away instead of showing outdated text.

## 3.4.0

### Minor Changes

- Released on: 2026-05-05

  chore: ✨ Update Metadata and MCP with latest metadata

## 3.3.0

### Patch Changes

- [#1278](https://github.com/synergy-design-system/synergy-design-system/pull/1278) [`e84b97a`](https://github.com/synergy-design-system/synergy-design-system/commit/e84b97ae70affae71afcc85725e56b3f690a445e) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-05-04

  fix: 🐛 `<syn-option>` slotted icons not visible on hover ([#1277](https://github.com/synergy-design-system/synergy-design-system/issues/1277))

  This release fixes a bug that accidentally set the color of slotted elements in `<syn-option>` to white which lead to the icons appear to be invisible.

## 3.2.0

### Patch Changes

- [#1267](https://github.com/synergy-design-system/synergy-design-system/pull/1267) [`2444517`](https://github.com/synergy-design-system/synergy-design-system/commit/2444517aaedc22b115d9572dd14d47c43189ec5d) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-29

  fix: 🐛 `<syn-icon-button>` is not visible when `disabled` in dark mode ([#1257](https://github.com/synergy-design-system/synergy-design-system/issues/1257))

  This release fixes an issue where disabled `<syn-icon-button>` components were appearing too light in dark mode, making them difficult to see. The disabled state styling now properly contrasts with the dark background.

## 3.1.0

### Minor Changes

- [#1273](https://github.com/synergy-design-system/synergy-design-system/pull/1273) [`930328a`](https://github.com/synergy-design-system/synergy-design-system/commit/930328af3af87ba91738b89984ad7b11edd78ec5) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-29

  feat: ✨ add new headline styles ([#1268](https://github.com/synergy-design-system/synergy-design-system/issues/1268))

  This Release adds missing typographic classes:
  - `.syn-heading--medium`
  - `.syn-heading--4x-large`
  - `.syn-body--2x-small`

## 3.0.1

### Patch Changes

- [#1263](https://github.com/synergy-design-system/synergy-design-system/pull/1263) [`f422a1f`](https://github.com/synergy-design-system/synergy-design-system/commit/f422a1f5e7c8d8970b086d914dbba3a5b3bb8d0b) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-28

  fix: 🐛 dependency updates ([#258](https://github.com/synergy-design-system/synergy-design-system/issues/258))

## 3.0.0

### Major Changes

- [#1255](https://github.com/synergy-design-system/synergy-design-system/pull/1255) [`6160660`](https://github.com/synergy-design-system/synergy-design-system/commit/6160660f497e0a791ea6794cd3ffeb657418b46c) Thanks [@schilchSICKAG](https://github.com/schilchSICKAG)! - Released on: 2026-04-27

  major: 💥 metadata package (#1241)
