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/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 @@
+
Scale + Vue3 + Vite
+
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/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 (
diff --git a/packages/components/src/components/modal/modal.tsx b/packages/components/src/components/modal/modal.tsx
index 287b49d135..5b7dce851d 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) hide close button */
+ @Prop() omitCloseButton?: boolean = false;
/** (optional) Alignment of action buttons */
@Prop() alignActions?: 'right' | 'left' = 'right';
/** (optional) Injected CSS styles */
@@ -274,18 +276,20 @@ export class Modal {
{this.heading}
-
+ {!this.omitCloseButton && (
+
+ )}
(this.modalBody = el)}
diff --git a/packages/components/src/components/modal/readme.md b/packages/components/src/components/modal/readme.md
index a024dcd6a5..444a0c5f74 100644
--- a/packages/components/src/components/modal/readme.md
+++ b/packages/components/src/components/modal/readme.md
@@ -1,7 +1,5 @@
# scale-modal
-
-
@@ -15,6 +13,7 @@
| `closeButtonTitle` | `close-button-title` | (optional) title for close button | `string` | `'Close'` |
| `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/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/storybook-vue/stories/components/modal/Modal.stories.mdx b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx
index 024c506b4d..e1fb2664ac 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. 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.',
+ },
}}
/>
@@ -74,6 +81,7 @@ export const Template = (args, context) => ({
:duration="duration"
:close-button-label="closeButtonLabel"
:close-button-title="closeButtonTitle"
+ :omit-close-button="omitCloseButton"
:align-actions="alignActions"
:styles="styles"
:allow-injecting-style-to-body="allowInjectingStyleToBody"
@@ -140,10 +148,10 @@ export const Template = (args, context) => ({
```html
Hello. Welcome. What a pleasure it is to have you.
-
+
Cancel
- Primary Action
+ Primary Action