From 6737f8e5912de893d706dd128755c2c364726f4a Mon Sep 17 00:00:00 2001
From: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
Date: Wed, 7 Sep 2022 13:03:04 +0200
Subject: [PATCH 1/5] fix: add displayCloseButton prop, update storybook

---
 .../components/src/components/modal/modal.tsx | 28 +++++++++++--------
 .../components/src/components/modal/readme.md |  1 +
 .../components/modal/Modal.stories.mdx        | 16 ++++++++---
 .../stories/components/modal/ScaleModal.vue   |  2 ++
 4 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/packages/components/src/components/modal/modal.tsx b/packages/components/src/components/modal/modal.tsx
index 287b49d135..905387cb7d 100644
--- a/packages/components/src/components/modal/modal.tsx
+++ b/packages/components/src/components/modal/modal.tsx
@@ -59,6 +59,8 @@ export class Modal {
   @Prop() closeButtonLabel?: string = 'Close Pop-up';
   /** (optional) title for close button */
   @Prop() closeButtonTitle?: string = 'Close';
+  /** (optional) display close button */
+  @Prop() displayCloseButton?: boolean = true;
   /** (optional) Alignment of action buttons */
   @Prop() alignActions?: 'right' | 'left' = 'right';
   /** (optional) Injected CSS styles */
@@ -274,18 +276,20 @@ export class Modal {
               <h2 class="modal__heading" part="heading">
                 {this.heading}
               </h2>
-              <button
-                ref={(el) => (this.closeButton = el)}
-                class="modal__close-button"
-                part="close-button"
-                onClick={() => this.emitBeforeClose('CLOSE_BUTTON')}
-                aria-label={this.closeButtonLabel}
-                title={this.closeButtonTitle}
-              >
-                <slot name="close-icon">
-                  <scale-icon-action-circle-close decorative />
-                </slot>
-              </button>
+              {this.displayCloseButton && (
+                <button
+                  ref={(el) => (this.closeButton = el)}
+                  class="modal__close-button"
+                  part="close-button"
+                  onClick={() => this.emitBeforeClose('CLOSE_BUTTON')}
+                  aria-label={this.closeButtonLabel}
+                  title={this.closeButtonTitle}
+                >
+                  <slot name="close-icon">
+                    <scale-icon-action-circle-close decorative />
+                  </slot>
+                </button>
+              )}
             </div>
             <div
               ref={(el) => (this.modalBody = el)}
diff --git a/packages/components/src/components/modal/readme.md b/packages/components/src/components/modal/readme.md
index a024dcd6a5..1fef129252 100644
--- a/packages/components/src/components/modal/readme.md
+++ b/packages/components/src/components/modal/readme.md
@@ -13,6 +13,7 @@
 | `allowInjectingStyleToBody` | `allow-injecting-style-to-body` | (optional) allow to inject css style {overflow: hidden} to body when modal is open | `boolean`           | `false`          |
 | `closeButtonLabel`          | `close-button-label`            | (optional) Label for close button                                                  | `string`            | `'Close Pop-up'` |
 | `closeButtonTitle`          | `close-button-title`            | (optional) title for close button                                                  | `string`            | `'Close'`        |
+| `displayCloseButton`        | `display-close-button`          | (optional) display close button                                                    | `boolean`           | `true`           |
 | `duration`                  | `duration`                      | (optional) Transition duration                                                     | `number`            | `200`            |
 | `heading`                   | `heading`                       | Modal heading                                                                      | `string`            | `undefined`      |
 | `opened`                    | `opened`                        | (optional) If `true`, the Modal is open.                                           | `boolean`           | `false`          |
diff --git a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
index 024c506b4d..1940260404 100644
--- a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
+++ b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
@@ -43,6 +43,13 @@ import ScaleModal from './ScaleModal.vue';
         disable: true,
       },
     },
+    scaleBeforeClose: {
+      description: '@deprecated in v3 in favor of kebab-case event names.',
+    },
+    'scale-before-close': {
+      description:
+        'It fires on every close attempt. Calling `event.preventDefault()` will prevent the modal from closing.',
+    },
   }}
 />
 
