@synergy-design-system/mcp 0.1.0 → 1.0.0

package/metadata/packages/angular/LIMITATIONS.md

@@ -0,0 +1,32 @@
+# Known Issues and limitations - Angular
+
+> ⚠️ This file includes all known issues and limitations when using the Angular wrappers.
+> There may be other interesting bits of information in the [components limitation documentation](https://synergy-design-system.github.io/?path=/docs/limitations-components--docs).
+
+---
+
+## How to use `<syn-nav-item>` with routerLink
+
+### Meta information
+
+- Framework version: Angular@16 and above
+- Synergy version: >= 1.15.0
+- Issues: [#442](https://github.com/synergy-design-system/synergy-design-system/issues/442), [angular#51384](https://github.com/angular/angular/issues/51384), [angular#28345](https://github.com/angular/angular/issues/28345)
+
+### Description
+
+Synergies `<syn-nav-item>` does not work with Angular `routerLink` out of the box.
+
+### Cause
+
+Angular [routerLink](https://v17.angular.io/api/router/RouterLink) is very opinionated and does not play nicely with custom elements (e.g. it automatically adds focus styles). It also interferes with the `<syn-nav-item>`'s `href` attribute.
+
+### Proposed Solution
+
+Because of the details outlined above, you will have to provide a custom directive when using `<syn-nav-item>`.
+
+#### Solution
+
+Create your own directive that builds upon the original `routerLink` as can be seen [in our Angular Demo Repository](https://github.com/synergy-design-system/synergy-design-system/commit/10cb7fc47c951a9dfb0ea1f6070780262c0632c4#diff-6e0efa9162f915825307fe7e43299d0d492102de8759c191a8b898fd6bfc9069).
+
+---

package/metadata/packages/angular/README.md

@@ -0,0 +1,393 @@
+# @synergy-design-system/angular
+
+This package provides [Angular](https://angular.io/) wrappers for [Synergy Web Components](https://github.com/synergy-design-system/synergy-design-system/tree/main/packages/components).
+
+It aims for an improved UX when used in Angular applications:
+
+- Form support
+- Two way data-binding for properties
+- Auto-completion
+- Event handling
+
+> We are currently supporting Angular version ^16.2.12, ^17.0.0, ^18.0.0, ^19.0.0 and ^20.0.0 as well as Typescript version > 5.0.0.
+
+## Known issues and limitations
+
+Got any problems using our Angular wrappers? Please take a look at [our list of known issues and limitations](https://synergy-design-system.github.io/?path=/docs/limitations-angular--docs) before [creating a ticket](https://github.com/synergy-design-system/synergy-design-system/issues/new?assignees=&labels=&projects=&template=generic-bug.md&title=fix%3A+%F0%9F%90%9B+).
+
+## Getting started
+
+### 1. Usage example
+
+If you want to see a usage example, please check out our [test Angular repository](https://github.com/synergy-design-system/synergy-design-system/tree/main/packages/_private/angular-demo).
+
+### 2. Package installation
+
+Run the following steps to install the required packages.
+
+```bash
+# Install the required dependencies
+npm install --save @synergy-design-system/angular @synergy-design-system/components @synergy-design-system/tokens
+
+# Optional: Install the styles utility package
+npm install --save @synergy-design-system/styles
+
+# If not already installed, install Angular's peer dependencies
+# Install step for angular@17
+npm install --save @angular/core@17 @angular/forms@17
+
+# Optional: if icons shall be used, install the assets package
+npm install --save @synergy-design-system/assets
+```
+
+### 3. Load the desired theme (required) and utility classes (recommended)
+
+The components will not display correctly without the needed theme and utility classes.
+Please include either light or dark theme in your application, for example in a newly installed Angular application, add the following to `angular.json`:
+
+> This example includes the optional @synergy-design-system/styles package.
+> If you do not want to use the styles package, just remove the last import.
+
+```json
+{
+  "projects": {
+    "your-project": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              // Add this line to enable the light theme for your application
+              "@synergy-design-system/tokens/themes/light.css",
+              "@synergy-design-system/components/index.css",
+              // Optional: Import the styles package
+              "@synergy-design-system/styles/index.css"
+            ]
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+### 4. Importing and rendering components
+
+There are multiple ways to load components:
+
+#### Load the Synergy Module to load all components
+
+> ⚠️ This is a convenience feature only and WILL create bigger bundles!
+> It is intended for bootstrapping applications in a quick way.
+> It is recommended that you ship your own NgModule with only needed components.
+> See below for more information!
+
+This library is providing an `NgModule` named `SynergyComponentsModule`, which takes care of exporting all available Synergy Components. You may use it in the following way:
+
+```typescript
+// src/app/app.module.ts
+import { NgModule } from "@angular/core";
+import { BrowserModule } from "@angular/platform-browser";
+import { AppComponent } from "./app.component";
+import { SynergyComponentsModule } from "@synergy-design-system/angular";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [BrowserModule, SynergyComponentsModule],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
+You will then be able to use the provided wrappers in the following way:
+
+```html
+<!-- src/app/app.component.html -->
+<syn-button type="submit"> Submit me </syn-button>
+```
+
+This example will render the provided `<syn-button />` Angular component.
+
+---
+
+#### Loading selected components only
+
+To reduce bundle size, it is recommended that you do not use the root import for components like `import { SynInputComponent, SynButtonComponent } from '@synergy-design-system/angular`, but use the specific import for each needed component.
+
+You can either add the needed components directly to the @Component.imports array:
+
+```typescript
+// src/app/my-component.component.ts
+import { Component } from "@angular/core";
+import { SynInputComponent } from "@synergy-design-system/angular/components/input";
+import { SynButtonComponent } from "@synergy-design-system/angular/components/button";
+
+@Component({
+  selector: "my-component",
+  imports: [SynButtonComponent, SynInputComponent],
+  template: `
+    <syn-input label="My input"></syn-input>
+    <syn-button>Click me</syn-button>
+  `,
+})
+export class MyComponent {}
+```
+
+Or create your own reusable NgModule with only needed components:
+
+```typescript
+// src/app/used-synergy.module.ts
+import { NgModule } from "@angular/core";
+import { SynButtonComponent } from "@synergy-design-system/angular/components/button";
+import { SynInputComponent } from "@synergy-design-system/angular/components/input";
+
+const components = [SynButtonComponent, SynInputComponent];
+
+@NgModule({
+  imports: components,
+  exports: components,
+})
+export class UsedSynergyModule {}
+```
+
+```typescript
+// src/app/my-component.component.ts
+import { Component } from "@angular/core";
+import { UsedSynergyModule } from "./used-synergy.module";
+
+@Component({
+  selector: "my-component",
+  imports: [UsedSynergyModule],
+  template: `
+    <syn-input label="My input"></syn-input>
+    <syn-button>Click me</syn-button>
+  `,
+})
+export class MyComponent {}
+```
+
+For a practical example, check out our test Angular repository. We've created a [module](https://github.com/synergy-design-system/synergy-design-system/blob/main/packages/_private/angular-demo/src/modules/used-synergy.module.ts) that includes only the necessary components, which we imported into the [component](https://github.com/synergy-design-system/synergy-design-system/blob/main/packages/_private/angular-demo/src/demoformvalidate/demoformvalidate.component.ts) that uses them.
+
+### 5. Usage of the components
+
+All information about which components exist as well as the available properties, events and usage of a component, can be found at `components` in our [documentation](https://synergy-design-system.github.io/?path=/docs/components).
+The documentation is written for no specific web framework but only vanilla html and javascript.
+
+An example demo repository with the usage of the Angular wrapper components can be found [here](https://github.com/synergy-design-system/synergy-design-system/tree/main/packages/_private/angular-demo).
+
+The naming of the components for Angular is the same as in the documentation.
+
+```html
+<!-- Webcomponents example -->
+<syn-button> My Button </syn-button>
+```
+
+```html
+<!-- Angular wrapper example -->
+<syn-button> My Button </syn-button>
+```
+
+### 6. Usage of attributes
+
+In Angular attributes must be converted from kebab-case to camelCase (e.g. myAttribute instead of my-attribute)
+
+The following two code examples show, how different attributes look like for web components and their Angular wrapper counterpart:
+
+```html
+<!-- Webcomponents example -->
+<syn-input
+  label="Nickname"
+  help-text="What would you like people to call you?"
+  required
+></syn-input>
+```
+
+```html
+<!-- Angular wrapper example -->
+<syn-input
+  label="Nickname"
+  helpText="What would you like people to call you?"
+  required
+></syn-input>
+```
+
+### 7. Usage of events
+
+Custom events are named in the documentation as following: `syn-change`, `syn-clear`, ...
+
+In the Angular wrapper these events can be used in two ways: either with the same naming as in the documentation or via camelCase with `Event` suffix.
+
+`syn-change`-> `synChangeEvent`, `syn-clear`-> `synClearEvent`, ...
+
+> Note:
+> Only for the camelCase variant (e.g. synChangeEvent) Angular will give auto completion in the html.
+
+An example for both event usages are following:
+
+```html
+<!-- Angular wrapper with original event name -->
+<syn-input (syn-change)="synChange($event)"></syn-input>
+```
+
+```html
+<!-- Angular wrapper with specific event name -->
+<syn-input (synChangeEvent)="synChange($event)"></syn-input>
+```
+
+If typescript is used, you can get the correct types for components and events from the `@synergy-design-system/components` package.
+An example for how these types can be used in case of event handling, is shown below:
+
+```html
+<syn-input label="Surname" (synChangeEvent)="synChange($event)"> </syn-input>
+```
+
+```js
+  import type { SynChangeEvent, SynInput } from '@synergy-design-system/components';
+
+  synChange(e: SynChangeEvent) {
+    const input = e.target as SynInput;
+    // Now we get access to all properties, methods etc. of the syn-input
+    const surname = input.value;
+    doSomething(surname);
+  }
+```
+
+### 8. Obtaining a reference to the underlying native element (e.g. for usage of methods)
+
+Sometimes, there is a need to interact directly with the underlying native web-component. For this reason, the library exposes a `nativeElement` property for all angular components.
+
+```js
+import { Component, ViewChild } from '@angular/core';
+import { SynInputComponent } from '@synergy-design-system/angular';
+
+@Component({
+  selector: 'home',
+  styleUrls: ['./home.styles.css'],
+  template: `
+    <syn-input #count label="My count" type="number" value="5"></syn-input>
+    <syn-button (click)="handleClick()">Increment</syn-button>
+  `
+})
+export class Home {
+ @ViewChild('count') count!: SynInputComponent;
+
+  handleClick() {
+    // Increment the count via calling the method
+    this.count.nativeElement.stepUp();
+  }
+}
+```
+
+### 9. Using synergy components in @angular/forms via SynergyFormsModule
+
+There are two ways to use the Angular wrappers in forms: Either manual by adding a `ngDefaultControl` to the component or via our custom `SynergyFormsModule`.
+
+`SynergyFormsModule` provides automatic support for all currently available Synergy form input elements by wrapping them with custom Angular `ValueAccessors`.
+
+To use the module, please proceed the following way:
+
+```typescript
+// src/app/app.module.ts
+import { NgModule } from "@angular/core";
+import { BrowserModule } from "@angular/platform-browser";
+import { ReactiveFormsModule } from "@angular/forms";
+import { AppComponent } from "./app.component";
+import {
+  SynergyComponentsModule,
+  SynergyFormsModule,
+} from "@synergy-design-system/angular";
+
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    BrowserModule,
+    ReactiveFormsModule,
+    SynergyComponentsModule,
+    SynergyFormsModule,
+  ],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+
+You will then be able to use the provided wrappers in the following way:
+
+```html
+<!-- src/app/app.component.html -->
+<syn-input
+  formControlName="test"
+  type="text"
+  name="test"
+  [title]="myLabel"
+  type="text"
+  required
+>
+  <span slot="label"> {{myLabel}} </span>
+</syn-input>
+```
+
+Note that all elements that have one of the following attributes will be used as selectors:
+
+- Elements defining a `[formControlName]` attribute
+- Elements defining a `[formControl]` attribute
+- Elements defining a `[ngModel]` attribute
+
+### 10. Using two way data binding
+
+Input Controls like `<syn-input />`, `<syn-checkbox />` or `<syn-select />` also support [Angulars two way data binding](https://angular.io/guide/two-way-binding) on their corresponding `value` or `checked` properties.
+
+You can use this in the following way:
+
+```typescript
+// Example empty component with
+// one property using two way data binding
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "home",
+  styleUrls: ["./home.styles.css"],
+  template: `
+    <syn-input [(value)]="inputValue" placeholder="Type something"></syn-input>
+
+    Current Value is: {{ inputValue }}
+  `,
+})
+export class Home {
+  inputValue: string = "Type something";
+}
+```
+
+The default update of the ngModel values is done on the `syn-input` event. If you want to change the event, which triggers the update, you can use the `ngModelUpdateOn` property.
+
+```typescript
+// Changed ngModel update event. NgModel value change is triggered on the `syn-change` event, instead of the `syn-input` event
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "home",
+  styleUrls: ["./home.styles.css"],
+  template: `
+    <syn-input [(value)]="inputValue" ngModelUpdateOn="syn-change"></syn-input>
+
+    Current Value is: {{ inputValue }}
+  `,
+})
+export class Home {
+  inputValue: string = "Type something";
+}
+```
+
+---
+
+## Development
+
+To create a new version of this package, proceed in the following way:
+
+1. Check out the [Synergy Design System Repository](https://github.com/synergy-design-system/synergy-design-system).
+2. Run `pnpm i -r` to install all dependencies.
+3. Build the `@synergy-design-system/components` package (or run `pnpm build` in the project root to build everything).
+4. Move to to `packages/_private/angular-demo` and use `pnpm start` to spin up a local vite project using react and typescript to validate the build.
+
+> ⚠️ The build process will always try to sync this packages `package.json.version` field with the latest version from `@synergy-design-system/components`!
+> Therefore, it is best to not alter the version string

package/metadata/packages/assets/CHANGELOG.md

@@ -0,0 +1,189 @@
+# [@synergy-design-system/assets-v1.17.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.16.1...assets/1.17.0) (2025-07-14)
+
+
+### Features
+
+* ✨ export new icons ([#919](https://github.com/synergy-design-system/synergy-design-system/issues/919)) ([ad148f9](https://github.com/synergy-design-system/synergy-design-system/commit/ad148f9681822f18c0959664e55ec72e343afa9b))
+
+# [@synergy-design-system/assets-v1.16.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.16.0...assets/1.16.1) (2025-06-20)
+
+
+### Bug Fixes
+
+* 🐛 Upgrade packages to latest versions ([#905](https://github.com/synergy-design-system/synergy-design-system/issues/905)) ([64de3cd](https://github.com/synergy-design-system/synergy-design-system/commit/64de3cd72f7ab3c7eeb727a9de85d9d980b27055))
+
+# [@synergy-design-system/assets-v1.16.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.15.1...assets/1.16.0) (2025-06-06)
+
+
+### Features
+
+* ✨ assets: Provide infrastructure for fetching new icon sets ([#888](https://github.com/synergy-design-system/synergy-design-system/issues/888)) ([f051b6f](https://github.com/synergy-design-system/synergy-design-system/commit/f051b6f5ed256dcdb5e39ae653c22fc602a7fe5f))
+
+# [@synergy-design-system/assets-v1.15.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.15.0...assets/1.15.1) (2025-06-03)
+
+
+### Bug Fixes
+
+* 🐛 Fix broken icons ([#891](https://github.com/synergy-design-system/synergy-design-system/issues/891)) ([d734c89](https://github.com/synergy-design-system/synergy-design-system/commit/d734c89ba6e9d0062c8d65b9fac724a07e42398f))
+
+# [@synergy-design-system/assets-v1.15.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.14.0...assets/1.15.0) (2025-06-03)
+
+
+### Features
+
+*  ✨added Overview page ([#880](https://github.com/synergy-design-system/synergy-design-system/issues/880)) ([5527ad5](https://github.com/synergy-design-system/synergy-design-system/commit/5527ad535c4f801a1f7083b68e29996b17e7f4bc))
+
+# [@synergy-design-system/assets-v1.14.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.13.1...assets/1.14.0) (2025-05-21)
+
+
+### Features
+
+* ✨ Add variant="sticky" to syn-side-nav ([#855](https://github.com/synergy-design-system/synergy-design-system/issues/855)) ([0004497](https://github.com/synergy-design-system/synergy-design-system/commit/0004497ff3c35fab1de65fdd70730f5962ffd748))
+
+# [@synergy-design-system/assets-v1.13.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.13.0...assets/1.13.1) (2025-03-31)
+
+
+### Bug Fixes
+
+* 🐛  Upgrade packages to latest versions ([#830](https://github.com/synergy-design-system/synergy-design-system/issues/830)) ([f5fe54f](https://github.com/synergy-design-system/synergy-design-system/commit/f5fe54fb55732b1e3efdf3062d55ee517aef4e81))
+
+# [@synergy-design-system/assets-v1.13.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.12.0...assets/1.13.0) (2025-03-11)
+
+
+### Features
+
+* ✨ Add new material icons ([#802](https://github.com/synergy-design-system/synergy-design-system/issues/802)) ([eb7c044](https://github.com/synergy-design-system/synergy-design-system/commit/eb7c044e1d4175b273663ea2c3f406067b828c33))
+
+# [@synergy-design-system/assets-v1.12.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.11.2...assets/1.12.0) (2025-02-10)
+
+
+### Features
+
+* ✨Update shoelace and deps to latest version ([#769](https://github.com/synergy-design-system/synergy-design-system/issues/769)) ([143d88f](https://github.com/synergy-design-system/synergy-design-system/commit/143d88f0a50c47a996be0cb1527629802266800e))
+
+# [@synergy-design-system/assets-v1.11.2](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.11.1...assets/1.11.2) (2024-12-02)
+
+
+### Bug Fixes
+
+* 🐛 Assets release process ([#700](https://github.com/synergy-design-system/synergy-design-system/issues/700)) ([c28647f](https://github.com/synergy-design-system/synergy-design-system/commit/c28647fa3fbde952e649c67bf7d98df6060ac78b))
+
+# [@synergy-design-system/assets-v1.11.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.11.0...assets/1.11.1) (2024-12-02)
+
+
+### Bug Fixes
+
+* 🐛  Added missing dist from files ([#699](https://github.com/synergy-design-system/synergy-design-system/issues/699)) ([82d8ae0](https://github.com/synergy-design-system/synergy-design-system/commit/82d8ae0237051923fdbb4e4e753dc0ba2fdd30fb))
+
+# [@synergy-design-system/assets-v1.11.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.10.0...assets/1.11.0) (2024-12-02)
+
+
+### Features
+
+* ✨ provide a way to bundle svg assets ([#692](https://github.com/synergy-design-system/synergy-design-system/issues/692)) ([081f3ed](https://github.com/synergy-design-system/synergy-design-system/commit/081f3ed0c1a20d4a10acfdf18dde3ff698fc4d5d))
+
+# [@synergy-design-system/assets-v1.10.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.9.0...assets/1.10.0) (2024-11-21)
+
+
+### Features
+
+* ✨ provide accessible solution for validation ([#599](https://github.com/synergy-design-system/synergy-design-system/issues/599)) ([f8ef81a](https://github.com/synergy-design-system/synergy-design-system/commit/f8ef81a4a61af27fcb6de2c03ce13ef502fcb732))
+
+# [@synergy-design-system/assets-v1.9.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.8.0...assets/1.9.0) (2024-10-11)
+
+
+### Features
+
+* ✨ Update Shoelace to 2.17.1 ([#641](https://github.com/synergy-design-system/synergy-design-system/issues/641)) ([86fd83b](https://github.com/synergy-design-system/synergy-design-system/commit/86fd83b528be24abc8dd8427604c7fd62e8c1ff2))
+
+# [@synergy-design-system/assets-v1.8.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.7.0...assets/1.8.0) (2024-08-23)
+
+
+### Features
+
+* ✨ Upgrade packages to latest versions ([#592](https://github.com/synergy-design-system/synergy-design-system/issues/592)) ([e43c563](https://github.com/synergy-design-system/synergy-design-system/commit/e43c5630b6c43ef855af6815604c7649376104ee)), closes [#2078](https://github.com/synergy-design-system/synergy-design-system/issues/2078) [#2063](https://github.com/synergy-design-system/synergy-design-system/issues/2063) [#2041](https://github.com/synergy-design-system/synergy-design-system/issues/2041) [#2041](https://github.com/synergy-design-system/synergy-design-system/issues/2041) [#2116](https://github.com/synergy-design-system/synergy-design-system/issues/2116) [#2121](https://github.com/synergy-design-system/synergy-design-system/issues/2121) [#1992](https://github.com/synergy-design-system/synergy-design-system/issues/1992) [#2079](https://github.com/synergy-design-system/synergy-design-system/issues/2079) [#2009](https://github.com/synergy-design-system/synergy-design-system/issues/2009) [#1967](https://github.com/synergy-design-system/synergy-design-system/issues/1967) [#1947](https://github.com/synergy-design-system/synergy-design-system/issues/1947) [#1974](https://github.com/synergy-design-system/synergy-design-system/issues/1974) [#1985](https://github.com/synergy-design-system/synergy-design-system/issues/1985) [#2001](https://github.com/synergy-design-system/synergy-design-system/issues/2001)
+
+# [@synergy-design-system/assets-v1.7.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.6.0...assets/1.7.0) (2024-08-19)
+
+
+### Features
+
+* ✨ create syn-file ([#563](https://github.com/synergy-design-system/synergy-design-system/issues/563)) ([181f121](https://github.com/synergy-design-system/synergy-design-system/commit/181f121ee87e43ba0381ec4288470d3414467d8e))
+
+# [@synergy-design-system/assets-v1.6.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.5.1...assets/1.6.0) (2024-06-18)
+
+
+### Features
+
+* ✨ syn-tab ([#496](https://github.com/synergy-design-system/synergy-design-system/issues/496)) ([921299e](https://github.com/synergy-design-system/synergy-design-system/commit/921299e8f37db2b0a5f3e53a891f8f03ce39e12d))
+
+# [@synergy-design-system/assets-v1.5.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.5.0...assets/1.5.1) (2024-04-23)
+
+
+### Bug Fixes
+
+* 🤔 update dependencies ([#438](https://github.com/synergy-design-system/synergy-design-system/issues/438)) ([f3d648b](https://github.com/synergy-design-system/synergy-design-system/commit/f3d648b2071214cd6d58ff18d66e434dd32bfc76))
+
+# [@synergy-design-system/assets-v1.5.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.4.0...assets/1.5.0) (2024-04-08)
+
+
+### Features
+
+* ✨ add syn-side-nav, syn-nav-item, syn-prio-nav ([#364](https://github.com/synergy-design-system/synergy-design-system/issues/364)) ([fd9b821](https://github.com/synergy-design-system/synergy-design-system/commit/fd9b82138385f2708003ce18d9c118b7a8fb7925))
+
+# [@synergy-design-system/assets-v1.4.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.3.0...assets/1.4.0) (2024-02-28)
+
+
+### Features
+
+* ✨ Create syn-header ([#331](https://github.com/synergy-design-system/synergy-design-system/issues/331)) ([acde61d](https://github.com/synergy-design-system/synergy-design-system/commit/acde61d762dd4123aae553227f3af2015e824208))
+
+# [@synergy-design-system/assets-v1.3.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.2.1...assets/1.3.0) (2024-01-30)
+
+
+### Features
+
+* ✨ syn-select / syn-option / syn-optgroup ([#274](https://github.com/synergy-design-system/synergy-design-system/issues/274)) ([25c6788](https://github.com/synergy-design-system/synergy-design-system/commit/25c678829e58a173c0fc23005a4f724b6d792dd7))
+
+# [@synergy-design-system/assets-v1.2.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.2.0...assets/1.2.1) (2024-01-24)
+
+
+### Bug Fixes
+
+* 🤔 Update project dependencies ([#276](https://github.com/synergy-design-system/synergy-design-system/issues/276)) ([9aa94be](https://github.com/synergy-design-system/synergy-design-system/commit/9aa94beb8f1191862d7cf48617af2d1994a6df9c))
+
+# [@synergy-design-system/assets-v1.2.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.1.0...assets/1.2.0) (2024-01-19)
+
+
+### Features
+
+* ✨update icons ([#273](https://github.com/synergy-design-system/synergy-design-system/issues/273)) ([8677925](https://github.com/synergy-design-system/synergy-design-system/commit/8677925421d09f65c3aa8e056013b0cba8354f9a))
+
+# [@synergy-design-system/assets-v1.1.0](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.0.2...assets/1.1.0) (2024-01-12)
+
+
+### Features
+
+* ✨ add syn-tag ([#217](https://github.com/synergy-design-system/synergy-design-system/issues/217)) ([da91945](https://github.com/synergy-design-system/synergy-design-system/commit/da91945d1e7f4e5bb5cc2efd36e70f790c5663ad))
+
+# [@synergy-design-system/assets-v1.0.2](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.0.1...assets/1.0.2) (2023-12-14)
+
+
+### Bug Fixes
+
+* 📚 improve links in documentation ([#224](https://github.com/synergy-design-system/synergy-design-system/issues/224)) ([f55934c](https://github.com/synergy-design-system/synergy-design-system/commit/f55934c34c6c53b0f7c9a5afa8d91bc520df4fdf))
+
+# [@synergy-design-system/assets-v1.0.1](https://github.com/synergy-design-system/synergy-design-system/compare/assets/1.0.0...assets/1.0.1) (2023-12-06)
+
+
+### Bug Fixes
+
+* improve changelogs ([#213](https://github.com/synergy-design-system/synergy-design-system/issues/213)) ([3674aed](https://github.com/synergy-design-system/synergy-design-system/commit/3674aed156b3f604a220be23957ca2da05717472))
+
+# @synergy-design-system/assets-v1.0.0 (2023-12-06)
+
+
+### Features
+
+* init first release ([#210](https://github.com/synergy-design-system/synergy-design-system/issues/210)) ([55fe07e](https://github.com/synergy-design-system/synergy-design-system/commit/55fe07e9454ec159506f24223222786f315e800c))
+* ✨ add SICK logos, Material Icons and System Icons