Merge branch 'main' of github.com:SAP/ui5-webcomponents into dynamic-…

…page
SAP · Jan 22, 2024 · 810b08d · 810b08d
2 parents 3bba872 + 5d6eb44
commit 810b08d
Show file tree

Hide file tree

Showing 625 changed files with 19,950 additions and 10,956 deletions.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -28,7 +28,7 @@ body:
     id: example
     attributes:
       label: Isolated Example
-      description: Please provide a link to an isolated example if possible by forking [this codesandbox](https://codesandbox.io/s/71r1x5o51q?fontsize=14&module=%2Findex.html).
+      description: Please provide a link to an isolated example if possible by forking [this codesandbox](https://codesandbox.io/s/71r1x5o51q?fontsize=14&module=%2Findex.html), or [this stackblitz](https://stackblitz.com/edit/js-vsrpnb?file=index.js,index.html).
     validations:
       required: false
   - type: textarea

diff --git a/.github/workflows/reset-gh-pages.yaml b/.github/workflows/reset-gh-pages.yaml
@@ -0,0 +1,31 @@
+name: Reset Github Pages
+
+on:
+  schedule:
+  - cron: "00 08 * * *"
+
+jobs:
+  reset-gh-pages:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v3
+      with:
+        token: ${{ secrets.UI5_WEBCOMP_BOT_GH_TOKEN }}
+        fetch-depth: 0
+
+    - name: Reset gh-pages git history
+      env:
+        NPM_USERNAME: ${{ secrets.NPM_USER }}
+        NPM_EMAIL: ${{ secrets.NPM_EMAIL }}
+        NPM_AUTH_TOKEN: ${{ secrets.NPM_RELEASE_AUTH_TOKEN }}
+        GH_TOKEN: ${{ secrets.UI5_WEBCOMP_BOT_GH_TOKEN }}
+      run: |
+        git config user.name "${{ secrets.UI5_WEBCOMP_BOT_NAME }}"
+        git config user.email "${{ secrets.UI5_WEBCOMP_BOT_EMAIL }}"
+        git checkout -b gh-pages origin/gh-pages
+        git checkout --orphan tmp-gh-pages
+        git add -A
+        git commit -am "reset history"
+        git branch -D gh-pages
+        git branch -m gh-pages
+        git push -f origin gh-pages
diff --git a/.gitignore b/.gitignore
@@ -87,6 +87,7 @@ packages/playground/.storybook/custom-elements.json
 packages/playground/docs/storybook/**/*
 packages/playground/docs/storybook-pages/**/*
 !packages/playground/docs/storybook-pages/.gitkeep
+packages/playground/public/sitemap.xml
 
 packages/main/test/pages/fix.js
 packages/fiori/test/pages/fix.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,128 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.22.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.0...v1.22.0-rc.1) (2024-01-18)
+
+
+### Bug Fixes
+
+* broken test page ([#8097](https://github.com/SAP/ui5-webcomponents/issues/8097)) ([6903367](https://github.com/SAP/ui5-webcomponents/commit/6903367c290b84490c74a6ef56b074aa0a2fc729))
+* **ui5-breadcrumbs:** remove char separators from accessibility announcement ([#8099](https://github.com/SAP/ui5-webcomponents/issues/8099)) ([ec1fd10](https://github.com/SAP/ui5-webcomponents/commit/ec1fd1068baa740e635cdf3d8607d9a101033ef9))
+* **ui5-list:** removed _level property ([#8089](https://github.com/SAP/ui5-webcomponents/issues/8089)) ([d0bc9eb](https://github.com/SAP/ui5-webcomponents/commit/d0bc9eb01a9387175d39531f5e44b7cfa6ce24c7)), closes [#8047](https://github.com/SAP/ui5-webcomponents/issues/8047)
+* **ui5-multi-combobox:** enhance accessibility on mobile ([#8096](https://github.com/SAP/ui5-webcomponents/issues/8096)) ([14b5421](https://github.com/SAP/ui5-webcomponents/commit/14b54218a96ddf6f9bf9972404c181cbfc6f8ef7))
+* **ui5-shellbar:** logo aligned with visual specification ([#8109](https://github.com/SAP/ui5-webcomponents/issues/8109)) ([4430869](https://github.com/SAP/ui5-webcomponents/commit/443086969a3d09b02fe0807366089dcf5e042c45)), closes [#8058](https://github.com/SAP/ui5-webcomponents/issues/8058)
+* **ui5-split-button:** fix split button when in wrapper ([#8037](https://github.com/SAP/ui5-webcomponents/issues/8037)) ([38861c8](https://github.com/SAP/ui5-webcomponents/commit/38861c872e211af637ff90441f1ca52aa06fc0f9))
+
+
+### Features
+
+* **illustration:** use illustration name as default module export ([#8074](https://github.com/SAP/ui5-webcomponents/issues/8074)) ([a9c0705](https://github.com/SAP/ui5-webcomponents/commit/a9c07055d4e06e4d1f69b7a2a48b36eb77fae4aa))
+* **ui5-checkbox:** add displayOnly mode ([#8111](https://github.com/SAP/ui5-webcomponents/issues/8111)) ([c99d0ec](https://github.com/SAP/ui5-webcomponents/commit/c99d0ecb10c903fb19fd06b3d6de2b5f80b4650e))
+* **ui5-illustrated-message:** add subtitle css part ([#8088](https://github.com/SAP/ui5-webcomponents/issues/8088)) ([351e570](https://github.com/SAP/ui5-webcomponents/commit/351e57042b25be66c2b47d72a89afd890dda063e))
+* update tnt/icons to v3.5 ([#8098](https://github.com/SAP/ui5-webcomponents/issues/8098)) ([745a9fa](https://github.com/SAP/ui5-webcomponents/commit/745a9faadcd484b49ace8bf24df47d0c892e43ec))
+
+
+
+
+
+# [1.22.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0...v1.22.0-rc.0) (2024-01-11)
+
+
+### Bug Fixes
+
+* **ui5-busy-indicator:** correct appearance in Belize theme ([#8054](https://github.com/SAP/ui5-webcomponents/issues/8054)) ([f41d505](https://github.com/SAP/ui5-webcomponents/commit/f41d5056590f63ac956a5ad9624993d835765e9d)), closes [#7901](https://github.com/SAP/ui5-webcomponents/issues/7901)
+
+
+### Features
+
+* **ui5-badge:** add different design types ([#7564](https://github.com/SAP/ui5-webcomponents/issues/7564)) ([e5895f7](https://github.com/SAP/ui5-webcomponents/commit/e5895f7d5076406769b516967137ba58f3567935))
+* **ui5-side-navigation:** Add new overflow behaviour to collapsed mode ([#8019](https://github.com/SAP/ui5-webcomponents/issues/8019)) ([e5f8edd](https://github.com/SAP/ui5-webcomponents/commit/e5f8eddcdc9f1139d002585cdb014b47a0687b62))
+
+
+
+
+
+# [1.21.0](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.5...v1.21.0) (2024-01-05)
+
+
+### Bug Fixes
+
+* **ui5-combobox:** scroll to item upon keyboard navigation ([#8044](https://github.com/SAP/ui5-webcomponents/issues/8044)) ([8dc384e](https://github.com/SAP/ui5-webcomponents/commit/8dc384e6381283fdcc1097b132c2f98d49ea6102)), closes [#3994](https://github.com/SAP/ui5-webcomponents/issues/3994)
+
+
+
+
+
+# [1.21.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.4...v1.21.0-rc.5) (2024-01-04)
+
+
+### Bug Fixes
+
+* **ui5-combobox:** keep picker open on group selection ([#8039](https://github.com/SAP/ui5-webcomponents/issues/8039)) ([c72433e](https://github.com/SAP/ui5-webcomponents/commit/c72433e94b5e2302b5cba7028c80450e556be83f))
+* **ui5-tree:** correct item indentation ([#8051](https://github.com/SAP/ui5-webcomponents/issues/8051)) ([5e3662f](https://github.com/SAP/ui5-webcomponents/commit/5e3662ff57e3a932fa7b32b276b25f5552913f75))
+
+
+### Features
+
+* **ui5-checkbox:** add css shadow part to the label ([#8046](https://github.com/SAP/ui5-webcomponents/issues/8046)) ([0ea504e](https://github.com/SAP/ui5-webcomponents/commit/0ea504ed6bf2bcce8df4789829be859e1745b3e4))
+
+
+
+
+
+# [1.21.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.3...v1.21.0-rc.4) (2023-12-28)
+
+
+### Bug Fixes
+
+* **ui5-table:** correct alignment of popin in multiselect mode ([#8034](https://github.com/SAP/ui5-webcomponents/issues/8034)) ([9a0eab0](https://github.com/SAP/ui5-webcomponents/commit/9a0eab05d0f6b3940ce8cc87af3c9ddd9465965b))
+
+
+
+
+
+# [1.21.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.2...v1.21.0-rc.3) (2023-12-21)
+
+
+### Bug Fixes
+
+* declare webpackChunkName in more generated dynamic imports ([#8029](https://github.com/SAP/ui5-webcomponents/issues/8029)) ([c85fa23](https://github.com/SAP/ui5-webcomponents/commit/c85fa23bd32574434f537df95c7507a7f1a48b5e))
+* **ui5-menu:** fix runtime js error on `getElementById` call ([#8021](https://github.com/SAP/ui5-webcomponents/issues/8021)) ([65a73d7](https://github.com/SAP/ui5-webcomponents/commit/65a73d71fcd44766431f8eb1e83ffbc8857681e5)), closes [#8017](https://github.com/SAP/ui5-webcomponents/issues/8017)
+* **ui5-toolbar:** remove unnecessary styles ([#7762](https://github.com/SAP/ui5-webcomponents/issues/7762)) ([db379bc](https://github.com/SAP/ui5-webcomponents/commit/db379bc9e449d63de23d74cf7cbda24ad7a89050))
+* value state message styles in input and combobox components ([#7876](https://github.com/SAP/ui5-webcomponents/issues/7876)) ([2443b8e](https://github.com/SAP/ui5-webcomponents/commit/2443b8e35464809c87047347e05edfe30479bca9))
+
+
+### Features
+
+* **tools:** Optimize build by switching css processing to esbuild ([#8008](https://github.com/SAP/ui5-webcomponents/issues/8008)) ([b4d411f](https://github.com/SAP/ui5-webcomponents/commit/b4d411f00f8d74ccecb2d02254126243faf53dfd))
+* **ui5-color-palette-popover:** introduce `open` and `opener` properties ([#7988](https://github.com/SAP/ui5-webcomponents/issues/7988)) ([d3bda7e](https://github.com/SAP/ui5-webcomponents/commit/d3bda7ea454c10a8724323aae0958757c03e24ca))
+* **ui5-select:** introduce `readonly` state ([#7950](https://github.com/SAP/ui5-webcomponents/issues/7950)) ([02ea9a4](https://github.com/SAP/ui5-webcomponents/commit/02ea9a451635b9b0d75833889e7cdf3c022cd137)), closes [#7727](https://github.com/SAP/ui5-webcomponents/issues/7727)
+
+
+
+
+
+# [1.21.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.1...v1.21.0-rc.2) (2023-12-14)
+
+
+### Bug Fixes
+
+* **ui5-date-time-picker:** load initial value correctly ([#7967](https://github.com/SAP/ui5-webcomponents/issues/7967)) ([e1d5969](https://github.com/SAP/ui5-webcomponents/commit/e1d5969fa506c48bbc5e71f31e36a96cd9996470)), closes [#7786](https://github.com/SAP/ui5-webcomponents/issues/7786)
+* **ui5-menu:** menu item text doesn't overflow submenu arrow ([#7991](https://github.com/SAP/ui5-webcomponents/issues/7991)) ([353ac1a](https://github.com/SAP/ui5-webcomponents/commit/353ac1a56ad56a6f7001e0d55c8bd0daf1000f8f))
+* **ui5-multi-combobox:** improve interaction when having invalid input ([#7893](https://github.com/SAP/ui5-webcomponents/issues/7893)) ([d63981a](https://github.com/SAP/ui5-webcomponents/commit/d63981ab2480688ec1d5e32308a69302c568db84)), closes [#7349](https://github.com/SAP/ui5-webcomponents/issues/7349) [#6968](https://github.com/SAP/ui5-webcomponents/issues/6968)
+* **ui5-popover:** fix "containing block" issue on safari ([#7985](https://github.com/SAP/ui5-webcomponents/issues/7985)) ([4f5dd9b](https://github.com/SAP/ui5-webcomponents/commit/4f5dd9b39e3ea62a4a6156dbb4d94cf678a0cbfc)), closes [#7983](https://github.com/SAP/ui5-webcomponents/issues/7983)
+* **ui5-toolbar:** story error fixed ([#7986](https://github.com/SAP/ui5-webcomponents/issues/7986)) ([7b6eab2](https://github.com/SAP/ui5-webcomponents/commit/7b6eab225d964de112ae8f100fdcdf39aae122f6))
+
+
+### Features
+
+* **ui5-input:** prevent suggestion-item-select event per suggestion item ([#7940](https://github.com/SAP/ui5-webcomponents/issues/7940)) ([a265a65](https://github.com/SAP/ui5-webcomponents/commit/a265a65d8b48b4fcef84931a3ca0b7ad4278283e))
+* **ui5-tabcontainer:** add `tabstrip` Shadow Part ([#7989](https://github.com/SAP/ui5-webcomponents/issues/7989)) ([0cbbd16](https://github.com/SAP/ui5-webcomponents/commit/0cbbd160ba5b578795259e59aa187359385dc4b2)), closes [#6035](https://github.com/SAP/ui5-webcomponents/issues/6035)
+
+
+
+
+
 # [1.21.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.21.0-rc.0...v1.21.0-rc.1) (2023-12-08)
 
 

diff --git a/README.md b/README.md
@@ -140,7 +140,6 @@ The UI5 Web Components project contains several packages:
 
 ```sh
 yarn # to install all dependencies
-yarn build # to build the project initially (this step needs to be performed only the first time you run the project)
 yarn start # to serve the project
 ```
 
@@ -149,15 +148,12 @@ A dev server will be started and the browser will open its index URL with a list
 You can start the Playground app with the following commands:
 
 ```sh
-# install playground specific dependencies (one time only)
-cd packages/playground
-yarn install:dependencies
+yarn # to install all dependencies
 
 # start the playground from the project root
-cd ../..
 yarn start:playground
 
-# open http://localhost:4000/
+# open http://localhost:6006/
 ```
 
 **Note:** If you wish to manually install dependencies & run the Playground you can check out our [in depth tutorial](./docs/6-contributing/03-playground-app.md)
@@ -167,7 +163,7 @@ To build the UI5 Web Components project, run the following commands:
 
 ```sh
 yarn # to install all dependencies
-yarn build # to build the project
+yarn ci:releasebuild # to build the project
 ```
 
 Afterwards, you can find the build output in the `dist` folder of the corresponding package folder.

diff --git a/docs/1-getting-started/08-wrapping-up.md b/docs/1-getting-started/08-wrapping-up.md
@@ -60,9 +60,9 @@ npm install @ui5/webcomponents-icons
 
  5) Test the assets.
 
-  Try running the test page with the following URL parameters: `sap-ui-theme=sap_belize_hcb&sap-ui-language=de`
+  Try running the test page with the following URL parameters: `sap-ui-theme=sap_horizon_hcb&sap-ui-language=de`
 
-  [http://localhost:3000/?sap-ui-theme=sap_belize_hcb&sap-ui-language=de](http://localhost:3000/?sap-ui-theme=sap_belize_hcb&sap-ui-language=de)
+  [http://localhost:3000/?sap-ui-theme=sap_horizon_hcb&sap-ui-language=de](http://localhost:3000/?sap-ui-theme=sap_horizon_hcb&sap-ui-language=de)
 
   You should be able to see the page with an accessibility theme, and in German language.
 
diff --git a/docs/2-advanced/01-configuration.md b/docs/2-advanced/01-configuration.md
@@ -8,7 +8,7 @@ There are several configuration settings that affect all UI5 Web Components glob
 
 | Setting                                       | Values                                                                                                                                                                                                                                                                                         | Default Value | Description                                                            | Applies To                                                     |
 | --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |---------------| ---------------------------------------------------------------------- | -------------------------------------------------------------- |
-| [theme](#theme)                               | `sap_fiori_3`, `sap_fiori_3_dark`, `sap_fiori_3_hcb`, `sap_fiori_3_hcw`, `sap_belize`, `sap_belize_hcb`, `sap_belize_hcw`, `sap_horizon`, `sap_horizon_dark`, `sap_horizon_hcb`, `sap_horizon_hcw`                                                                                             | `sap_horizon` | Visual theme to be applied                                             | All components                                                 |
+| [theme](#theme)                               | `sap_fiori_3`, `sap_fiori_3_dark`, `sap_fiori_3_hcb`, `sap_fiori_3_hcw`, `sap_horizon`, `sap_horizon_dark`, `sap_horizon_hcb`, `sap_horizon_hcw`                                                                      | `sap_horizon` | Visual theme to be applied                                             | All components                                                 |
 | [language](#language)                         | `ar`, `bg`, `ca`, `cs`, `cy`, `da`, `de`, `el`, `en`, `en_GB`, `es`, `es_MX`, `et`, `fi`, `fr`, `fr_CA`, `hi`, `hr`, `hu`, `in`, `it`, `iw`, `ja`, `kk`, `ko`, `lt`, `lv`, `ms`, `nl`, `no`, `pl`, `pt_PT`, `pt`, `ro`, `ru`, `sh`, `sk`, `sl`, `sv`, `th`, `tr`, `uk`, `vi`, `zh_CN`, `zh_TW` | N/A (`null`)  | Language to be used for translatable texts                             | Components and icons with translatable texts                   |
 | [animationMode](#animationMode)               | `full`, `basic`, `minimal`, `none`                                                                                                                                                                                                                                                             | `full`        | Amount/intensity of animations to be played for some components        | Components with animations (`ui5-panel`, `ui5-carousel`, etc.) |
 | [calendarType](#calendarType)                 | `Gregorian`, `Islamic`, `Buddhist`, `Japanese`, `Persian`                                                                                                                                                                                                                                      | `Gregorian`   | Default calendar type to be used for date-related components           | Date/time components (`ui5-date-picker`, etc.)                 |
@@ -29,9 +29,7 @@ The `theme` setting values above are the technical names of the supported themes
 - The `sap_fiori_3_dark` is known as `Quartz Dark`.
 - The `sap_fiori_3_hcb` is known as `Quartz High Contrast Black`.
 - The `sap_fiori_3_hcw` is known as `Quartz High Contrast White`.
-- The `sap_belize` is known as `Belize`.
-- The `sap_belize_hcb` is known as `High Contrast Black`.
-- The `sap_belize_hcw` is known as `High Contrast White`.
+
 
 The default theme (`sap_horizon`) is built in all UI5 Web Components. Thus, components are always themed.
 Configuring another theme will additionally fetch and use that theme. Any theme is fetched just once.
@@ -51,7 +49,7 @@ For more about assets, see the dedicated [Assets](../1-getting-started/05-using-
 Example:
 ```js
 import { setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
-setTheme("sap_belize_hcb");
+setTheme("sap_horizon_hcb");
 ```
 
 - To reset the theme to the default one:
@@ -60,6 +58,14 @@ import { setTheme, getDefaultTheme } from "@ui5/webcomponents-base/dist/config/T
 setTheme(getDefaultTheme());
 ```
 
+**Note: Deprecated themes**
+
+The following themes are deprecated and no longer maintained - out of maintenance and left for compatibility only. The themes will be removed in the next major version.
+We recommend using `Horizon` (sap_horizon) and `Quartz` (sap_fiori_3) theme families.
+- The `sap_belize` is known as `Belize` [deprecated since 1.22].
+- The `sap_belize_hcb` is known as `High Contrast Black` [deprecated since 1.22].
+- The `sap_belize_hcw` is known as `High Contrast White` [deprecated since 1.22].
+
 ### language
 <a name="language"></a>
 

diff --git a/docs/5-development/01-custom-UI5-Web-Components-Packages.md b/docs/5-development/01-custom-UI5-Web-Components-Packages.md
@@ -206,9 +206,10 @@ In addition, you can define your own CSS Vars and provide different values for t
 | File                                                | Purpose                                                                                        |
 |-----------------------------------------------------|------------------------------------------------------------------------------------------------|
 | `src/themes/MyFirstComponent.css`                   | All CSS rules for the Web Component, same for all themes; will be inserted in the shadow root. |
-| `src/themes/sap_belize/parameters-bundle.css`       | Values for the component-specific CSS Vars for the `sap_belize` theme                          |
-| `src/themes/sap_belize_hcb/parameters-bundle.css`   | Values for the component-specific CSS Vars for the `sap_belize_hcb` theme                      |
-| `src/themes/sap_belize_hcw/parameters-bundle.css`   | Values for the component-specific CSS Vars for the `sap_belize_hcw` theme                      |
+| `src/themes/sap_horizon/parameters-bundle.css`      | Values for the component-specific CSS Vars for the `sap_horizon` theme                         |
+| `src/themes/sap_horizon_dark/parameters-bundle.css` | Values for the component-specific CSS Vars for the `sap_horizon_dark` theme                    |
+| `src/themes/sap_horizon_hcb/parameters-bundle.css`  | Values for the component-specific CSS Vars for the `sap_horizon_hcb` theme                     |
+| `src/themes/sap_horizon_hcw/parameters-bundle.css`  | Values for the component-specific CSS Vars for the `sap_horizon_hcw` theme                     |
 | `src/themes/sap_fiori_3/parameters-bundle.css`      | Values for the component-specific CSS Vars for the `sap_fiori_3` theme                         |
 | `src/themes/sap_fiori_3_dark/parameters-bundle.css` | Values for the component-specific CSS Vars for the `sap_fiori_3_dark` theme                    |
 | `src/themes/sap_fiori_3_hcb/parameters-bundle.css`  | Values for the component-specific CSS Vars for the `sap_fiori_3_hcb` theme                     |