@@ -74,6 +81,7 @@ export const Template = (args, context) => ({
         :duration="duration"
         :close-button-label="closeButtonLabel"
         :close-button-title="closeButtonTitle"
+        :display-close-button="displayCloseButton"
         :align-actions="alignActions"
         :styles="styles"
         :allow-injecting-style-to-body="allowInjectingStyleToBody"
@@ -140,10 +148,10 @@ export const Template = (args, context) => ({
 ```html
 <scale-modal heading="Today is your lucky day" id="modal">
   <p>Hello. Welcome. What a pleasure it is to have you.</p>
-  <scale-button variant="secondary" onclick="closeModal()">
+  <scale-button slot="action" variant="secondary" onclick="closeModal()">
     Cancel
   </scale-button>
-  <scale-button> Primary Action </scale-button>
+  <scale-button slot="action"> Primary Action </scale-button>
 </scale-modal>
 
 <script>
@@ -248,10 +256,10 @@ For Shadow Parts, please inspect the element's #shadow.
 ```html
 <scale-modal heading="Today is your lucky day" size="small" id="modal">
   <p>Hello. Welcome. What a pleasure it is to have you.</p>
-  <scale-button variant="secondary" onclick="closeModal()">
+  <scale-button slot="action" variant="secondary" onclick="closeModal()">
     Cancel
   </scale-button>
-  <scale-button> Primary Action </scale-button>
+  <scale-button slot="action"> Primary Action </scale-button>
 </scale-modal>
 
 <script>
diff --git a/packages/storybook-vue/stories/components/modal/ScaleModal.vue b/packages/storybook-vue/stories/components/modal/ScaleModal.vue
index 318db431d3..abae2052b5 100644
--- a/packages/storybook-vue/stories/components/modal/ScaleModal.vue
+++ b/packages/storybook-vue/stories/components/modal/ScaleModal.vue
@@ -7,6 +7,7 @@
     :duration="duration"
     :close-button-label="closeButtonLabel"
     :close-button-title="closeButtonTitle"
+    :display-close-button="displayCloseButton"
     :align-actions="alignActions"
     :styles="styles"
     :allow-injecting-style-to-body="allowInjectingStyleToBody"
@@ -34,6 +35,7 @@ export default {
     duration: { type: Number, default: 200 },
     closeButtonLabel: String,
     closeButtonTitle: String,
+    displayCloseButton: { type: Boolean, default: true },
     alignActions: { type: String, default: 'right' },
     allowInjectingStyleToBody: Boolean,
     styles: { type: String },

From 9456a56e5ba27658a6670fc5e561c95e9e479a81 Mon Sep 17 00:00:00 2001
From: Arturo Castillo Delgado <ac@iconstorm.com>
Date: Wed, 7 Sep 2022 04:49:29 -0600
Subject: [PATCH 2/5] fix(dropdown-select-item): reflect value prop, fixes
 #1194 (#1196)

---
 .../components/dropdown-select-item/dropdown-select-item.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/components/dropdown-select-item/dropdown-select-item.tsx b/packages/components/src/components/dropdown-select-item/dropdown-select-item.tsx
index 64f7124f6a..8b6a8b3ef0 100644
--- a/packages/components/src/components/dropdown-select-item/dropdown-select-item.tsx
+++ b/packages/components/src/components/dropdown-select-item/dropdown-select-item.tsx
@@ -9,7 +9,7 @@ export class DropdownSelectItem {
   @Element() hostElement: HTMLElement;
   @Prop() selected?: boolean;
   @Prop() focused?: boolean;
-  @Prop() value?: any;
+  @Prop({ reflect: true }) value?: any;
 
   render() {
     return (

From 3fdf667b969c5330e517e5c85da9774c0eccba21 Mon Sep 17 00:00:00 2001
From: felix-ico <97440128+felix-ico@users.noreply.github.com>
Date: Fri, 9 Sep 2022 15:08:22 +0200
Subject: [PATCH 3/5] docs: update docs for vue+vite (#1195)

* docs: update docs for vue+vite

* fix: format

* fix: make vue samples consisten with each other (styling)

* fix: make vue samples consisten with each other (styling)
---
 examples/vue3-boilerplate/package.json              |  2 +-
 examples/vue3-vite-boilerplate/src/App.vue          |  9 +++++++++
 .../GettingStartedForDevelopers_en.md               |  2 --
 .../stories/setup_and_info/ScaleAndVue_de.md        | 13 +++++++++++++
 .../stories/setup_and_info/ScaleAndVue_en.md        | 13 +++++++++++++
 5 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/examples/vue3-boilerplate/package.json b/examples/vue3-boilerplate/package.json
index db429da31c..af0f3e2fec 100644
--- a/examples/vue3-boilerplate/package.json
+++ b/examples/vue3-boilerplate/package.json
@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@telekom/scale-components-neutral": "^3.0.0-beta.16",
+    "@telekom/scale-components-neutral": "^3.0.0-beta.110",
     "core-js": "^3.6.5",
     "vue": "^3.0.0"
   },
diff --git a/examples/vue3-vite-boilerplate/src/App.vue b/examples/vue3-vite-boilerplate/src/App.vue
index e4e3918ce3..f554eb09d2 100644
--- a/examples/vue3-vite-boilerplate/src/App.vue
+++ b/examples/vue3-vite-boilerplate/src/App.vue
@@ -1,4 +1,5 @@
 <template>
+  <main>  
   <div>
     <h1 class="scl-font-variant-heading-1">Scale + Vue3 + Vite </h1>
     <scale-button
@@ -8,6 +9,7 @@
       Open the docs
     </scale-button>
   </div>
+  </main>  
 </template>
 
 <style>
@@ -23,4 +25,11 @@
   filter: drop-shadow(0 0 2em #42b883aa);
 }
 
+main {
+  display: grid;
+  place-items: center;
+  height: 100vh;
+  font-family: sans-serif;
+}
+
 </style>
diff --git a/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md b/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md
index 121698183e..fa6d2a0194 100644
--- a/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md
+++ b/packages/storybook-vue/stories/setup_and_info/GettingStartedForDevelopers_en.md
@@ -32,8 +32,6 @@ import { defineCustomElements } from "@telekom/scale-components/loader";
 defineCustomElements(window);
 ```
 
-> As of July 2021, modern build tools like Vite or Snowpack will break with this lazy-loading mechanism ([see GitHub issue in Stencil's repo](https://github.com/ionic-team/stencil/issues/2827)). To work around this issue, please load the library via `link` and `script` tags as in the "Plain HTML" snippet above.
-
 ### NPM Packages
 
 | Package Name                        | Description                                 |
diff --git a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md
index dbc0f91ec7..86d3882d8f 100644
--- a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md
+++ b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_de.md
@@ -63,6 +63,19 @@ rules: [
   // ...
 ];
 
+// in vite.config.js
+defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith('scale-'),
+        },
+      },
+    }),
+  ],
+});
+
 // or in main.js (on-the-fly template compilation)
 const app = Vue.createApp({});
 app.config.compilerOptions.isCustomElement = (tag) => tag.startsWith('scale-');
diff --git a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md
index b14af53c17..19bad55672 100644
--- a/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md
+++ b/packages/storybook-vue/stories/setup_and_info/ScaleAndVue_en.md
@@ -63,6 +63,19 @@ rules: [
   // ...
 ];
 
+// in vite.config.js
+defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith('scale-'),
+        },
+      },
+    }),
+  ],
+});
+
 // or in main.js (on-the-fly template compilation)
 const app = Vue.createApp({});
 app.config.compilerOptions.isCustomElement = (tag) => tag.startsWith('scale-');

From 5654557379df586158703d72a82d073d90791cb3 Mon Sep 17 00:00:00 2001
From: Daniel Beck <daniel@beck.win>
Date: Fri, 9 Sep 2022 15:09:29 +0200
Subject: [PATCH 4/5] chore(release): publish

---
 CHANGELOG.md                             | 17 +++++++++++++++++
 lerna.json                               |  2 +-
 packages/components-angular/CHANGELOG.md |  8 ++++++++
 packages/components-angular/package.json |  2 +-
 packages/components-react/CHANGELOG.md   |  8 ++++++++
 packages/components-react/package.json   |  2 +-
 packages/components-sketch/CHANGELOG.md  |  8 ++++++++
 packages/components-sketch/package.json  |  2 +-
 packages/components-vue/CHANGELOG.md     |  8 ++++++++
 packages/components-vue/package.json     |  2 +-
 packages/components/CHANGELOG.md         | 17 +++++++++++++++++
 packages/components/package.json         |  4 ++--
 packages/design-tokens/CHANGELOG.md      |  8 ++++++++
 packages/design-tokens/package.json      |  2 +-
 packages/generator-sketch/CHANGELOG.md   |  8 ++++++++
 packages/generator-sketch/package.json   |  2 +-
 packages/html-to-sketch/CHANGELOG.md     |  8 ++++++++
 packages/html-to-sketch/package.json     |  2 +-
 packages/storybook-vue/CHANGELOG.md      |  8 ++++++++
 packages/storybook-vue/package.json      |  6 +++---
 packages/visual-tests/CHANGELOG.md       | 11 +++++++++++
 packages/visual-tests/package.json       |  2 +-
 22 files changed, 123 insertions(+), 14 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c990b848c9..48b78cf03e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+
+### Bug Fixes
+
+* **dropdown-select-item:** reflect value prop, fixes [#1194](https://github.com/telekom/scale/issues/1194) ([#1196](https://github.com/telekom/scale/issues/1196)) ([85bd383](https://github.com/telekom/scale/commit/85bd3834e29070d8f6cd278ede3afcf30c5e3185))
+* checkbox group leads to double scroll in modal window ([#1188](https://github.com/telekom/scale/issues/1188)) ([fc08dcf](https://github.com/telekom/scale/commit/fc08dcfd2d84ad0419a940cfb6c371b8b0850497))
+
+
+### Features
+
+* **TeleNeo:** update fonts to latest ([#1186](https://github.com/telekom/scale/issues/1186)) ([cb5a8bf](https://github.com/telekom/scale/commit/cb5a8bf822f012fb49a577df9254c21c8989f42f))
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 
diff --git a/lerna.json b/lerna.json
index a5273db3d2..952e0af12c 100644
--- a/lerna.json
+++ b/lerna.json
@@ -7,7 +7,7 @@
     "--pure-lockfile"
   ],
   "useWorkspaces": true,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "command": {
     "version": {
       "allowBranch": "main"
diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md
index 080b6125a5..66ee8505fb 100644
--- a/packages/components-angular/CHANGELOG.md
+++ b/packages/components-angular/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-components-angular
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-components-angular
diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
index 81c24b116a..3bccef438b 100644
--- a/packages/components-angular/package.json
+++ b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-components-angular",
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "Angular specific wrapper for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md
index 1fd5462fc1..28bfa01893 100644
--- a/packages/components-react/CHANGELOG.md
+++ b/packages/components-react/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-components-react
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-components-react
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 5d81dcb2cf..d301b16d4d 100755
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-components-react",
   "sideEffects": false,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "React proxy for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components-sketch/CHANGELOG.md b/packages/components-sketch/CHANGELOG.md
index 9bed1689bb..818745002b 100644
--- a/packages/components-sketch/CHANGELOG.md
+++ b/packages/components-sketch/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-components-sketch-telekom
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-components-sketch-telekom
diff --git a/packages/components-sketch/package.json b/packages/components-sketch/package.json
index 872909c061..fe3f9ccb33 100644
--- a/packages/components-sketch/package.json
+++ b/packages/components-sketch/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-components-sketch-telekom",
   "private": true,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "",
   "license": "MPL-2.0",
   "scripts": {
diff --git a/packages/components-vue/CHANGELOG.md b/packages/components-vue/CHANGELOG.md
index 343a666848..9970e84f26 100644
--- a/packages/components-vue/CHANGELOG.md
+++ b/packages/components-vue/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-components-vue
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-components-vue
diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json
index f18fae181f..27ff82686e 100644
--- a/packages/components-vue/package.json
+++ b/packages/components-vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-components-vue",
   "sideEffects": false,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "Vue specific wrapper for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index ebe25aa3a7..d621fdaaba 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+
+### Bug Fixes
+
+* **dropdown-select-item:** reflect value prop, fixes [#1194](https://github.com/telekom/scale/issues/1194) ([#1196](https://github.com/telekom/scale/issues/1196)) ([85bd383](https://github.com/telekom/scale/commit/85bd3834e29070d8f6cd278ede3afcf30c5e3185))
+* checkbox group leads to double scroll in modal window ([#1188](https://github.com/telekom/scale/issues/1188)) ([fc08dcf](https://github.com/telekom/scale/commit/fc08dcfd2d84ad0419a940cfb6c371b8b0850497))
+
+
+### Features
+
+* **TeleNeo:** update fonts to latest ([#1186](https://github.com/telekom/scale/issues/1186)) ([cb5a8bf](https://github.com/telekom/scale/commit/cb5a8bf822f012fb49a577df9254c21c8989f42f))
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 
diff --git a/packages/components/package.json b/packages/components/package.json
index 9ecaface8f..3db46f92b4 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-components",
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "Scale is the digital design system for Telekom products and experiences.",
   "homepage": "https://github.com/telekom/scale",
   "repository": {
@@ -71,7 +71,7 @@
     "@proyecto26/animatable-component": "^1.1.8",
     "@stencil/core": "^2.17.0",
     "@telekom/design-tokens": "^1.0.0-beta.2",
-    "@telekom/scale-design-tokens": "^3.0.0-beta.111",
+    "@telekom/scale-design-tokens": "^3.0.0-beta.112",
     "classnames": "^2.2.6",
     "stencil-inline-svg": "^1.0.1",
     "web-animations-js": "^2.3.2"
diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
index 344218a729..379374939e 100644
--- a/packages/design-tokens/CHANGELOG.md
+++ b/packages/design-tokens/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-design-tokens
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-design-tokens
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 594df99ddc..35dace90ce 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-design-tokens",
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "type": "module",
   "description": "Design Tokens for the Scale Design System",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/generator-sketch/CHANGELOG.md b/packages/generator-sketch/CHANGELOG.md
index 2eaaa67d9d..6c4a98fc8e 100644
--- a/packages/generator-sketch/CHANGELOG.md
+++ b/packages/generator-sketch/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-generator-sketch
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-generator-sketch
diff --git a/packages/generator-sketch/package.json b/packages/generator-sketch/package.json
index 4a9e8ce206..4c4edb0d13 100644
--- a/packages/generator-sketch/package.json
+++ b/packages/generator-sketch/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-generator-sketch",
   "private": true,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "Convert the web-components to a sketch file",
   "scripts": {
     "build": "webpack",
diff --git a/packages/html-to-sketch/CHANGELOG.md b/packages/html-to-sketch/CHANGELOG.md
index 0cde9e4ecc..cdfb968ea6 100644
--- a/packages/html-to-sketch/CHANGELOG.md
+++ b/packages/html-to-sketch/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-html-to-sketch
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 **Note:** Version bump only for package @telekom/scale-html-to-sketch
diff --git a/packages/html-to-sketch/package.json b/packages/html-to-sketch/package.json
index 7aabd95be8..b6bc9a831d 100644
--- a/packages/html-to-sketch/package.json
+++ b/packages/html-to-sketch/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-html-to-sketch",
   "private": true,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "description": "HTML to Sketch",
   "keywords": [
     "sketch",
diff --git a/packages/storybook-vue/CHANGELOG.md b/packages/storybook-vue/CHANGELOG.md
index 0a34b96f17..0fc1964600 100644
--- a/packages/storybook-vue/CHANGELOG.md
+++ b/packages/storybook-vue/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+**Note:** Version bump only for package @telekom/scale-storybook-vue
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 
diff --git a/packages/storybook-vue/package.json b/packages/storybook-vue/package.json
index 045a1771ba..b992a2897a 100644
--- a/packages/storybook-vue/package.json
+++ b/packages/storybook-vue/package.json
@@ -2,7 +2,7 @@
   "homepage": "https://telekom.github.io/scale",
   "name": "@telekom/scale-storybook-vue",
   "private": true,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "main": "index.js",
   "license": "MPL-2.0",
   "devDependencies": {
@@ -32,8 +32,8 @@
   "dependencies": {
     "@storybook/addon-viewport": "^6.4.22",
     "@telekom/design-tokens": "^1.0.0-beta.2",
-    "@telekom/scale-components": "^3.0.0-beta.111",
-    "@telekom/scale-components-vue": "^3.0.0-beta.111"
+    "@telekom/scale-components": "^3.0.0-beta.112",
+    "@telekom/scale-components-vue": "^3.0.0-beta.112"
   },
   "scripts": {
     "prestart": "rm -rf node_modules/.cache/ && yes | cp -a ../components/dist/scale-components/fonts/* public/fonts/ && yes | cp -a ../components/dist/scale-components/scale-components.css public/",
diff --git a/packages/visual-tests/CHANGELOG.md b/packages/visual-tests/CHANGELOG.md
index f88dcfd178..6206f4d64b 100644
--- a/packages/visual-tests/CHANGELOG.md
+++ b/packages/visual-tests/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.0.0-beta.112](https://github.com/telekom/scale/compare/v3.0.0-beta.111...v3.0.0-beta.112) (2022-09-09)
+
+
+### Features
+
+* **TeleNeo:** update fonts to latest ([#1186](https://github.com/telekom/scale/issues/1186)) ([cb5a8bf](https://github.com/telekom/scale/commit/cb5a8bf822f012fb49a577df9254c21c8989f42f))
+
+
+
+
+
 # [3.0.0-beta.111](https://github.com/telekom/scale/compare/v3.0.0-beta.110...v3.0.0-beta.111) (2022-08-29)
 
 
diff --git a/packages/visual-tests/package.json b/packages/visual-tests/package.json
index 0dc283f4ad..497c666f79 100644
--- a/packages/visual-tests/package.json
+++ b/packages/visual-tests/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@telekom/scale-visual-tests",
   "private": true,
-  "version": "3.0.0-beta.111",
+  "version": "3.0.0-beta.112",
   "main": "index.js",
   "license": "MPL-2.0",
   "scripts": {

From c703e7eb6ca82409ab6d8610a57432b7cfe3edec Mon Sep 17 00:00:00 2001
From: Maomao Meyer-Zhang <maomao.meyer-zhang@telekom.de>
Date: Mon, 12 Sep 2022 09:52:35 +0200
Subject: [PATCH 5/5] fix: update prop name of hide modal close button

---
 packages/components/src/components/modal/modal.tsx          | 6 +++---
 packages/components/src/components/modal/readme.md          | 4 +---
 .../stories/components/modal/Modal.stories.mdx              | 4 ++--
 .../storybook-vue/stories/components/modal/ScaleModal.vue   | 4 ++--
 4 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/components/src/components/modal/modal.tsx b/packages/components/src/components/modal/modal.tsx
index 905387cb7d..5b7dce851d 100644
--- a/packages/components/src/components/modal/modal.tsx
+++ b/packages/components/src/components/modal/modal.tsx
@@ -59,8 +59,8 @@ export class Modal {
   @Prop() closeButtonLabel?: string = 'Close Pop-up';
   /** (optional) title for close button */
   @Prop() closeButtonTitle?: string = 'Close';
-  /** (optional) display close button */
-  @Prop() displayCloseButton?: boolean = true;
+  /** (optional) hide close button */
+  @Prop() omitCloseButton?: boolean = false;
   /** (optional) Alignment of action buttons */
   @Prop() alignActions?: 'right' | 'left' = 'right';
   /** (optional) Injected CSS styles */
@@ -276,7 +276,7 @@ export class Modal {
               <h2 class="modal__heading" part="heading">
                 {this.heading}
               </h2>
-              {this.displayCloseButton && (
+              {!this.omitCloseButton && (
                 <button
                   ref={(el) => (this.closeButton = el)}
                   class="modal__close-button"
diff --git a/packages/components/src/components/modal/readme.md b/packages/components/src/components/modal/readme.md
index 1fef129252..444a0c5f74 100644
--- a/packages/components/src/components/modal/readme.md
+++ b/packages/components/src/components/modal/readme.md
@@ -1,7 +1,5 @@
 # scale-modal
 
-
-
 <!-- Auto Generated Below -->
 
 
@@ -13,9 +11,9 @@
 | `allowInjectingStyleToBody` | `allow-injecting-style-to-body` | (optional) allow to inject css style {overflow: hidden} to body when modal is open | `boolean`           | `false`          |
 | `closeButtonLabel`          | `close-button-label`            | (optional) Label for close button                                                  | `string`            | `'Close Pop-up'` |
 | `closeButtonTitle`          | `close-button-title`            | (optional) title for close button                                                  | `string`            | `'Close'`        |
-| `displayCloseButton`        | `display-close-button`          | (optional) display close button                                                    | `boolean`           | `true`           |
 | `duration`                  | `duration`                      | (optional) Transition duration                                                     | `number`            | `200`            |
 | `heading`                   | `heading`                       | Modal heading                                                                      | `string`            | `undefined`      |
+| `omitCloseButton`           | `omit-close-button`             | (optional) hide close button                                                       | `boolean`           | `false`          |
 | `opened`                    | `opened`                        | (optional) If `true`, the Modal is open.                                           | `boolean`           | `false`          |
 | `size`                      | `size`                          | (optional) Modal size                                                              | `string`            | `'default'`      |
 | `styles`                    | `styles`                        | (optional) Injected CSS styles                                                     | `string`            | `undefined`      |
diff --git a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
index 1940260404..e1fb2664ac 100644
--- a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
+++ b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
@@ -48,7 +48,7 @@ import ScaleModal from './ScaleModal.vue';
     },
     'scale-before-close': {
       description:
-        'It fires on every close attempt. Calling `event.preventDefault()` will prevent the modal from closing.',
+        'It fires on every close attempt. Those events can be one of the event.detail.trigger, such as CLOSE_BUTTON, ESCAPE_KEY or BACKDROP, depending on the action that triggered the event. Calling `event.preventDefault()` will prevent the modal from closing.',
     },
   }}
 />
@@ -81,7 +81,7 @@ export const Template = (args, context) => ({
         :duration="duration"
         :close-button-label="closeButtonLabel"
         :close-button-title="closeButtonTitle"
-        :display-close-button="displayCloseButton"
+        :omit-close-button="omitCloseButton"
         :align-actions="alignActions"
         :styles="styles"
         :allow-injecting-style-to-body="allowInjectingStyleToBody"
diff --git a/packages/storybook-vue/stories/components/modal/ScaleModal.vue b/packages/storybook-vue/stories/components/modal/ScaleModal.vue
index abae2052b5..cfa4f0da55 100644
--- a/packages/storybook-vue/stories/components/modal/ScaleModal.vue
+++ b/packages/storybook-vue/stories/components/modal/ScaleModal.vue
@@ -7,7 +7,7 @@
     :duration="duration"
     :close-button-label="closeButtonLabel"
     :close-button-title="closeButtonTitle"
-    :display-close-button="displayCloseButton"
+    :omit-close-button="omitCloseButton"
     :align-actions="alignActions"
     :styles="styles"
     :allow-injecting-style-to-body="allowInjectingStyleToBody"
@@ -35,7 +35,7 @@ export default {
     duration: { type: Number, default: 200 },
     closeButtonLabel: String,
     closeButtonTitle: String,
-    displayCloseButton: { type: Boolean, default: true },
+    omitCloseButton: { type: Boolean, default: false },
     alignActions: { type: String, default: 'right' },
     allowInjectingStyleToBody: Boolean,
     styles: { type: String },