Merge branch 'main' into select-keyboard-navigation-fix

Author: kgogov

CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.14.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.14.0-rc.0...v2.14.0-rc.1) (2025-08-14)
+
+
+### Bug Fixes
+
+* **ui5-button:** announce the text node properly ([#12077](https://github.com/SAP/ui5-webcomponents/issues/12077)) ([684f1fc](https://github.com/SAP/ui5-webcomponents/commit/684f1fc60e20ae5a33784399f91fc1533f14afba))
+* **ui5-dynamic-page:** correct pin button tooltip based on pinned state ([#12086](https://github.com/SAP/ui5-webcomponents/issues/12086)) ([b392d46](https://github.com/SAP/ui5-webcomponents/commit/b392d46c349c9e884f54c1a95c506abd8734d514)), closes [#12064](https://github.com/SAP/ui5-webcomponents/issues/12064)
+* **ui5-list-item:** adjust line height for byline ([#12063](https://github.com/SAP/ui5-webcomponents/issues/12063)) ([191b700](https://github.com/SAP/ui5-webcomponents/commit/191b700cbe707b0155b97cead1bb7dd7e930c1ee))
+* **ui5-search-field:** show separator only when needed ([#12113](https://github.com/SAP/ui5-webcomponents/issues/12113)) ([7566649](https://github.com/SAP/ui5-webcomponents/commit/7566649466b23ace65c7d023c38f3712526aace9))
+* **ui5-select:** aria-controls attr added ([#12050](https://github.com/SAP/ui5-webcomponents/issues/12050)) ([39f8e66](https://github.com/SAP/ui5-webcomponents/commit/39f8e664d6a02a4675ff79ff44ca7c231c998cce)), closes [#12018](https://github.com/SAP/ui5-webcomponents/issues/12018)
+* **ui5-shellbar:** apply tertiary button color to cancel button ([#12082](https://github.com/SAP/ui5-webcomponents/issues/12082)) ([2d2d673](https://github.com/SAP/ui5-webcomponents/commit/2d2d673508c4ae133710ad3a312c28836297532a)), closes [#11957](https://github.com/SAP/ui5-webcomponents/issues/11957)
+* **ui5-timeline:** implement arrows navigation for inner elements ([#12033](https://github.com/SAP/ui5-webcomponents/issues/12033)) ([f1ce974](https://github.com/SAP/ui5-webcomponents/commit/f1ce97439adb61f13bd8ad9e652488862d96fb8f)), closes [#11785](https://github.com/SAP/ui5-webcomponents/issues/11785)
+* **ui5-wizard:** create a stacking context for wiz-nav ([#12120](https://github.com/SAP/ui5-webcomponents/issues/12120)) ([29dffba](https://github.com/SAP/ui5-webcomponents/commit/29dffba67fe48ee2ad761aef53c8c9ffdf10dbcd))
+
+
+### Features
+
+* **ui5-dynamic-date-range:** introduce last/next X options ([#11621](https://github.com/SAP/ui5-webcomponents/issues/11621)) ([50fd58d](https://github.com/SAP/ui5-webcomponents/commit/50fd58d734a2bfda646d79eb099172121a3635d7))
+* **ui5-illustrated-message:** updated horizon tnt illustrations ([#12084](https://github.com/SAP/ui5-webcomponents/issues/12084)) ([2a87850](https://github.com/SAP/ui5-webcomponents/commit/2a878504c68773d506711364c1693f5b0a3331f5))
+* **ui5-product-switch-item:** added image slot ([#11965](https://github.com/SAP/ui5-webcomponents/issues/11965)) ([79903f4](https://github.com/SAP/ui5-webcomponents/commit/79903f4fbc83a9a67ee851b175c04b9eaf533cdb))
+* **ui5-timeline:** improve keyboard handling ([#12021](https://github.com/SAP/ui5-webcomponents/issues/12021)) ([de3ab96](https://github.com/SAP/ui5-webcomponents/commit/de3ab969e63c870737b58325a7c87c7a82d1952b))
+
+
+
+
+
 # [2.14.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.13.0...v2.14.0-rc.0) (2025-08-07)
 
 

README.md

@@ -24,12 +24,12 @@
 ## More Resources
 - [UI5 Web Components Home Page](https://sap.github.io/ui5-webcomponents)
 - [Configuring UI5 Web Components](./docs/2-advanced/01-configuration.md)
-- [Customizing with `UI Theme Designer`](./docs/3-customizing/12-theming.md)
+- [Customizing with `UI Theme Designer`](./docs/2-advanced/12-theming.md)
 - [Creating a Custom UI5 Web Components Package](docs/4-development/01-package.md)
 - [Developing Custom UI5 Web Components](docs/4-development/02-component.md)
 - [Micro-Frontends and Custom Elements Scoping](./docs/2-advanced/06-scoping.md)
-- [Release Management](./docs/Release%20Management.md)
-- [F.A.Q.](./docs/FAQ.md)
+- [Release Management](./docs/08-Releases.md)
+- [F.A.Q.](./docs/09-FAQ.md)
 
 ## Related Projects
 
@@ -85,7 +85,7 @@ Moreover, all Angular-specific features, such as two-way data binding and Angula
 	<ui5-button>Hello world!</ui5-button>
 	```
 
-	For more information, see [Importing UI5 Web Components](./docs/1-getting-started/02-importing-components.md) and [Understanding UI5 Web Components APIs](./docs/1-getting-started/03-understanding-components-APIs.md).
+	For more information, see [Importing UI5 Web Components](https://sap.github.io/ui5-webcomponents/docs/getting-started/components-packages/) and [Understanding UI5 Web Components APIs](https://sap.github.io/ui5-webcomponents/docs/getting-started/components-APIs/).
 
 ## Typescript Support
 TypeScript Support is enabled for both component development and component consumption.

docs/2-advanced/11-styles.md

@@ -21,6 +21,7 @@ You can try this yourself using the Input [sample](https://sap.github.io/ui5-web
 
 Unfortunately, this can't be done for all components because it depends on the complexity of the DOM structure.
 
+**Note:** It’s strongly recommended to apply styles directly at the tag level for basic sizing properties (e.g., margin, padding, width, height) to avoid design inconsistencies across the page. For other style changes, consider using the **UI Theme Designer** to ensure consistency. For details, see the [UI Theme Designer](./12-theming.md) article.
 
 ## Usage of CSS Shadow Parts
 
@@ -31,7 +32,7 @@ For more complex components, the styling on the tag level is not possible, there
 ```html
 <ui5-card>
 	<ui5-card-header
-        title-text="Quick Links"
+		title-text="Quick Links"
 		status="4 of 10"
 		slot="header">
 	</ui5-card-header>
@@ -46,7 +47,6 @@ ui5-card-header::part(status) {
 
 <b>Note:</b> All available shadow parts are described in the API reference as part of the "Overview" section of each component.
 
-
 ## Changing CSS Variables
 
 The UI5 WebComponents leverage CSS variables, so if you inspect the elements inside the Shadow DOM, you will probably find which variable you need to change. Check the list of all [Global CSS Variables](https://github.com/SAP/theming-base-content/blob/master/content/Base/baseLib/sap_horizon/css_variables.css) that we use in the component. Altering them will change the component appearance.
@@ -63,6 +63,7 @@ ui5-button {
 }
 ```
 
+**Note:** Whenever possible, override CSS variables through the **UI Theme Designer**. This ensures consistent updates across all components where the variable is used, helping maintain a cohesive design. For details, see the [UI Theme Designer](./12-theming.md) article.
 
 ## Custom Theme Schema
 

docs/3-frameworks/01-React.md

@@ -77,6 +77,31 @@ For boolean properties like ```collapsed```  in ```ui5-panel```, instead of sett
 </ui5-panel>
 ```
 
+### Using UI5 Web Components in TSX
+
+When using UI5 Web Components like `<ui5-input>` in a `.tsx` file, you may encounter the following TypeScript error:
+
+```ts
+Property 'ui5-input' does not exist on type 'JSX.IntrinsicElements'. ts(2339)
+```
+
+This happens because **TypeScript’s `JSX.IntrinsicElements` only includes standard HTML tags by default** (`<div>`, `<span>`, etc.).
+Custom elements, such as those from UI5, are not recognized unless you explicitly declare them.
+
+To make TypeScript aware of your UI5 Web Components, you need to **extend the `JSX.IntrinsicElements` interface** with the custom tags you plan to use.
+
+```ts
+declare namespace JSX {
+  interface IntrinsicElements {
+    'ui5-input': any; // Replace `any` with a proper type
+    // Add more UI5 web components here...
+  }
+}
+```
+
+Please refer to the [UI5 Web Components React sample](https://github.com/SAP-samples/ui5-webcomponents-sample-react/) for a complete example of using web components in React.
+
+
 ### UI5 Web Components for React
 
-As mentioned above, for a better development experience (and to elegantly work around these 2 React limitations), check out UI5 Web Components for React, [UI5 Web Components for React](https://github.com/SAP/ui5-webcomponents-react) and [this tutorial](https://developers.sap.com/mission.react-spa.html).
+As mentioned above, for a better development experience (and to elegantly work around these 3 React limitations), check out UI5 Web Components for React, [UI5 Web Components for React](https://github.com/SAP/ui5-webcomponents-react) and [this tutorial](https://developers.sap.com/mission.react-spa.html).

docs/4-development/01-package.md

@@ -91,6 +91,13 @@ The initialization script will create several NPM scripts for you in `package.js
 | test               | Run the dev server and execute the specs from the `test/specs/` directory.   |
 | create-ui5-element | Create an empty Web Component with the given name.                           |
 
+
+**Note**: The `create-ui5-element` command supports two optional environment variables that customize the output when used in a specific component package:
+
+* **UI5_TAG_NAME_PREFIX** - sets the tag name prefix for the generated Web Component. The resulting tag will follow the format: `{UI5_TAG_NAME_PREFIX}-component-name`. Defaults to `my` if not specified.
+
+* **UI5_TEMPLATE_FILENAME_SUFFIX** - sets the suffix for the generated template filename. The resulting filename will follow the format: `ComponentName{UI5_TEMPLATE_FILENAME_SUFFIX}.tsx`. Defaults to `Template` if not specified.
+
 ### Files in the main directory
 
 The initialization script will create several files in your package's main directory.

lerna.json

@@ -14,7 +14,7 @@
     "packages/create-package",
     "packages/compat"
   ],
-  "version": "2.14.0-rc.0",
+  "version": "2.14.0-rc.1",
   "command": {
     "publish": {
       "allowBranch": "*",

packages/ai/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.
 
+# [2.14.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.14.0-rc.0...v2.14.0-rc.1) (2025-08-14)
+
+**Note:** Version bump only for package @ui5/webcomponents-ai
+
+
+
+
+
 # [2.14.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.13.0...v2.14.0-rc.0) (2025-08-07)
 
 **Note:** Version bump only for package @ui5/webcomponents-ai

packages/ai/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-ai",
-  "version": "2.14.0-rc.0",
+  "version": "2.14.0-rc.1",
   "description": "UI5 Web Components: webcomponents.ai",
   "ui5": {
     "webComponentsPackage": true
@@ -48,14 +48,14 @@
     "directory": "packages/ai"
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.14.0-rc.0",
-    "@ui5/webcomponents-base": "2.14.0-rc.0",
-    "@ui5/webcomponents-icons": "2.14.0-rc.0",
-    "@ui5/webcomponents-theming": "2.14.0-rc.0"
+    "@ui5/webcomponents": "2.14.0-rc.1",
+    "@ui5/webcomponents-base": "2.14.0-rc.1",
+    "@ui5/webcomponents-icons": "2.14.0-rc.1",
+    "@ui5/webcomponents-theming": "2.14.0-rc.1"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.14.0-rc.0",
+    "@ui5/webcomponents-tools": "2.14.0-rc.1",
     "chromedriver": "^137.0.4"
   }
 }

packages/base/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.
 
+# [2.14.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.14.0-rc.0...v2.14.0-rc.1) (2025-08-14)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
 # [2.14.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.13.0...v2.14.0-rc.0) (2025-08-07)
 
 

packages/base/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents-base",
-  "version": "2.14.0-rc.0",
+  "version": "2.14.0-rc.1",
   "description": "UI5 Web Components: webcomponents.base",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -62,7 +62,7 @@
   "devDependencies": {
     "@openui5/sap.ui.core": "1.120.17",
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.14.0-rc.0",
+    "@ui5/webcomponents-tools": "2.14.0-rc.1",
     "chromedriver": "^137.0.4",
     "clean-css": "^5.2.2",
     "copy-and-watch": "^0.1.5",