diff --git a/packages/documentation/docs/auto-generated/previews/angular/about-and-legal.md b/packages/documentation/docs/auto-generated/previews/angular/about-and-legal.md
index 20b0040950b..668a758722e 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/about-and-legal.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/about-and-legal.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/about-and-legal.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/aggrid.md b/packages/documentation/docs/auto-generated/previews/angular/aggrid.md
index 674a94a7a16..f74abeba63b 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/aggrid.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/aggrid.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/aggrid.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/basic-navigation-without-header.md b/packages/documentation/docs/auto-generated/previews/angular/basic-navigation-without-header.md
index f9a66a83585..ec1a19984e3 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/basic-navigation-without-header.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/basic-navigation-without-header.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/basic-navigation-without-header.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/basic-navigation.md b/packages/documentation/docs/auto-generated/previews/angular/basic-navigation.md
index 560ed1b87ab..eae4565b6ce 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/basic-navigation.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/basic-navigation.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/basic-navigation.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/blind.md b/packages/documentation/docs/auto-generated/previews/angular/blind.md
index 527c3f28e5d..779b1db9a07 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/blind.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/blind.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/blind.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-next-items.md b/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-next-items.md
index e3812e6232e..173faa4d4ec 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-next-items.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-next-items.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/breadcrumb-next-items.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-truncate.md b/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-truncate.md
index c565218d407..2b2b969d362 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-truncate.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/breadcrumb-truncate.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/breadcrumb-truncate.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/breadcrumb.md b/packages/documentation/docs/auto-generated/previews/angular/breadcrumb.md
index 4f67a90f4d1..88cfe1ca85d 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/breadcrumb.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/breadcrumb.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/breadcrumb.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/button-group.md b/packages/documentation/docs/auto-generated/previews/angular/button-group.md
index f71c246f170..d379c2d7686 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/button-group.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/button-group.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/button-group.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/button-selected.md b/packages/documentation/docs/auto-generated/previews/angular/button-selected.md
index 40cb35c72d0..f222093a913 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/button-selected.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/button-selected.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/button-selected.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/button-with-icon.md b/packages/documentation/docs/auto-generated/previews/angular/button-with-icon.md
index b2e16c740ba..00e7b308589 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/button-with-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/button-with-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/button-with-icon.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/buttons.md b/packages/documentation/docs/auto-generated/previews/angular/buttons.md
index 758578c92d6..6a6879944f6 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/buttons.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/buttons.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/buttons.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/category-filter-suggestions.md b/packages/documentation/docs/auto-generated/previews/angular/category-filter-suggestions.md
index e5e06e5a714..680fecd1aa3 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/category-filter-suggestions.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/category-filter-suggestions.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/category-filter-suggestions.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/category-filter.md b/packages/documentation/docs/auto-generated/previews/angular/category-filter.md
index 0e47d5dad77..f507e2cb010 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/category-filter.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/category-filter.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/category-filter.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/checkbox-indeterminate.md b/packages/documentation/docs/auto-generated/previews/angular/checkbox-indeterminate.md
index 83292329a2d..98a70cd27ab 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/checkbox-indeterminate.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/checkbox-indeterminate.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/checkbox-indeterminate.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/checkbox.md b/packages/documentation/docs/auto-generated/previews/angular/checkbox.md
index d65b7fd92a1..23e5a3907a7 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/checkbox.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/checkbox.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/checkbox.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/chip.md b/packages/documentation/docs/auto-generated/previews/angular/chip.md
index 85e48ac8480..2cb252ee432 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/chip.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/chip.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/chip.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/datepicker.md b/packages/documentation/docs/auto-generated/previews/angular/datepicker.md
index 9d2bd3bbff8..8108eeebdb3 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/datepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/datepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/datepicker.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/datetimepicker.md b/packages/documentation/docs/auto-generated/previews/angular/datetimepicker.md
index 5d4088d9660..1671627a84d 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/datetimepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/datetimepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/datetimepicker.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/drawer-full-height.md b/packages/documentation/docs/auto-generated/previews/angular/drawer-full-height.md
index 99b3c95fa6f..95b860e452b 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/drawer-full-height.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/drawer-full-height.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/drawer-full-height.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/drawer.md b/packages/documentation/docs/auto-generated/previews/angular/drawer.md
index 710b01468a4..fd3437f384d 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/drawer.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/drawer.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/drawer.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/dropdown-icon.md b/packages/documentation/docs/auto-generated/previews/angular/dropdown-icon.md
index da2959d4f68..9b316c62510 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/dropdown-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/dropdown-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/dropdown-icon.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/dropdown.md b/packages/documentation/docs/auto-generated/previews/angular/dropdown.md
index 03ceee2a7ca..22e4cc2719c 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/dropdown.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/dropdown.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/dropdown.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/event-list-compact.md b/packages/documentation/docs/auto-generated/previews/angular/event-list-compact.md
index f095d9f638f..df094f19544 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/event-list-compact.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/event-list-compact.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/event-list-compact.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/event-list-custom-item-height.md b/packages/documentation/docs/auto-generated/previews/angular/event-list-custom-item-height.md
index 32e9b98cdc1..37a92ef636c 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/event-list-custom-item-height.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/event-list-custom-item-height.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/event-list-custom-item-height.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/event-list-selected.md b/packages/documentation/docs/auto-generated/previews/angular/event-list-selected.md
index 03c4a94d465..cdc8e0c40cc 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/event-list-selected.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/event-list-selected.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/event-list-selected.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/event-list.md b/packages/documentation/docs/auto-generated/previews/angular/event-list.md
index 3ceed883ffc..fef28a2817e 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/event-list.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/event-list.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/event-list.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/expanding-search.md b/packages/documentation/docs/auto-generated/previews/angular/expanding-search.md
index 4b9eb98d102..7d46bb8026e 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/expanding-search.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/expanding-search.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/expanding-search.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/flip-tile.md b/packages/documentation/docs/auto-generated/previews/angular/flip-tile.md
index 9ece3dd4513..a25c0075a39 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/flip-tile.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/flip-tile.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/flip-tile.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/group-context-menu.md b/packages/documentation/docs/auto-generated/previews/angular/group-context-menu.md
index a544f1e1ebf..31f74fe9a4d 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/group-context-menu.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/group-context-menu.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/group-context-menu.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/group-custom-entry.md b/packages/documentation/docs/auto-generated/previews/angular/group-custom-entry.md
index 5dc111ecf05..76d92fba722 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/group-custom-entry.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/group-custom-entry.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/group-custom-entry.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/group-header-suppressed.md b/packages/documentation/docs/auto-generated/previews/angular/group-header-suppressed.md
index b8414488128..fcba237e95c 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/group-header-suppressed.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/group-header-suppressed.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/group-header-suppressed.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/group.md b/packages/documentation/docs/auto-generated/previews/angular/group.md
index 8d406d81a23..07ca334af9f 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/group.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/group.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/group.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/input-disabled.md b/packages/documentation/docs/auto-generated/previews/angular/input-disabled.md
index 5a66c8278fd..cb770d52b7e 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/input-disabled.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/input-disabled.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/input-disabled.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/input-readonly.md b/packages/documentation/docs/auto-generated/previews/angular/input-readonly.md
index c64a7f3ddce..032f5c2702e 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/input-readonly.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/input-readonly.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/input-readonly.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/input-with-icon.md b/packages/documentation/docs/auto-generated/previews/angular/input-with-icon.md
index bdfd5e49261..8bf8045953b 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/input-with-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/input-with-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/input-with-icon.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/input.md b/packages/documentation/docs/auto-generated/previews/angular/input.md
index 6f78266d70b..b324aae25a4 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/input.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/input.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/input.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/kpi.md b/packages/documentation/docs/auto-generated/previews/angular/kpi.md
index 4a312dd0057..d951a99b5dc 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/kpi.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/kpi.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/kpi.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/message-bar.md b/packages/documentation/docs/auto-generated/previews/angular/message-bar.md
index e1210a6fc08..56b1e8ed3db 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/message-bar.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/message-bar.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/message-bar.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/modal.md b/packages/documentation/docs/auto-generated/previews/angular/modal.md
index 0c23b931ae3..8a060dc16a1 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/modal.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/modal.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/modal.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/pill.md b/packages/documentation/docs/auto-generated/previews/angular/pill.md
index 3dd6137e98a..f0b2360e3c2 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/pill.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/pill.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/pill.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/popover-news.md b/packages/documentation/docs/auto-generated/previews/angular/popover-news.md
index a7b0b22c31c..bbacddc1602 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/popover-news.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/popover-news.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/popover-news.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/radio-button.md b/packages/documentation/docs/auto-generated/previews/angular/radio-button.md
index a3dacde6871..30cc464ca85 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/radio-button.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/radio-button.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/radio-button.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/select-editable.md b/packages/documentation/docs/auto-generated/previews/angular/select-editable.md
index f26bc83eb2c..6e0e7bb9bc9 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/select-editable.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/select-editable.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/select-editable.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/select-multiple.md b/packages/documentation/docs/auto-generated/previews/angular/select-multiple.md
index 3e54c946d28..eae774b05a9 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/select-multiple.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/select-multiple.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/select-multiple.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/select.md b/packages/documentation/docs/auto-generated/previews/angular/select.md
index 8dcd24dc961..eafc7f5bebe 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/select.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/select.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/select.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/settings.md b/packages/documentation/docs/auto-generated/previews/angular/settings.md
index 9df0b875349..dce3877e34c 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/settings.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/settings.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/settings.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/spinner-large.md b/packages/documentation/docs/auto-generated/previews/angular/spinner-large.md
index 0d3d0bb18ba..ff8e63c5a7d 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/spinner-large.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/spinner-large.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/spinner-large.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/spinner.md b/packages/documentation/docs/auto-generated/previews/angular/spinner.md
index a5ee125bb41..4a253148551 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/spinner.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/spinner.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/spinner.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/split-button-icons.md b/packages/documentation/docs/auto-generated/previews/angular/split-button-icons.md
index 7b958747758..695752b11d0 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/split-button-icons.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/split-button-icons.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/split-button-icons.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/split-button.md b/packages/documentation/docs/auto-generated/previews/angular/split-button.md
index 59625f38100..c0cc706bde2 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/split-button.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/split-button.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/split-button.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/tabs.md b/packages/documentation/docs/auto-generated/previews/angular/tabs.md
index 37fe6c62f60..990203d3188 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/tabs.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/textarea-disabled.md b/packages/documentation/docs/auto-generated/previews/angular/textarea-disabled.md
index f9bc8aaefed..77348df60d6 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/textarea-disabled.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/textarea-disabled.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/textarea-disabled.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/textarea-readonly.md b/packages/documentation/docs/auto-generated/previews/angular/textarea-readonly.md
index a07bf265cae..385ccdc1202 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/textarea-readonly.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/textarea-readonly.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/textarea-readonly.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/textarea.md b/packages/documentation/docs/auto-generated/previews/angular/textarea.md
index 6161689c758..dc8b0da89ab 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/textarea.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/textarea.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/textarea.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/tile.md b/packages/documentation/docs/auto-generated/previews/angular/tile.md
index ec4983996e6..0542379eebd 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/tile.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/tile.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/tile.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/timepicker.md b/packages/documentation/docs/auto-generated/previews/angular/timepicker.md
index 5874645b2a5..15f818924da 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/timepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/timepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/timepicker.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/toast-custom.md b/packages/documentation/docs/auto-generated/previews/angular/toast-custom.md
index 1ccb8acb94e..2dfeeb62df3 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/toast-custom.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/toast-custom.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/toast-custom.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/toast.md b/packages/documentation/docs/auto-generated/previews/angular/toast.md
index 23ced395efa..3cccb55dac0 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/toast.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/toast.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/toast.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/toggle-color.md b/packages/documentation/docs/auto-generated/previews/angular/toggle-color.md
index 8ae749a6569..379352e0db8 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/toggle-color.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/toggle-color.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/toggle-color.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-disable.md b/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-disable.md
index ab9be9061d2..736ee586c91 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-disable.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-disable.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/toggle-custom-disable.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-label.md b/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-label.md
index 9101e6aa993..8ac091a6670 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-label.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/toggle-custom-label.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/toggle-custom-label.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/toggle.md b/packages/documentation/docs/auto-generated/previews/angular/toggle.md
index b0b1739247c..8dbc641a90c 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/toggle.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/toggle.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/toggle.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/tree-custom.md b/packages/documentation/docs/auto-generated/previews/angular/tree-custom.md
index 2735f7ed268..427845022a3 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/tree-custom.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/tree-custom.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/tree-custom.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/tree.md b/packages/documentation/docs/auto-generated/previews/angular/tree.md
index 2b978be6511..eed204949e2 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/tree.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/tree.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/tree.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/upload.md b/packages/documentation/docs/auto-generated/previews/angular/upload.md
index 3a7266fa752..917f5f2af53 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/upload.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/upload.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/upload.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/validation.md b/packages/documentation/docs/auto-generated/previews/angular/validation.md
index 8ecc1a5e21e..1a302537664 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/validation.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/validation.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/validation.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs-with-avatar.md b/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs-with-avatar.md
index db3b106b775..62e8836dbf9 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs-with-avatar.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs-with-avatar.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/vertical-tabs-with-avatar.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs.md b/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs.md
index 4af8e71a50b..2f71c6d61ed 100644
--- a/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/angular/vertical-tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/angular-test-app/src/preview-examples/vertical-tabs.ts -->
 ```typescript
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/about-and-legal.md b/packages/documentation/docs/auto-generated/previews/react/about-and-legal.md
index 6f4af6f2551..05cd022ca37 100644
--- a/packages/documentation/docs/auto-generated/previews/react/about-and-legal.md
+++ b/packages/documentation/docs/auto-generated/previews/react/about-and-legal.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/about-and-legal.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/aggrid.md b/packages/documentation/docs/auto-generated/previews/react/aggrid.md
index 0a862642265..cfb6d25c518 100644
--- a/packages/documentation/docs/auto-generated/previews/react/aggrid.md
+++ b/packages/documentation/docs/auto-generated/previews/react/aggrid.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/aggrid.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/basic-navigation-without-header.md b/packages/documentation/docs/auto-generated/previews/react/basic-navigation-without-header.md
index c07c1b04fec..38f1ee0615f 100644
--- a/packages/documentation/docs/auto-generated/previews/react/basic-navigation-without-header.md
+++ b/packages/documentation/docs/auto-generated/previews/react/basic-navigation-without-header.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/basic-navigation-without-header.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/basic-navigation.md b/packages/documentation/docs/auto-generated/previews/react/basic-navigation.md
index e296e1628b0..5a4a1547601 100644
--- a/packages/documentation/docs/auto-generated/previews/react/basic-navigation.md
+++ b/packages/documentation/docs/auto-generated/previews/react/basic-navigation.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/basic-navigation.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/blind.md b/packages/documentation/docs/auto-generated/previews/react/blind.md
index cb9a95625a0..566e3b70333 100644
--- a/packages/documentation/docs/auto-generated/previews/react/blind.md
+++ b/packages/documentation/docs/auto-generated/previews/react/blind.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/blind.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/breadcrumb-next-items.md b/packages/documentation/docs/auto-generated/previews/react/breadcrumb-next-items.md
index ba578da7fdf..92a8d0b32ff 100644
--- a/packages/documentation/docs/auto-generated/previews/react/breadcrumb-next-items.md
+++ b/packages/documentation/docs/auto-generated/previews/react/breadcrumb-next-items.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/breadcrumb-next-items.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/breadcrumb-truncate.md b/packages/documentation/docs/auto-generated/previews/react/breadcrumb-truncate.md
index 9e22ff9ef76..f3bd47566f1 100644
--- a/packages/documentation/docs/auto-generated/previews/react/breadcrumb-truncate.md
+++ b/packages/documentation/docs/auto-generated/previews/react/breadcrumb-truncate.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/breadcrumb-truncate.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/breadcrumb.md b/packages/documentation/docs/auto-generated/previews/react/breadcrumb.md
index 1839a5297f1..6a1ae169a68 100644
--- a/packages/documentation/docs/auto-generated/previews/react/breadcrumb.md
+++ b/packages/documentation/docs/auto-generated/previews/react/breadcrumb.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/breadcrumb.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/button-group.md b/packages/documentation/docs/auto-generated/previews/react/button-group.md
index 8818c56c2fa..60a2d6b68b0 100644
--- a/packages/documentation/docs/auto-generated/previews/react/button-group.md
+++ b/packages/documentation/docs/auto-generated/previews/react/button-group.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/button-group.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/button-selected.md b/packages/documentation/docs/auto-generated/previews/react/button-selected.md
index 0b536d56de4..959abfebebc 100644
--- a/packages/documentation/docs/auto-generated/previews/react/button-selected.md
+++ b/packages/documentation/docs/auto-generated/previews/react/button-selected.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/button-selected.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/button-with-icon.md b/packages/documentation/docs/auto-generated/previews/react/button-with-icon.md
index 0685061a4f5..937218fd22f 100644
--- a/packages/documentation/docs/auto-generated/previews/react/button-with-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/react/button-with-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/button-with-icon.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/buttons.md b/packages/documentation/docs/auto-generated/previews/react/buttons.md
index 6893005e1b2..f15255985e3 100644
--- a/packages/documentation/docs/auto-generated/previews/react/buttons.md
+++ b/packages/documentation/docs/auto-generated/previews/react/buttons.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/buttons.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/category-filter-suggestions.md b/packages/documentation/docs/auto-generated/previews/react/category-filter-suggestions.md
index ce78640a04d..cac62201ccc 100644
--- a/packages/documentation/docs/auto-generated/previews/react/category-filter-suggestions.md
+++ b/packages/documentation/docs/auto-generated/previews/react/category-filter-suggestions.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/category-filter-suggestions.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/category-filter.md b/packages/documentation/docs/auto-generated/previews/react/category-filter.md
index 8745da34d02..635e304550a 100644
--- a/packages/documentation/docs/auto-generated/previews/react/category-filter.md
+++ b/packages/documentation/docs/auto-generated/previews/react/category-filter.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/category-filter.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/checkbox-indeterminate.md b/packages/documentation/docs/auto-generated/previews/react/checkbox-indeterminate.md
index 5e671bb783a..927322907a0 100644
--- a/packages/documentation/docs/auto-generated/previews/react/checkbox-indeterminate.md
+++ b/packages/documentation/docs/auto-generated/previews/react/checkbox-indeterminate.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/checkbox-indeterminate.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/checkbox.md b/packages/documentation/docs/auto-generated/previews/react/checkbox.md
index 4249a093c23..8e6293596b4 100644
--- a/packages/documentation/docs/auto-generated/previews/react/checkbox.md
+++ b/packages/documentation/docs/auto-generated/previews/react/checkbox.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/checkbox.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/chip.md b/packages/documentation/docs/auto-generated/previews/react/chip.md
index 62cfec43e15..8878738d6d2 100644
--- a/packages/documentation/docs/auto-generated/previews/react/chip.md
+++ b/packages/documentation/docs/auto-generated/previews/react/chip.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/chip.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/datepicker.md b/packages/documentation/docs/auto-generated/previews/react/datepicker.md
index 2c775ef9de9..167f42fdccb 100644
--- a/packages/documentation/docs/auto-generated/previews/react/datepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/react/datepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/datepicker.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/datetimepicker.md b/packages/documentation/docs/auto-generated/previews/react/datetimepicker.md
index 852a126629b..9aff74e6478 100644
--- a/packages/documentation/docs/auto-generated/previews/react/datetimepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/react/datetimepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/datetimepicker.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/drawer-full-height.md b/packages/documentation/docs/auto-generated/previews/react/drawer-full-height.md
index 4566663fde9..ecfa6538b20 100644
--- a/packages/documentation/docs/auto-generated/previews/react/drawer-full-height.md
+++ b/packages/documentation/docs/auto-generated/previews/react/drawer-full-height.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/drawer-full-height.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/drawer.md b/packages/documentation/docs/auto-generated/previews/react/drawer.md
index abe34fef4df..2a4f9d70426 100644
--- a/packages/documentation/docs/auto-generated/previews/react/drawer.md
+++ b/packages/documentation/docs/auto-generated/previews/react/drawer.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/drawer.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/dropdown-icon.md b/packages/documentation/docs/auto-generated/previews/react/dropdown-icon.md
index 4c810173f77..6df392d8a40 100644
--- a/packages/documentation/docs/auto-generated/previews/react/dropdown-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/react/dropdown-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/dropdown-icon.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/dropdown.md b/packages/documentation/docs/auto-generated/previews/react/dropdown.md
index 8c5370227e2..359b56c29f7 100644
--- a/packages/documentation/docs/auto-generated/previews/react/dropdown.md
+++ b/packages/documentation/docs/auto-generated/previews/react/dropdown.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/dropdown.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/event-list-compact.md b/packages/documentation/docs/auto-generated/previews/react/event-list-compact.md
index 4548c7c3139..d9fb44e4bae 100644
--- a/packages/documentation/docs/auto-generated/previews/react/event-list-compact.md
+++ b/packages/documentation/docs/auto-generated/previews/react/event-list-compact.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/event-list-compact.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/event-list-custom-item-height.md b/packages/documentation/docs/auto-generated/previews/react/event-list-custom-item-height.md
index 8311b77220d..81e4e79e636 100644
--- a/packages/documentation/docs/auto-generated/previews/react/event-list-custom-item-height.md
+++ b/packages/documentation/docs/auto-generated/previews/react/event-list-custom-item-height.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/event-list-custom-item-height.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/event-list-selected.md b/packages/documentation/docs/auto-generated/previews/react/event-list-selected.md
index c971fba4846..d916e65f848 100644
--- a/packages/documentation/docs/auto-generated/previews/react/event-list-selected.md
+++ b/packages/documentation/docs/auto-generated/previews/react/event-list-selected.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/event-list-selected.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/event-list.md b/packages/documentation/docs/auto-generated/previews/react/event-list.md
index f48d5572876..3351ab8969a 100644
--- a/packages/documentation/docs/auto-generated/previews/react/event-list.md
+++ b/packages/documentation/docs/auto-generated/previews/react/event-list.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/event-list.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/expanding-search.md b/packages/documentation/docs/auto-generated/previews/react/expanding-search.md
index ec6b3b34d0f..1adcd069ec4 100644
--- a/packages/documentation/docs/auto-generated/previews/react/expanding-search.md
+++ b/packages/documentation/docs/auto-generated/previews/react/expanding-search.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/expanding-search.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/flip-tile.md b/packages/documentation/docs/auto-generated/previews/react/flip-tile.md
index 4d19364f2e2..189f22da94d 100644
--- a/packages/documentation/docs/auto-generated/previews/react/flip-tile.md
+++ b/packages/documentation/docs/auto-generated/previews/react/flip-tile.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/flip-tile.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/group-context-menu.md b/packages/documentation/docs/auto-generated/previews/react/group-context-menu.md
index d92bb1e8bc4..b3d54add440 100644
--- a/packages/documentation/docs/auto-generated/previews/react/group-context-menu.md
+++ b/packages/documentation/docs/auto-generated/previews/react/group-context-menu.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/group-context-menu.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/group-custom-entry.md b/packages/documentation/docs/auto-generated/previews/react/group-custom-entry.md
index 123104e0cb1..639b47da3f0 100644
--- a/packages/documentation/docs/auto-generated/previews/react/group-custom-entry.md
+++ b/packages/documentation/docs/auto-generated/previews/react/group-custom-entry.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/group-custom-entry.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/group-header-suppressed.md b/packages/documentation/docs/auto-generated/previews/react/group-header-suppressed.md
index 45a681ce692..90398a70a61 100644
--- a/packages/documentation/docs/auto-generated/previews/react/group-header-suppressed.md
+++ b/packages/documentation/docs/auto-generated/previews/react/group-header-suppressed.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/group-header-suppressed.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/group.md b/packages/documentation/docs/auto-generated/previews/react/group.md
index 9f5972f0e66..8771cf37432 100644
--- a/packages/documentation/docs/auto-generated/previews/react/group.md
+++ b/packages/documentation/docs/auto-generated/previews/react/group.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/group.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/input-disabled.md b/packages/documentation/docs/auto-generated/previews/react/input-disabled.md
index dd701ce2b5b..460dd991e87 100644
--- a/packages/documentation/docs/auto-generated/previews/react/input-disabled.md
+++ b/packages/documentation/docs/auto-generated/previews/react/input-disabled.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/input-disabled.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/input-readonly.md b/packages/documentation/docs/auto-generated/previews/react/input-readonly.md
index af126efff48..a5e4dcf87d9 100644
--- a/packages/documentation/docs/auto-generated/previews/react/input-readonly.md
+++ b/packages/documentation/docs/auto-generated/previews/react/input-readonly.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/input-readonly.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/input-with-icon.md b/packages/documentation/docs/auto-generated/previews/react/input-with-icon.md
index 1862c813e60..6545b44a492 100644
--- a/packages/documentation/docs/auto-generated/previews/react/input-with-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/react/input-with-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/input-with-icon.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/input.md b/packages/documentation/docs/auto-generated/previews/react/input.md
index 62fc4d882e7..9d1a00295d6 100644
--- a/packages/documentation/docs/auto-generated/previews/react/input.md
+++ b/packages/documentation/docs/auto-generated/previews/react/input.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/input.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/kpi.md b/packages/documentation/docs/auto-generated/previews/react/kpi.md
index 092e2fef6c5..3ca2fc475dc 100644
--- a/packages/documentation/docs/auto-generated/previews/react/kpi.md
+++ b/packages/documentation/docs/auto-generated/previews/react/kpi.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/kpi.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/message-bar.md b/packages/documentation/docs/auto-generated/previews/react/message-bar.md
index 54c702560fd..e54cebe321c 100644
--- a/packages/documentation/docs/auto-generated/previews/react/message-bar.md
+++ b/packages/documentation/docs/auto-generated/previews/react/message-bar.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/message-bar.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/modal.md b/packages/documentation/docs/auto-generated/previews/react/modal.md
index 67a85d6ceab..8142ee12008 100644
--- a/packages/documentation/docs/auto-generated/previews/react/modal.md
+++ b/packages/documentation/docs/auto-generated/previews/react/modal.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/modal.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/pill.md b/packages/documentation/docs/auto-generated/previews/react/pill.md
index cc27d3a2990..95f1eb1b4b0 100644
--- a/packages/documentation/docs/auto-generated/previews/react/pill.md
+++ b/packages/documentation/docs/auto-generated/previews/react/pill.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/pill.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/popover-news.md b/packages/documentation/docs/auto-generated/previews/react/popover-news.md
index 6c2482a45ad..b249b88d8be 100644
--- a/packages/documentation/docs/auto-generated/previews/react/popover-news.md
+++ b/packages/documentation/docs/auto-generated/previews/react/popover-news.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/popover-news.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/radio-button.md b/packages/documentation/docs/auto-generated/previews/react/radio-button.md
index 3ab4c2384a2..968889dacc3 100644
--- a/packages/documentation/docs/auto-generated/previews/react/radio-button.md
+++ b/packages/documentation/docs/auto-generated/previews/react/radio-button.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/radio-button.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/select-editable.md b/packages/documentation/docs/auto-generated/previews/react/select-editable.md
index 5f527fe14a3..514e8952075 100644
--- a/packages/documentation/docs/auto-generated/previews/react/select-editable.md
+++ b/packages/documentation/docs/auto-generated/previews/react/select-editable.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/select-editable.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/select-multiple.md b/packages/documentation/docs/auto-generated/previews/react/select-multiple.md
index f6795a706df..15b6b4f9135 100644
--- a/packages/documentation/docs/auto-generated/previews/react/select-multiple.md
+++ b/packages/documentation/docs/auto-generated/previews/react/select-multiple.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/select-multiple.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/select.md b/packages/documentation/docs/auto-generated/previews/react/select.md
index e7515c59f29..1bcf8780235 100644
--- a/packages/documentation/docs/auto-generated/previews/react/select.md
+++ b/packages/documentation/docs/auto-generated/previews/react/select.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/select.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/settings.md b/packages/documentation/docs/auto-generated/previews/react/settings.md
index bdbf62d3b87..6681b2f947e 100644
--- a/packages/documentation/docs/auto-generated/previews/react/settings.md
+++ b/packages/documentation/docs/auto-generated/previews/react/settings.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/settings.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/spinner-large.md b/packages/documentation/docs/auto-generated/previews/react/spinner-large.md
index 712fcf5b69c..23329b9c0c0 100644
--- a/packages/documentation/docs/auto-generated/previews/react/spinner-large.md
+++ b/packages/documentation/docs/auto-generated/previews/react/spinner-large.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/spinner-large.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/spinner.md b/packages/documentation/docs/auto-generated/previews/react/spinner.md
index a514974a0f0..056dbdd717d 100644
--- a/packages/documentation/docs/auto-generated/previews/react/spinner.md
+++ b/packages/documentation/docs/auto-generated/previews/react/spinner.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/spinner.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/split-button-icons.md b/packages/documentation/docs/auto-generated/previews/react/split-button-icons.md
index 88e959f56f0..cd97d5563f9 100644
--- a/packages/documentation/docs/auto-generated/previews/react/split-button-icons.md
+++ b/packages/documentation/docs/auto-generated/previews/react/split-button-icons.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/split-button-icons.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/split-button.md b/packages/documentation/docs/auto-generated/previews/react/split-button.md
index cc327f0b720..bc69d31783a 100644
--- a/packages/documentation/docs/auto-generated/previews/react/split-button.md
+++ b/packages/documentation/docs/auto-generated/previews/react/split-button.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/split-button.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/tabs.md b/packages/documentation/docs/auto-generated/previews/react/tabs.md
index ae8cd6e7f7a..97b54013b8b 100644
--- a/packages/documentation/docs/auto-generated/previews/react/tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/react/tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/tabs.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/textarea-disabled.md b/packages/documentation/docs/auto-generated/previews/react/textarea-disabled.md
index 36e171a1dfc..ca3389b812d 100644
--- a/packages/documentation/docs/auto-generated/previews/react/textarea-disabled.md
+++ b/packages/documentation/docs/auto-generated/previews/react/textarea-disabled.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/textarea-disabled.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/textarea-readonly.md b/packages/documentation/docs/auto-generated/previews/react/textarea-readonly.md
index 5b45305a4cb..c339da7f886 100644
--- a/packages/documentation/docs/auto-generated/previews/react/textarea-readonly.md
+++ b/packages/documentation/docs/auto-generated/previews/react/textarea-readonly.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/textarea-readonly.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/textarea.md b/packages/documentation/docs/auto-generated/previews/react/textarea.md
index 9668c678761..cf594a0ac7b 100644
--- a/packages/documentation/docs/auto-generated/previews/react/textarea.md
+++ b/packages/documentation/docs/auto-generated/previews/react/textarea.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/textarea.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/tile.md b/packages/documentation/docs/auto-generated/previews/react/tile.md
index 9d391f09715..78c1646fe1b 100644
--- a/packages/documentation/docs/auto-generated/previews/react/tile.md
+++ b/packages/documentation/docs/auto-generated/previews/react/tile.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/tile.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/timepicker.md b/packages/documentation/docs/auto-generated/previews/react/timepicker.md
index af7258e8a12..58f5768ebd1 100644
--- a/packages/documentation/docs/auto-generated/previews/react/timepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/react/timepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/timepicker.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/toast-custom.md b/packages/documentation/docs/auto-generated/previews/react/toast-custom.md
index 6af098f8b6e..154ab02be7e 100644
--- a/packages/documentation/docs/auto-generated/previews/react/toast-custom.md
+++ b/packages/documentation/docs/auto-generated/previews/react/toast-custom.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/toast-custom.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/toast.md b/packages/documentation/docs/auto-generated/previews/react/toast.md
index 3835318dc03..a79265a67e2 100644
--- a/packages/documentation/docs/auto-generated/previews/react/toast.md
+++ b/packages/documentation/docs/auto-generated/previews/react/toast.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/toast.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/toggle-color.md b/packages/documentation/docs/auto-generated/previews/react/toggle-color.md
index e97b224aec3..03517edf056 100644
--- a/packages/documentation/docs/auto-generated/previews/react/toggle-color.md
+++ b/packages/documentation/docs/auto-generated/previews/react/toggle-color.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/toggle-color.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/toggle-custom-disable.md b/packages/documentation/docs/auto-generated/previews/react/toggle-custom-disable.md
index b72f5d3cef8..24dfd532bf5 100644
--- a/packages/documentation/docs/auto-generated/previews/react/toggle-custom-disable.md
+++ b/packages/documentation/docs/auto-generated/previews/react/toggle-custom-disable.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/toggle-custom-disable.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/toggle-custom-label.md b/packages/documentation/docs/auto-generated/previews/react/toggle-custom-label.md
index 0c179ca6520..cd33c85788d 100644
--- a/packages/documentation/docs/auto-generated/previews/react/toggle-custom-label.md
+++ b/packages/documentation/docs/auto-generated/previews/react/toggle-custom-label.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/toggle-custom-label.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/toggle.md b/packages/documentation/docs/auto-generated/previews/react/toggle.md
index b2821b30417..052cce7ea38 100644
--- a/packages/documentation/docs/auto-generated/previews/react/toggle.md
+++ b/packages/documentation/docs/auto-generated/previews/react/toggle.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/toggle.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/tree-custom.md b/packages/documentation/docs/auto-generated/previews/react/tree-custom.md
index e8a56bd52f3..12f3fb082f2 100644
--- a/packages/documentation/docs/auto-generated/previews/react/tree-custom.md
+++ b/packages/documentation/docs/auto-generated/previews/react/tree-custom.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/tree-custom.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/tree.md b/packages/documentation/docs/auto-generated/previews/react/tree.md
index 02a40e8c886..fb8f2ad85f3 100644
--- a/packages/documentation/docs/auto-generated/previews/react/tree.md
+++ b/packages/documentation/docs/auto-generated/previews/react/tree.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/tree.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/upload.md b/packages/documentation/docs/auto-generated/previews/react/upload.md
index ca0cc2a89e3..77b9d396957 100644
--- a/packages/documentation/docs/auto-generated/previews/react/upload.md
+++ b/packages/documentation/docs/auto-generated/previews/react/upload.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/upload.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/validation.md b/packages/documentation/docs/auto-generated/previews/react/validation.md
index b1a73bc474e..ac560430921 100644
--- a/packages/documentation/docs/auto-generated/previews/react/validation.md
+++ b/packages/documentation/docs/auto-generated/previews/react/validation.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/validation.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/vertical-tabs-with-avatar.md b/packages/documentation/docs/auto-generated/previews/react/vertical-tabs-with-avatar.md
index 412c1454f76..29474ad3242 100644
--- a/packages/documentation/docs/auto-generated/previews/react/vertical-tabs-with-avatar.md
+++ b/packages/documentation/docs/auto-generated/previews/react/vertical-tabs-with-avatar.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/vertical-tabs-with-avatar.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/react/vertical-tabs.md b/packages/documentation/docs/auto-generated/previews/react/vertical-tabs.md
index ec79a04e8d1..a98e49eada1 100644
--- a/packages/documentation/docs/auto-generated/previews/react/vertical-tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/react/vertical-tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/react-test-app/src/preview-examples/vertical-tabs.tsx -->
 ```tsx
 /*
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/about-and-legal.md b/packages/documentation/docs/auto-generated/previews/web-component/about-and-legal.md
index 096613fe654..d4f89f09636 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/about-and-legal.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/about-and-legal.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/about-and-legal.html -->
 ```html
 <ix-basic-navigation>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/aggrid.md b/packages/documentation/docs/auto-generated/previews/web-component/aggrid.md
index 4626b8e4325..1b2da76cca9 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/aggrid.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/aggrid.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/aggrid.html -->
 ```html
 <div
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/animated-tabs.md b/packages/documentation/docs/auto-generated/previews/web-component/animated-tabs.md
index 1e7b3418799..8ad71f21173 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/animated-tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/animated-tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/animated-tabs.html -->
 ```html
 <ix-animated-tabs>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation-without-header.md b/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation-without-header.md
index 5eaa9f1117f..337c7157f5a 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation-without-header.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation-without-header.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/basic-navigation-without-header.html -->
 ```html
 <ix-basic-navigation hide-header>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation.md b/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation.md
index fef407002e3..9bad6d2aa91 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/basic-navigation.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/basic-navigation.html -->
 ```html
 <ix-basic-navigation>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/blind.md b/packages/documentation/docs/auto-generated/previews/web-component/blind.md
index 5d631ca8904..6eeb194ffb8 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/blind.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/blind.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/blind.html -->
 ```html
 <ix-blind label="Example">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-next-items.md b/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-next-items.md
index a4225ab3a97..866087e2ddc 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-next-items.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-next-items.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/breadcrumb-next-items.html -->
 ```html
 <ix-breadcrumb>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-truncate.md b/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-truncate.md
index 1e42727841d..5f988f9c169 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-truncate.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb-truncate.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/breadcrumb-truncate.html -->
 ```html
 <ix-breadcrumb visible-item-count="3">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb.md b/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb.md
index e4b52cf6463..079c57a8eda 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/breadcrumb.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/breadcrumb.html -->
 ```html
 <ix-breadcrumb>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/button-group.md b/packages/documentation/docs/auto-generated/previews/web-component/button-group.md
index 0027c517c16..de00b073ee8 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/button-group.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/button-group.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/button-group.html -->
 ```html
 <div class="btn-group">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/button-selected.md b/packages/documentation/docs/auto-generated/previews/web-component/button-selected.md
index 27d226a3750..1b4050a73ec 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/button-selected.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/button-selected.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/button-selected.html -->
 ```html
 <ix-button class="m-1" variant="Secondary" invisible
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/button-with-icon.md b/packages/documentation/docs/auto-generated/previews/web-component/button-with-icon.md
index 3c087d355b6..0c02d8680d9 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/button-with-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/button-with-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/button-with-icon.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/buttons.md b/packages/documentation/docs/auto-generated/previews/web-component/buttons.md
index 5847f9df639..21fa906c8aa 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/buttons.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/buttons.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/buttons.html -->
 ```html
 <ix-button class="m-1" variant="primary">Webcomponents button</ix-button>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/category-filter-suggestions.md b/packages/documentation/docs/auto-generated/previews/web-component/category-filter-suggestions.md
index 0673c6f8a86..5330db59295 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/category-filter-suggestions.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/category-filter-suggestions.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/category-filter-suggestions.html -->
 ```html
 <ix-category-filter placeholder="Filter by"></ix-category-filter>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/category-filter.md b/packages/documentation/docs/auto-generated/previews/web-component/category-filter.md
index 2acd37aed7e..fa9a8106b32 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/category-filter.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/category-filter.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/category-filter.html -->
 ```html
 <ix-category-filter placeholder="Filter by"></ix-category-filter>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/checkbox-indeterminate.md b/packages/documentation/docs/auto-generated/previews/web-component/checkbox-indeterminate.md
index 4373985b9f1..9fa625385a4 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/checkbox-indeterminate.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/checkbox-indeterminate.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/checkbox-indeterminate.html -->
 ```html
 <div>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/checkbox.md b/packages/documentation/docs/auto-generated/previews/web-component/checkbox.md
index 557d2826474..dc2efcf2549 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/checkbox.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/checkbox.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/checkbox.html -->
 ```html
 <div style="margin-bottom: 1rem">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/chip.md b/packages/documentation/docs/auto-generated/previews/web-component/chip.md
index 500f645c458..b2896559116 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/chip.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/chip.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/chip.html -->
 ```html
 <div class="example">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/datepicker.md b/packages/documentation/docs/auto-generated/previews/web-component/datepicker.md
index 01c0d59426c..f3b3f0be877 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/datepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/datepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/datepicker.html -->
 ```html
 <ix-date-picker></ix-date-picker>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/datetimepicker.md b/packages/documentation/docs/auto-generated/previews/web-component/datetimepicker.md
index 476e8595293..474e666c3bf 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/datetimepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/datetimepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/datetimepicker.html -->
 ```html
 <ix-datetime-picker></ix-datetime-picker>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/drawer-full-height.md b/packages/documentation/docs/auto-generated/previews/web-component/drawer-full-height.md
index 12a17be7252..43e1bc77bf8 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/drawer-full-height.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/drawer-full-height.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/drawer-full-height.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/drawer.md b/packages/documentation/docs/auto-generated/previews/web-component/drawer.md
index 2355feacaf2..2937841f405 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/drawer.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/drawer.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/drawer.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/dropdown-icon.md b/packages/documentation/docs/auto-generated/previews/web-component/dropdown-icon.md
index 778b55b85ad..62ca81e1861 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/dropdown-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/dropdown-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/dropdown-icon.html -->
 ```html
 <ix-button id="iconTriggerId">Open</ix-button>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/dropdown.md b/packages/documentation/docs/auto-generated/previews/web-component/dropdown.md
index 9e0e561f7e8..22c1c94a1f7 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/dropdown.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/dropdown.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/dropdown.html -->
 ```html
 <ix-button id="triggerId">Open</ix-button>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/event-list-compact.md b/packages/documentation/docs/auto-generated/previews/web-component/event-list-compact.md
index 99bee3c99be..5edf716b6d1 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/event-list-compact.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/event-list-compact.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/event-list-compact.html -->
 ```html
 <ix-event-list compact>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/event-list-custom-item-height.md b/packages/documentation/docs/auto-generated/previews/web-component/event-list-custom-item-height.md
index fa90c98742d..9a763a6d221 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/event-list-custom-item-height.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/event-list-custom-item-height.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/event-list-custom-item-height.html -->
 ```html
 <ix-event-list item-height="L">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/event-list-selected.md b/packages/documentation/docs/auto-generated/previews/web-component/event-list-selected.md
index b3ced59fa0a..c90e42547a1 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/event-list-selected.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/event-list-selected.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/event-list-selected.html -->
 ```html
 <ix-event-list>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/event-list.md b/packages/documentation/docs/auto-generated/previews/web-component/event-list.md
index 5b048ad7f80..84a690808fe 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/event-list.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/event-list.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/event-list.html -->
 ```html
 <ix-event-list>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/expanding-search.md b/packages/documentation/docs/auto-generated/previews/web-component/expanding-search.md
index 9b439151449..775022a0736 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/expanding-search.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/expanding-search.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/expanding-search.html -->
 ```html
 <ix-expanding-search placeholder="Search..."></ix-expanding-search>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/flip-tile.md b/packages/documentation/docs/auto-generated/previews/web-component/flip-tile.md
index 675c7caae70..a6ab83e3db9 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/flip-tile.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/flip-tile.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/flip-tile.html -->
 ```html
 <div class="example">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/group-context-menu.md b/packages/documentation/docs/auto-generated/previews/web-component/group-context-menu.md
index 5f450843cee..342d9fec617 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/group-context-menu.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/group-context-menu.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/group-context-menu.html -->
 ```html
 <ix-group header="Header text" sub-header="Subheader text">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/group-custom-entry.md b/packages/documentation/docs/auto-generated/previews/web-component/group-custom-entry.md
index ebfa5c8975b..a454b992c08 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/group-custom-entry.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/group-custom-entry.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/group-custom-entry.html -->
 ```html
 <ix-group header="Header text" sub-header="Subheader text">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/group-header-suppressed.md b/packages/documentation/docs/auto-generated/previews/web-component/group-header-suppressed.md
index 18529b13e44..1d0e07a31ed 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/group-header-suppressed.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/group-header-suppressed.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/group-header-suppressed.html -->
 ```html
 <ix-group
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/group.md b/packages/documentation/docs/auto-generated/previews/web-component/group.md
index 57681c93d86..6dc96a20b37 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/group.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/group.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/group.html -->
 ```html
 <ix-group header="Header text" sub-header="Subheader text">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/input-disabled.md b/packages/documentation/docs/auto-generated/previews/web-component/input-disabled.md
index 7123cabb0cf..43128e33279 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/input-disabled.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/input-disabled.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/input-disabled.html -->
 ```html
 <form class="needs-validation m-2">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/input-readonly.md b/packages/documentation/docs/auto-generated/previews/web-component/input-readonly.md
index d6e81d86df3..dce547090a1 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/input-readonly.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/input-readonly.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/input-readonly.html -->
 ```html
 <form class="needs-validation m-2">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/input-with-icon.md b/packages/documentation/docs/auto-generated/previews/web-component/input-with-icon.md
index 9e5074a60c8..be12d3c758f 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/input-with-icon.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/input-with-icon.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/input-with-icon.html -->
 ```html
 <form class="needs-validation m-2">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/input.md b/packages/documentation/docs/auto-generated/previews/web-component/input.md
index 40721496da1..4f66e50746c 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/input.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/input.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/input.html -->
 ```html
 <form class="needs-validation m-2">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/install.md b/packages/documentation/docs/auto-generated/previews/web-component/install.md
index 3051b8a736e..576a3e275fa 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/install.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/install.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/install.html -->
 ```html
 <!--
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/kpi.md b/packages/documentation/docs/auto-generated/previews/web-component/kpi.md
index 483af1732fc..bf8041f4280 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/kpi.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/kpi.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/kpi.html -->
 ```html
   <ix-kpi label="Motor speed" value="Nominal"></ix-kpi>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/message-bar.md b/packages/documentation/docs/auto-generated/previews/web-component/message-bar.md
index bab91727ff6..31f980dd1b8 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/message-bar.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/message-bar.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/message-bar.html -->
 ```html
 <ix-message-bar>Message text</ix-message-bar>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/modal.md b/packages/documentation/docs/auto-generated/previews/web-component/modal.md
index 8865bce65f1..9badeaa5a05 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/modal.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/modal.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/modal.html -->
 ```html
 <div>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/oss-licenses-pipe.md b/packages/documentation/docs/auto-generated/previews/web-component/oss-licenses-pipe.md
index 9df3a818806..b8f15b6f005 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/oss-licenses-pipe.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/oss-licenses-pipe.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/oss-licenses-pipe.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/pill.md b/packages/documentation/docs/auto-generated/previews/web-component/pill.md
index 7e98f60359c..efa9b49efac 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/pill.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/pill.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/pill.html -->
 ```html
 <ix-pill variant="custom" color="white" background="purple">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/popover-news.md b/packages/documentation/docs/auto-generated/previews/web-component/popover-news.md
index 1907dd3b6c2..4ad1dd5581b 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/popover-news.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/popover-news.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/popover-news.html -->
 ```html
 <ix-basic-navigation>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/radio-button.md b/packages/documentation/docs/auto-generated/previews/web-component/radio-button.md
index 9b4926cad80..10f55ad360e 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/radio-button.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/radio-button.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/radio-button.html -->
 ```html
 <div class="example-list">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/select-editable.md b/packages/documentation/docs/auto-generated/previews/web-component/select-editable.md
index 7dd699e0d97..8ec6c9b64fe 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/select-editable.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/select-editable.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/select-editable.html -->
 ```html
 <ix-select editable selected-indices="1">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/select-multiple.md b/packages/documentation/docs/auto-generated/previews/web-component/select-multiple.md
index 52182c3ef5f..61dda2ac1cb 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/select-multiple.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/select-multiple.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/select-multiple.html -->
 ```html
 <ix-select mode="multiple">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/select.md b/packages/documentation/docs/auto-generated/previews/web-component/select.md
index b6cad44b2b3..f36b234aa97 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/select.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/select.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/select.html -->
 ```html
 <ix-select selected-indices="1">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/settings.md b/packages/documentation/docs/auto-generated/previews/web-component/settings.md
index 362b8b55e5b..872f5064bd7 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/settings.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/settings.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/settings.html -->
 ```html
 <ix-basic-navigation>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/spinner-large.md b/packages/documentation/docs/auto-generated/previews/web-component/spinner-large.md
index 2b3ed15a3a3..c0fb6066fc8 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/spinner-large.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/spinner-large.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/spinner-large.html -->
 ```html
 <ix-spinner size="large"></ix-spinner>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/spinner.md b/packages/documentation/docs/auto-generated/previews/web-component/spinner.md
index 9d42b395b93..9b0f51e6791 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/spinner.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/spinner.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/spinner.html -->
 ```html
 <ix-spinner></ix-spinner>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/split-button-icons.md b/packages/documentation/docs/auto-generated/previews/web-component/split-button-icons.md
index 5acb9f7fab4..eac7cd64ef0 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/split-button-icons.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/split-button-icons.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/split-button-icons.html -->
 ```html
 <ix-split-button icon="document">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/split-button.md b/packages/documentation/docs/auto-generated/previews/web-component/split-button.md
index 9f9a882d8d0..8657831a208 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/split-button.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/split-button.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/split-button.html -->
 ```html
 <ix-split-button label="Action text">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/tabs.md b/packages/documentation/docs/auto-generated/previews/web-component/tabs.md
index 793ca414a8c..766d27bbf01 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/tabs.html -->
 ```html
 <ix-tabs selected="1">
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/test.md b/packages/documentation/docs/auto-generated/previews/web-component/test.md
index ea87f0d0e6f..1fbb13db247 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/test.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/test.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/test.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/textarea-disabled.md b/packages/documentation/docs/auto-generated/previews/web-component/textarea-disabled.md
index f8320a7f7f2..af10844f489 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/textarea-disabled.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/textarea-disabled.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/textarea-disabled.html -->
 ```html
 <textarea class="form-control" placeholder="Enter text here" disabled>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/textarea-readonly.md b/packages/documentation/docs/auto-generated/previews/web-component/textarea-readonly.md
index 789992a9858..ac325948037 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/textarea-readonly.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/textarea-readonly.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/textarea-readonly.html -->
 ```html
 <textarea class="form-control" placeholder="Enter text here" readonly>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/textarea.md b/packages/documentation/docs/auto-generated/previews/web-component/textarea.md
index 2031f6f235b..cc040a89a37 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/textarea.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/textarea.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/textarea.html -->
 ```html
 <textarea class="form-control" placeholder="Enter text here"></textarea>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/tile.md b/packages/documentation/docs/auto-generated/previews/web-component/tile.md
index bc2db5b1ebd..65deeaf5449 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/tile.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/tile.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/tile.html -->
 ```html
 <ix-tile size="small">92.8 °C</ix-tile>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/timepicker.md b/packages/documentation/docs/auto-generated/previews/web-component/timepicker.md
index ea8a7a2d815..a264575eca5 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/timepicker.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/timepicker.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/timepicker.html -->
 ```html
 <ix-time-picker style="display: block; width: 20rem"></ix-time-picker>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/toast-custom.md b/packages/documentation/docs/auto-generated/previews/web-component/toast-custom.md
index 0222ba8dd7b..dcb66369499 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/toast-custom.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/toast-custom.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/toast-custom.html -->
 ```html
 <ix-toast-container></ix-toast-container>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/toast.md b/packages/documentation/docs/auto-generated/previews/web-component/toast.md
index d183bd09b75..5225271de97 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/toast.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/toast.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/toast.html -->
 ```html
 <ix-toast-container></ix-toast-container>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/toggle-color.md b/packages/documentation/docs/auto-generated/previews/web-component/toggle-color.md
index 1408ac994c1..f19c5244644 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/toggle-color.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/toggle-color.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/toggle-color.html -->
 ```html
 <ix-toggle color="warning"></ix-toggle>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-disable.md b/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-disable.md
index 5fc8ff7c179..42984cf5575 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-disable.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-disable.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/toggle-custom-disable.html -->
 ```html
 <ix-toggle disabled></ix-toggle>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-label.md b/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-label.md
index a1e5dbd2a64..596cd994d89 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-label.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/toggle-custom-label.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/toggle-custom-label.html -->
 ```html
 <ix-toggle text-off="Offline" text-on="Online"></ix-toggle>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/toggle.md b/packages/documentation/docs/auto-generated/previews/web-component/toggle.md
index 58009aed3ea..86f396d8616 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/toggle.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/toggle.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/toggle.html -->
 ```html
 <ix-toggle></ix-toggle>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/tree-custom.md b/packages/documentation/docs/auto-generated/previews/web-component/tree-custom.md
index 54798d5ad1a..e19deda0663 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/tree-custom.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/tree-custom.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/tree-custom.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/tree.md b/packages/documentation/docs/auto-generated/previews/web-component/tree.md
index f39afde96ec..e56277dda4c 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/tree.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/tree.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/tree.html -->
 ```html
 
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/upload.md b/packages/documentation/docs/auto-generated/previews/web-component/upload.md
index 140ed78fdf5..a638b6f54d5 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/upload.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/upload.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/upload.html -->
 ```html
 <ix-upload></ix-upload>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/validation.md b/packages/documentation/docs/auto-generated/previews/web-component/validation.md
index d62d81cc6ed..6140d64f85d 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/validation.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/validation.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/validation.html -->
 ```html
 <form class="row g-3 needs-validation" novalidate>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs-with-avatar.md b/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs-with-avatar.md
index 8eba1a8a940..2458ce58665 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs-with-avatar.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs-with-avatar.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/vertical-tabs-with-avatar.html -->
 ```html
 <ix-menu>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs.md b/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs.md
index fe15bec2ef5..b2f264be461 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/vertical-tabs.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/vertical-tabs.html -->
 ```html
 <ix-menu>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/workflow-vertical.md b/packages/documentation/docs/auto-generated/previews/web-component/workflow-vertical.md
index 53d087d4d5d..07ef7b018dc 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/workflow-vertical.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/workflow-vertical.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/workflow-vertical.html -->
 ```html
 <ix-workflow-steps vertical>
diff --git a/packages/documentation/docs/auto-generated/previews/web-component/workflow.md b/packages/documentation/docs/auto-generated/previews/web-component/workflow.md
index 7075fd471fc..d41047f9682 100644
--- a/packages/documentation/docs/auto-generated/previews/web-component/workflow.md
+++ b/packages/documentation/docs/auto-generated/previews/web-component/workflow.md
@@ -1,7 +1,9 @@
-// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  
+<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
 <!-- Auto generated! Please edit here: siemens-ix/packages/documentation/static/webcomponent-examples/workflow.html -->
 ```html
 <ix-workflow-steps vertical>
diff --git a/packages/documentation/scripts/generate-api.mjs b/packages/documentation/scripts/generate-api.mjs
index b46a927e021..3dea80345b6 100644
--- a/packages/documentation/scripts/generate-api.mjs
+++ b/packages/documentation/scripts/generate-api.mjs
@@ -16,21 +16,27 @@ const __dirname = path.resolve();
 
 function autoGenerationWarning(previewPath) {
   // unix/win normalization
-  previewPath = previewPath.replace(/\\/g, '/')
+  previewPath = previewPath.replace(/\\/g, '/');
 
-  const copyright = `// SPDX-FileCopyrightText: 2022 Siemens AG
-  //
-  // SPDX-License-Identifier: MIT
-  `
+  const copyright = `<!--
+SPDX-FileCopyrightText: 2022 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+`;
 
   return [
     copyright,
-    `<!-- Auto generated! Please edit here: ${previewPath.substring(previewPath.indexOf('siemens-ix/packages/'))} -->`
+    `<!-- Auto generated! Please edit here: ${previewPath.substring(
+      previewPath.indexOf('siemens-ix/packages/')
+    )} -->`,
   ].join('\n');
 }
 
 function generateMarkdown(previewPath, type, code) {
-  return `${autoGenerationWarning(previewPath)}\n\`\`\`${type}\n${code.trimEnd()}\n\`\`\`\n`
+  return `${autoGenerationWarning(
+    previewPath
+  )}\n\`\`\`${type}\n${code.trimEnd()}\n\`\`\`\n`;
 }
 
 function formatMultiline(str) {
@@ -91,15 +97,19 @@ function writeApi(component) {
 
 function writeWebComponentPreviews() {
   const previewsPath = path.join(__dirname, 'static', 'webcomponent-examples');
-  const webComponentPreviews = fs.readdirSync(previewsPath)
+  const webComponentPreviews = fs
+    .readdirSync(previewsPath)
     .filter((name) => name.includes('.html'))
-    .map((name) => [
-      name.replace('.html', ''),
-      path.join(previewsPath, name),
-    ]);
+    .map((name) => [name.replace('.html', ''), path.join(previewsPath, name)]);
 
   webComponentPreviews.forEach(([name, previewPath]) => {
-    const writePath = path.join(__dirname, 'docs', 'auto-generated', 'previews', 'web-component')
+    const writePath = path.join(
+      __dirname,
+      'docs',
+      'auto-generated',
+      'previews',
+      'web-component'
+    );
     fse.ensureDirSync(writePath);
 
     let code = fs.readFileSync(previewPath).toString();
@@ -113,7 +123,7 @@ function writeWebComponentPreviews() {
         .trimEnd();
     }
 
-    const markdown = generateMarkdown(previewPath, "html", code)
+    const markdown = generateMarkdown(previewPath, 'html', code);
     fs.writeFileSync(path.join(writePath, `${name}.md`), markdown);
   });
 }
@@ -140,16 +150,19 @@ function writeReactPreviews() {
 
       return exist;
     })
-    .map((name) => [
-      name,
-      path.join(reactPreviewPath, `${name}.tsx`),
-    ]);
+    .map((name) => [name, path.join(reactPreviewPath, `${name}.tsx`)]);
 
   reactPreviewPaths.forEach(([name, previewPath]) => {
-    const writePath = path.join(__dirname, 'docs', 'auto-generated', 'previews', 'react')
+    const writePath = path.join(
+      __dirname,
+      'docs',
+      'auto-generated',
+      'previews',
+      'react'
+    );
     fse.ensureDirSync(writePath);
     const code = fs.readFileSync(previewPath).toString();
-    const markdown = generateMarkdown(previewPath, "tsx", code)
+    const markdown = generateMarkdown(previewPath, 'tsx', code);
     fs.writeFileSync(path.join(writePath, `${name}.md`), markdown);
   });
 }
@@ -178,21 +191,21 @@ function writeAngularPreviews() {
 
       return exist;
     })
-    .map((name) => [
-      name,
-      path.join(angularPreviewPath, `${name}.ts`),
-    ]);
+    .map((name) => [name, path.join(angularPreviewPath, `${name}.ts`)]);
 
   angularPreviewPaths.forEach(([name, previewPath]) => {
-    const writePath = path.join(__dirname, 'docs', 'auto-generated', 'previews', 'angular')
+    const writePath = path.join(
+      __dirname,
+      'docs',
+      'auto-generated',
+      'previews',
+      'angular'
+    );
     fse.ensureDirSync(writePath);
 
     const code = fs.readFileSync(previewPath).toString();
-    const markdown = generateMarkdown(previewPath, "typescript", code)
-    fs.writeFileSync(
-      path.join(writePath, `${name}.md`),
-      markdown
-    );
+    const markdown = generateMarkdown(previewPath, 'typescript', code);
+    fs.writeFileSync(path.join(writePath, `${name}.md`), markdown);
   });
 }