Merge branch 'main' into release

Amir Ashkan Baghdoust · Amir Ashkan Baghdoust · commit 239726546da0 · 2025-10-29T16:11:46.000+01:00
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -53,7 +53,7 @@ jobs:
         uses: "marvinpinto/action-automatic-releases@latest"
         with:
           repo_token: "${{ secrets.GITHUB_TOKEN }}"
-          automatic_release_tag: "latest"
+          automatic_release_tag: ${{ steps.package-version.outputs.current-version }}
           prerelease: false
           title: ${{ steps.package-version.outputs.current-version }}
           files: |
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,20 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+
+### Bug Fixes
+
+* **telekom-header:** fixes minimum size for the language switcher for i18n compatibility  ([c8cda97](https://github.com/telekom/scale/commit/c8cda97f2f86e5cf488bd425c39e0bd6897f1da1))
+* **text-field:** the label accessibility is fixed to work when the hide-label-visually is set  ([f4ba48d](https://github.com/telekom/scale/commit/f4ba48dea477cae1eef547bcfe77fbb02034ad05))
+* **text-field:** update styles of input components to prevent overflow ([#2433](https://github.com/telekom/scale/issues/2433)) ([0ab297c](https://github.com/telekom/scale/commit/0ab297c532a2209b338a573d724c7c78e6e64e9e))
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/amir-ba/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 
diff --git a/lerna.json b/lerna.json
@@ -7,7 +7,7 @@
     "--pure-lockfile"
   ],
   "useWorkspaces": true,
-  "version": "3.0.0-beta.157",
+  "version": "3.0.0-beta.158",
   "command": {
     "version": {
       "allowBranch": "main"
diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md
@@ -3,6 +3,15 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+**Note:** Version bump only for package @telekom/scale-components-angular
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/telekom/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 **Note:** Version bump only for package @telekom/scale-components-angular
diff --git 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.157",
+  "version": "3.0.0-beta.158",
   "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
@@ -3,6 +3,15 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+**Note:** Version bump only for package @telekom/scale-components-react
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/telekom/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 **Note:** Version bump only for package @telekom/scale-components-react
diff --git 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.157",
+  "version": "3.0.0-beta.158",
   "description": "React proxy for @telekom/scale-components",
   "license": "MPL-2.0",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/components-vue/CHANGELOG.md b/packages/components-vue/CHANGELOG.md
@@ -3,6 +3,15 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+**Note:** Version bump only for package @telekom/scale-components-vue
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/telekom/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 **Note:** Version bump only for package @telekom/scale-components-vue
diff --git 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.157",
+  "version": "3.0.0-beta.158",
   "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
@@ -3,6 +3,20 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+
+### Bug Fixes
+
+* **telekom-header:** fixes minimum size for the language switcher for i18n compatibility  ([c8cda97](https://github.com/telekom/scale/commit/c8cda97f2f86e5cf488bd425c39e0bd6897f1da1))
+* **text-field:** the label accessibility is fixed to work when the hide-label-visually is set  ([f4ba48d](https://github.com/telekom/scale/commit/f4ba48dea477cae1eef547bcfe77fbb02034ad05))
+* **text-field:** update styles of input components to prevent overflow ([#2433](https://github.com/telekom/scale/issues/2433)) ([0ab297c](https://github.com/telekom/scale/commit/0ab297c532a2209b338a573d724c7c78e6e64e9e))
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/telekom/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@telekom/scale-components",
-  "version": "3.0.0-beta.157",
+  "version": "3.0.0-beta.158",
   "description": "Scale is the digital design system for Telekom products and experiences.",
   "homepage": "https://github.com/telekom/scale",
   "repository": {
diff --git a/packages/components/src/components/date-picker/date-picker.css b/packages/components/src/components/date-picker/date-picker.css
@@ -47,8 +47,8 @@ duet-date-picker .duet-date__input {
   border: var(--telekom-line-weight-standard) solid
     var(--telekom-color-ui-border-standard);
   background-color: var(--telekom-color-ui-state-fill-standard);
-  padding: 1.125rem calc(2rem - var(--telekom-spacing-composition-space-01))
-    0.25rem calc(var(--spacing-x) - var(--telekom-spacing-composition-space-01));
+  padding: 1.125rem 3.5rem 0.25rem
+    calc(var(--spacing-x) - var(--telekom-spacing-composition-space-01));
   height: var(--telekom-spacing-composition-space-13);
   font: var(--telekom-text-style-body);
 }
@@ -134,14 +134,18 @@ duet-date-picker .duet-date__toggle:active scale-icon-content-calendar {
   top: 0;
   left: 0;
   color: var(--telekom-color-text-and-icon-additional);
-  display: flex;
   z-index: var(--z-index-label);
   position: absolute;
   transition: all var(--telekom-motion-duration-transition)
     var(--telekom-motion-easing-standard);
   pointer-events: none;
   font: var(--telekom-text-style-ui);
   transform: translate(var(--telekom-spacing-composition-space-05), 0.875rem);
+
+  width: calc(100% - var(--telekom-spacing-composition-space-17));
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 duet-date-picker .duet-date__input::placeholder {
diff --git a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css
@@ -393,3 +393,18 @@ scale-telekom-mobile-flyout-canvas
 .scale-telekom-nav-list > scale-menu-flyout::part(trigger) {
   height: 100%;
 }
+.scale-telekom-nav-list[variant='lang-switcher']
+  > .scale-telekom-nav-item
+  > :where(a, button) {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-inline-size: 24px;
+  min-block-size: 24px;
+}
+
+.scale-telekom-nav-list[variant='lang-switcher'].scale-telekom-nav-list
+  > .scale-telekom-nav-item {
+  margin: 0;
+}
diff --git a/packages/components/src/components/text-field/__snapshots__/text-field.spec.ts.snap b/packages/components/src/components/text-field/__snapshots__/text-field.spec.ts.snap
@@ -3,10 +3,10 @@
 exports[`TextField should match snapshot 1`] = `
 <scale-text-field label="test">
   <div class="text-field text-field--type-text text-field--variant-informational">
-    <label class="text-field__label" htmlfor="input-text-field-0">
+    <label class="text-field__label" htmlfor="input-text-field-0" id="input-text-field-0-label">
       test
     </label>
-    <input class="text-field__control" id="input-text-field-0" inputmode="text" type="text" value="">
+    <input aria-labelledby="input-text-field-0-label" class="text-field__control" id="input-text-field-0" inputmode="text" type="text" value="">
   </div>
 </scale-text-field>
 `;
diff --git a/packages/components/src/components/text-field/text-field.css b/packages/components/src/components/text-field/text-field.css
@@ -176,13 +176,17 @@ scale-text-field {
   top: 0;
   left: 0;
   color: var(--color-label);
-  display: flex;
   z-index: var(--z-index-label);
   position: absolute;
   transition: var(--transition-label);
   pointer-events: none;
   font: var(--telekom-text-style-ui);
   transform: translate(var(--spacing-x), 0.875rem);
+
+  width: calc(100% - var(--spacing-x) * 2);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .text-field--has-focus:not(.text-field--readonly) .text-field__label,
 .animated .text-field__label {
diff --git a/packages/components/src/components/text-field/text-field.tsx b/packages/components/src/components/text-field/text-field.tsx
@@ -250,13 +250,18 @@ export class TextField {
         {this.styles && <style>{this.styles}</style>}
         <div class={this.getCssClassMap()}>
           {/* Accessibility: label should be always *before* the actual input */}
-          <label class="text-field__label" htmlFor={this.inputId}>
+          <label
+            id={`${this.inputId}-label`}
+            class="text-field__label"
+            htmlFor={this.inputId}
+          >
             {this.label}
           </label>
           <input
             type={this.type}
             inputMode={this.inputModeType}
             class="text-field__control"
+            aria-labelledby={`${this.inputId}-label`}
             value={this.value}
             {...(!!this.name ? { name: this.name } : {})}
             {...(!!this.inputAutofocus ? { autofocus: 'true' } : {})}
diff --git a/packages/components/src/components/textarea/textarea.css b/packages/components/src/components/textarea/textarea.css
@@ -139,13 +139,17 @@ scale-textarea {
   top: 0;
   left: 0;
   color: var(--color-label);
-  display: flex;
   z-index: var(--z-index-label);
   position: absolute;
   transition: var(--transition-label);
   pointer-events: none;
   font: var(--telekom-text-style-ui);
   transform: translate(var(--spacing-x-control), 0.875rem);
+
+  width: calc(100% - var(--spacing-x-control) * 2);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .textarea--has-focus .textarea__label,
 .animated .textarea__label {
diff --git a/packages/components/src/html/text-field.html b/packages/components/src/html/text-field.html
@@ -40,6 +40,13 @@
       helper-text="some helper text"
       aria-detailed-id="extra"
     ></scale-text-field>
+    <scale-text-field
+      label="Hidden Label"
+      placeholder="this is the placeholder"
+      helper-text="Label is visually hidden but available for screen readers"
+      aria-detailed-id="extra"
+      hide-label-visually="true"
+    ></scale-text-field>
     <div id="extra">some extra desc</div>
   </body>
 </html>
diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
@@ -3,6 +3,15 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+**Note:** Version bump only for package @telekom/scale-design-tokens
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/telekom/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 **Note:** Version bump only for package @telekom/scale-design-tokens
diff --git 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.157",
+  "version": "3.0.0-beta.158",
   "type": "module",
   "description": "Design Tokens for the Scale Design System",
   "homepage": "https://github.com/telekom/scale",
diff --git a/packages/storybook-vue/CHANGELOG.md b/packages/storybook-vue/CHANGELOG.md
@@ -3,6 +3,15 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+**Note:** Version bump only for package @telekom/scale-storybook-vue
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/amir-ba/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 **Note:** Version bump only for package @telekom/scale-storybook-vue
diff --git 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.157",
+  "version": "3.0.0-beta.158",
   "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.157",
-    "@telekom/scale-components-vue": "^3.0.0-beta.157"
+    "@telekom/scale-components": "^3.0.0-beta.158",
+    "@telekom/scale-components-vue": "^3.0.0-beta.158"
   },
   "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
@@ -3,6 +3,15 @@
 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.158](https://github.com/telekom/scale/compare/v3.0.0-beta.157...v3.0.0-beta.158) (2025-10-29)
+
+**Note:** Version bump only for package @telekom/scale-visual-tests
+
+
+
+
+
+
 # [3.0.0-beta.157](https://github.com/amir-ba/scale/compare/v3.0.0-beta.156...v3.0.0-beta.157) (2025-09-17)
 
 **Note:** Version bump only for package @telekom/scale-visual-tests
diff --git 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.157",
+  "version": "3.0.0-beta.158",
   "main": "index.js",
   "license": "MPL-2.0",
   "scripts": {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@telekom/scale-components-angular",`
`3`		`- "version": "3.0.0-beta.157",`
	`3`	`+ "version": "3.0.0-beta.158",`
`4`	`4`	`"description": "Angular specific wrapper for @telekom/scale-components",`
`5`	`5`	`"license": "MPL-2.0",`
`6`	`6`	`"homepage": "https://github.com/telekom/scale",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@telekom/scale-components-react",`
`3`	`3`	`"sideEffects": false,`
`4`		`- "version": "3.0.0-beta.157",`
	`4`	`+ "version": "3.0.0-beta.158",`
`5`	`5`	`"description": "React proxy for @telekom/scale-components",`
`6`	`6`	`"license": "MPL-2.0",`
`7`	`7`	`"homepage": "https://github.com/telekom/scale",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@telekom/scale-components-vue",`
`3`	`3`	`"sideEffects": false,`
`4`		`- "version": "3.0.0-beta.157",`
	`4`	`+ "version": "3.0.0-beta.158",`
`5`	`5`	`"description": "Vue specific wrapper for @telekom/scale-components",`
`6`	`6`	`"license": "MPL-2.0",`
`7`	`7`	`"homepage": "https://github.com/telekom/scale",`