diff --git a/.github/actions/release.js b/.github/actions/release.js
index a0abc7ff4648..1adc243c2d50 100755
--- a/.github/actions/release.js
+++ b/.github/actions/release.js
@@ -20,7 +20,7 @@ const OTP = options.otp;
const run = async () => {
const { globby } = await import("globby");
- let FILES = await globby(["packages/*/package.json", "!packages/playground/package.json"]);
+ let FILES = await globby(["packages/*/package.json", "!packages/playground/package.json", "!packages/website/package.json"]);
// Step 1: process package.json files
const pkgs = await Promise.all(FILES.map(processPackageJSON));
diff --git a/.github/workflows/ci-test-website.yaml b/.github/workflows/ci-test-website.yaml
new file mode 100644
index 000000000000..fe46c30f23b5
--- /dev/null
+++ b/.github/workflows/ci-test-website.yaml
@@ -0,0 +1,23 @@
+name: CI - Website
+
+on:
+ pull_request:
+ push:
+ branches:
+ - 'main'
+jobs:
+ check:
+ runs-on: ubuntu-latest
+
+ steps:
+ - uses: actions/checkout@v4
+ - uses: actions/setup-node@v4.0.1
+ with:
+ node-version: 18
+ cache: 'yarn'
+
+ - name: Install and Build
+ run: |
+ export NODE_OPTIONS="--max_old_space_size=4096"
+ yarn install
+ yarn ci:deploy:nightly
diff --git a/.github/workflows/deploy-latest-playground-on-release.yaml b/.github/workflows/deploy-storybook-on-release.yaml
similarity index 90%
rename from .github/workflows/deploy-latest-playground-on-release.yaml
rename to .github/workflows/deploy-storybook-on-release.yaml
index fd6f8ae67372..ef6eb97deac1 100644
--- a/.github/workflows/deploy-latest-playground-on-release.yaml
+++ b/.github/workflows/deploy-storybook-on-release.yaml
@@ -1,4 +1,4 @@
-name: Deploy Latest Playground [on release]
+name: Deploy Storybook [on latest release]
on:
release:
@@ -31,5 +31,5 @@ jobs:
with:
branch: gh-pages # The branch the action should deploy to.
folder: packages/playground/dist # The folder the action should deploy.
+ target-folder: storybook-latest
clean: true
- clean-exclude: nightly
diff --git a/.github/workflows/deploy-main-playground.yaml b/.github/workflows/deploy-storybook.yaml
similarity index 75%
rename from .github/workflows/deploy-main-playground.yaml
rename to .github/workflows/deploy-storybook.yaml
index a7cf4de42498..b5462356ec9f 100644
--- a/.github/workflows/deploy-main-playground.yaml
+++ b/.github/workflows/deploy-storybook.yaml
@@ -1,4 +1,4 @@
-name: Deploy Main Playground [manual]
+name: Deploy Storybook [manual]
on:
workflow_dispatch:
@@ -18,14 +18,12 @@ jobs:
run: |
export NODE_OPTIONS="--max_old_space_size=4096"
yarn install
- yarn build:playground
- - name: Write version.md
- run: git log -1 &> packages/playground/dist/main/version.md
+ yarn ci:deploybuild
- name: Deploy
uses: JamesIves/github-pages-deploy-action@v4.3.3
with:
branch: gh-pages # The branch the action should deploy to.
folder: packages/playground/dist # The folder the action should deploy.
- target-folder: nightly
+ target-folder: storybook
clean: true
diff --git a/.github/workflows/deploy-main-playground-on-push.yaml b/.github/workflows/deploy-website-on-push.yaml
similarity index 60%
rename from .github/workflows/deploy-main-playground-on-push.yaml
rename to .github/workflows/deploy-website-on-push.yaml
index 3382c7811dd0..225ac269c739 100644
--- a/.github/workflows/deploy-main-playground-on-push.yaml
+++ b/.github/workflows/deploy-website-on-push.yaml
@@ -1,8 +1,9 @@
-name: Deploy Main Playground [on push]
+name: Deploy Website [on push]
on:
push:
branches: [ main ]
+
jobs:
deploy:
runs-on: ubuntu-latest
@@ -18,14 +19,20 @@ jobs:
run: |
export NODE_OPTIONS="--max_old_space_size=4096"
yarn install
- yarn ci:deploybuild
- - name: Write version.md
- run: git log -1 &>> packages/playground/dist/version.md
+
+ - name: Update version.md
+ run: |
+ touch packages/website/static/version.md
+ git log -1 &>> packages/website/static/version.md
+
+ - name: Build
+ run: |
+ yarn ci:deploy:nightly
- name: Deploy
uses: JamesIves/github-pages-deploy-action@v4.3.3
with:
branch: gh-pages # The branch the action should deploy to.
- folder: packages/playground/dist # The folder the action should deploy.
+ folder: packages/website/build # The folder the action should deploy.
target-folder: nightly
- clean: true
\ No newline at end of file
+ clean: true
diff --git a/.github/workflows/deploy-website-on-release.yaml b/.github/workflows/deploy-website-on-release.yaml
new file mode 100644
index 000000000000..f96bcf408968
--- /dev/null
+++ b/.github/workflows/deploy-website-on-release.yaml
@@ -0,0 +1,40 @@
+name: Deploy Website [on latest release]
+
+on:
+ release:
+ types:
+ - 'released'
+ workflow_dispatch:
+
+jobs:
+ deploy:
+ runs-on: ubuntu-latest
+
+ steps:
+ - uses: actions/checkout@v4
+ - uses: actions/setup-node@v4.0.1
+ with:
+ node-version: 18
+ cache: 'yarn'
+
+ - name: Install and Build
+ run: |
+ export NODE_OPTIONS="--max_old_space_size=4096"
+ yarn install
+
+ - name: Update version.md
+ run: |
+ touch packages/website/static/version.md
+ git log -1 &>> packages/website/static/version.md
+
+ - name: Build
+ run: |
+ yarn ci:deploy
+
+ - name: Deploy
+ uses: JamesIves/github-pages-deploy-action@v4.3.3
+ with:
+ branch: gh-pages # The branch the action should deploy to.
+ folder: packages/website/build # The folder the action should deploy.
+ clean: true
+ clean-exclude: nightly
diff --git a/.github/workflows/deploy-latest-playground-on-push.yaml b/.github/workflows/deploy-website.yaml
similarity index 54%
rename from .github/workflows/deploy-latest-playground-on-push.yaml
rename to .github/workflows/deploy-website.yaml
index 1b316799c373..777c9773afd5 100644
--- a/.github/workflows/deploy-latest-playground-on-push.yaml
+++ b/.github/workflows/deploy-website.yaml
@@ -1,8 +1,8 @@
-name: Deploy Latest Playground [on push]
+name: Deploy Website [manual]
on:
- push:
- branches: [ latest-release-website ]
+ workflow_dispatch:
+
jobs:
deploy:
runs-on: ubuntu-latest
@@ -18,15 +18,20 @@ jobs:
run: |
export NODE_OPTIONS="--max_old_space_size=4096"
yarn install
- yarn ci:deploybuild
- - name: Write version.md
- run: git log -1 &> packages/playground/dist/version.md
+ - name: Update version.md
+ run: |
+ touch packages/website/static/version.md
+ git log -1 &>> packages/website/static/version.md
+
+ - name: Build
+ run: |
+ yarn ci:deploy:nightly
- name: Deploy
uses: JamesIves/github-pages-deploy-action@v4.3.3
with:
branch: gh-pages # The branch the action should deploy to.
- folder: packages/playground/dist # The folder the action should deploy.
- clean: true
- clean-exclude: nightly
\ No newline at end of file
+ folder: packages/website/build # The folder the action should deploy.
+ target-folder: nightly
+ clean: true
\ No newline at end of file
diff --git a/.github/workflows/release-rc-auto.yaml b/.github/workflows/release-rc-auto.yaml
index 5fc10fcb8c96..e13ba826f9d8 100644
--- a/.github/workflows/release-rc-auto.yaml
+++ b/.github/workflows/release-rc-auto.yaml
@@ -20,6 +20,18 @@ jobs:
- name: Install
run: yarn --frozen-lockfile
+ - name: Version Bump
+ 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: |
+ npm config set //registry.npmjs.org/:_authToken=${NPM_AUTH_TOKEN}
+ git config user.name "${{ secrets.UI5_WEBCOMP_BOT_NAME }}"
+ git config user.email "${{ secrets.UI5_WEBCOMP_BOT_EMAIL }}"
+ yarn lerna version --conventional-prerelease --force-publish --yes --exact --create-release github
+
- name: Build
run: yarn ci:releasebuild
@@ -29,9 +41,4 @@ jobs:
NPM_EMAIL: ${{ secrets.NPM_EMAIL }}
NPM_AUTH_TOKEN: ${{ secrets.NPM_RELEASE_AUTH_TOKEN }}
GH_TOKEN: ${{ secrets.UI5_WEBCOMP_BOT_GH_TOKEN }}
- run: |
- npm config set //registry.npmjs.org/:_authToken=${NPM_AUTH_TOKEN}
- git config user.name "${{ secrets.UI5_WEBCOMP_BOT_NAME }}"
- git config user.email "${{ secrets.UI5_WEBCOMP_BOT_EMAIL }}"
- yarn lerna version --conventional-prerelease --force-publish --yes --exact --create-release github
- yarn lerna publish from-git --yes
+ run: yarn lerna publish from-git --yes
\ No newline at end of file
diff --git a/.github/workflows/release-rc.yaml b/.github/workflows/release-rc.yaml
index da831dfff081..d221adb553bb 100644
--- a/.github/workflows/release-rc.yaml
+++ b/.github/workflows/release-rc.yaml
@@ -19,6 +19,18 @@ jobs:
- name: Install
run: yarn --frozen-lockfile
+ - name: Version Bump
+ 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: |
+ npm config set //registry.npmjs.org/:_authToken=${NPM_AUTH_TOKEN}
+ git config user.name "${{ secrets.UI5_WEBCOMP_BOT_NAME }}"
+ git config user.email "${{ secrets.UI5_WEBCOMP_BOT_EMAIL }}"
+ yarn lerna version --conventional-prerelease --force-publish --yes --exact --create-release github
+
- name: Build
run: yarn ci:releasebuild
@@ -28,9 +40,4 @@ jobs:
NPM_EMAIL: ${{ secrets.NPM_EMAIL }}
NPM_AUTH_TOKEN: ${{ secrets.NPM_RELEASE_AUTH_TOKEN }}
GH_TOKEN: ${{ secrets.UI5_WEBCOMP_BOT_GH_TOKEN }}
- run: |
- npm config set //registry.npmjs.org/:_authToken=${NPM_AUTH_TOKEN}
- git config user.name "${{ secrets.UI5_WEBCOMP_BOT_NAME }}"
- git config user.email "${{ secrets.UI5_WEBCOMP_BOT_EMAIL }}"
- yarn lerna version --conventional-prerelease --force-publish --yes --exact --create-release github
- yarn lerna publish from-git --yes
+ run: yarn lerna publish from-git --yes
diff --git a/.github/workflows/release-stable.yaml b/.github/workflows/release-stable.yaml
index bdd2b1b9f690..f66597ea11f2 100644
--- a/.github/workflows/release-stable.yaml
+++ b/.github/workflows/release-stable.yaml
@@ -29,10 +29,7 @@ jobs:
- name: Install
run: yarn --frozen-lockfile
- - name: Release Build
- run: yarn ci:releasebuild
-
- - name: Publish
+ - name: Version Bump
env:
NPM_USERNAME: ${{ secrets.NPM_USER }}
NPM_EMAIL: ${{ secrets.NPM_EMAIL }}
@@ -45,4 +42,14 @@ jobs:
yarn lerna version ${{ github.event.inputs.release_type }}\
${{ (github.event.inputs.prerelease == 'true' && '--conventional-prerelease') || '--conventional-graduate' }} \
--force-publish --yes --exact --create-release github
- yarn lerna publish from-git --yes
+
+ - name: Build
+ run: yarn ci:releasebuild
+
+ - name: Publish
+ 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: yarn lerna publish from-git --yes
diff --git a/.gitignore b/.gitignore
index 5f6ccc114b03..cb02f5b69700 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
# Ignore .gitignore, target, dist and tmp folders
.gitignore
!packages/create-package/template/.gitignore
+!packages/website/.gitignore
tmp
temp
target
@@ -84,6 +85,8 @@ packages/playground/docs/FAQ.md
# Ignore the generated storybook related files
packages/playground/_stories/**/*/argTypes.ts
packages/playground/_stories/**/*/*Overview.mdx
+packages/playground/_stories/**/Enums.mdx
+packages/playground/_stories/**/Interfaces.mdx
packages/playground/.storybook/custom-elements.json
packages/playground/docs/storybook/**/*
packages/playground/docs/storybook-pages/**/*
diff --git a/.vscode/settings.json b/.vscode/settings.json
index af9dc2e363fa..444d5bf4a118 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -4,5 +4,10 @@
"./packages/localization",
"./packages/main",
"./packages/fiori",
- ]
+ ],
+ "html.customData": [
+ "./packages/base/dist/vscode.html-custom-data.json",
+ "./packages/main/dist/vscode.html-custom-data.json",
+ "./packages/fiori/dist/vscode.html-custom-data.json"
+ ],
}
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0c4a4a75305c..78a5330532d7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,207 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.24.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.24.0-rc.0...v1.24.0-rc.1) (2024-03-15)
+
+
+### Bug Fixes
+
+* **ui5-multi-combobox:** pasting content should not be prevented ([#8413](https://github.com/SAP/ui5-webcomponents/issues/8413)) ([db0b63c](https://github.com/SAP/ui5-webcomponents/commit/db0b63c8e745db23fb44816fcbfe999257071353)), closes [#8275](https://github.com/SAP/ui5-webcomponents/issues/8275)
+
+
+### Features
+
+* **ui5-li:** highlight property added ([#8421](https://github.com/SAP/ui5-webcomponents/issues/8421)) ([1a3fa61](https://github.com/SAP/ui5-webcomponents/commit/1a3fa617199e5599b5beeebc503121ca3112f0a0)), closes [#8317](https://github.com/SAP/ui5-webcomponents/issues/8317)
+* **ui5-side-navigation:** add navigation groups ([#8261](https://github.com/SAP/ui5-webcomponents/issues/8261)) ([8678dc0](https://github.com/SAP/ui5-webcomponents/commit/8678dc0ec8f017a41ac5bdcd7720bc055d28891c))
+* **ui5-tabcontainer, ui5-list:** add events for reordering items by mouse ([#8265](https://github.com/SAP/ui5-webcomponents/issues/8265)) ([c4383ea](https://github.com/SAP/ui5-webcomponents/commit/c4383eaaa3b5588658f13a9c468d778e9c6abf57))
+
+
+
+
+
+# [1.24.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.1...v1.24.0-rc.0) (2024-03-14)
+
+
+### Bug Fixes
+
+* **ui5-avatar:** fix default size appearance and font-family ([#8415](https://github.com/SAP/ui5-webcomponents/issues/8415)) ([22826f0](https://github.com/SAP/ui5-webcomponents/commit/22826f05c11f8be6b4ce037d6488e78fec634f99))
+* **ui5-bar:** align subheader style ([#8412](https://github.com/SAP/ui5-webcomponents/issues/8412)) ([e42a976](https://github.com/SAP/ui5-webcomponents/commit/e42a976162314251b4c13d7b6850a80fcc2faffb)), closes [#8079](https://github.com/SAP/ui5-webcomponents/issues/8079)
+* **ui5-button:** remove bold font of emphasized button in safari and chrome ([#8422](https://github.com/SAP/ui5-webcomponents/issues/8422)) ([19ca981](https://github.com/SAP/ui5-webcomponents/commit/19ca981b9a18f938416083659043f49d7b57aeda))
+* **ui5-date/time-picker, ui5-step-input:** prevent text selection ([#8397](https://github.com/SAP/ui5-webcomponents/issues/8397)) ([220eac4](https://github.com/SAP/ui5-webcomponents/commit/220eac4000ef995703f4fe32ac1b7faadc7539f7))
+* **ui5-message-strip:** remove aria-live ([#8398](https://github.com/SAP/ui5-webcomponents/issues/8398)) ([9dc902e](https://github.com/SAP/ui5-webcomponents/commit/9dc902ecfc24c8e23feb87370e74851c277e657d)), closes [#8394](https://github.com/SAP/ui5-webcomponents/issues/8394)
+* **ui5-multi-combobox:** rename togglePopover method ([#8418](https://github.com/SAP/ui5-webcomponents/issues/8418)) ([d1d6f7e](https://github.com/SAP/ui5-webcomponents/commit/d1d6f7ee71534251fc7d9f98b10adc8c736b607a))
+* **ui5-panel:** prevent border cut on horizon themes ([#8400](https://github.com/SAP/ui5-webcomponents/issues/8400)) ([fc2421f](https://github.com/SAP/ui5-webcomponents/commit/fc2421feb2de3c8301293f6e303738b8c0e20269)), closes [#8369](https://github.com/SAP/ui5-webcomponents/issues/8369)
+* **ui5-shellbar:** fix volatile test ([#8411](https://github.com/SAP/ui5-webcomponents/issues/8411)) ([7e6bf4b](https://github.com/SAP/ui5-webcomponents/commit/7e6bf4b15a437f2795d5fa791f1df07122bc0121)), closes [#8409](https://github.com/SAP/ui5-webcomponents/issues/8409)
+
+
+### Features
+
+* **ui5-barcode-scanner-dialog:** add 'open' property ([#8316](https://github.com/SAP/ui5-webcomponents/issues/8316)) ([8f59d16](https://github.com/SAP/ui5-webcomponents/commit/8f59d166c55af5f692520ff3b88b09aca28738c3)), closes [#8072](https://github.com/SAP/ui5-webcomponents/issues/8072)
+* **ui5-checkbox:** csspart icon added ([#8423](https://github.com/SAP/ui5-webcomponents/issues/8423)) ([ab97c02](https://github.com/SAP/ui5-webcomponents/commit/ab97c02cdcfe2d9f9b823eb007d67bd22fe8faf5)), closes [#8326](https://github.com/SAP/ui5-webcomponents/issues/8326)
+* **ui5-list:** growintButtonText property added ([#8349](https://github.com/SAP/ui5-webcomponents/issues/8349)) ([3ad5a90](https://github.com/SAP/ui5-webcomponents/commit/3ad5a908d5cb64143102ceda03ea60e2238b791b)), closes [#7028](https://github.com/SAP/ui5-webcomponents/issues/7028)
+
+
+
+
+
+## [1.23.1](https://github.com/SAP/ui5-webcomponents/compare/v1.23.1-rc.0...v1.23.1) (2024-03-08)
+
+
+### Bug Fixes
+
+* **ui5-icon:** default icon color aligned with specification ([#8376](https://github.com/SAP/ui5-webcomponents/issues/8376)) ([7915a8c](https://github.com/SAP/ui5-webcomponents/commit/7915a8cf7416da70244bf5e8e959a5cee8e25624)), closes [#8375](https://github.com/SAP/ui5-webcomponents/issues/8375)
+* **ui5-progress-indicator:** visual fix ([#8333](https://github.com/SAP/ui5-webcomponents/issues/8333)) ([012fc4d](https://github.com/SAP/ui5-webcomponents/commit/012fc4d070daab7c6851bbf3abb5bc0d718c7465)), closes [#8306](https://github.com/SAP/ui5-webcomponents/issues/8306)
+
+
+
+
+
+## [1.23.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0...v1.23.1-rc.0) (2024-03-07)
+
+**Note:** Version bump only for package ui5-webcomponents
+
+
+
+
+
+# [1.23.0](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.5...v1.23.0) (2024-03-06)
+
+
+### Bug Fixes
+
+* **ui5-breadcrumbs:** fixed not working separators ([#8383](https://github.com/SAP/ui5-webcomponents/issues/8383)) ([ca733c1](https://github.com/SAP/ui5-webcomponents/commit/ca733c1c7034b03edcc51bbaf3153385e1b70d22))
+* **ui5-combobox:** show all items upon arrow click ([#8373](https://github.com/SAP/ui5-webcomponents/issues/8373)) ([c9dab87](https://github.com/SAP/ui5-webcomponents/commit/c9dab87ebfad72a784c7115dd8ef983e35c022b1)), closes [#8267](https://github.com/SAP/ui5-webcomponents/issues/8267)
+* **ui5-date-picker:** open correct picker ([#8371](https://github.com/SAP/ui5-webcomponents/issues/8371)) ([78b98a5](https://github.com/SAP/ui5-webcomponents/commit/78b98a546cdff7569ff716f63b4daf434678837a)), closes [#8218](https://github.com/SAP/ui5-webcomponents/issues/8218)
+* **ui5-side-navigation:** fix private types ([#8158](https://github.com/SAP/ui5-webcomponents/issues/8158)) ([a03921c](https://github.com/SAP/ui5-webcomponents/commit/a03921cc4ad90418d3ca9dd2241a3cafe24e4fff))
+* **ui5-switch:** align icon on iOS devices ([#8356](https://github.com/SAP/ui5-webcomponents/issues/8356)) ([f373305](https://github.com/SAP/ui5-webcomponents/commit/f373305cbb5ace38afd002c34e134d5a40b02efe))
+* **ui5-table:** highlight popined selected rows ([#8372](https://github.com/SAP/ui5-webcomponents/issues/8372)) ([5c6af14](https://github.com/SAP/ui5-webcomponents/commit/5c6af14feff211b9bb9c66056e45f51cbc13da06))
+
+
+### Features
+
+* **ui5-illustrated-message:** introduced "Dot" size ([#8343](https://github.com/SAP/ui5-webcomponents/issues/8343)) ([9c88f36](https://github.com/SAP/ui5-webcomponents/commit/9c88f36112888c1a766875611eb2a0aecbbc6f23)), closes [#8328](https://github.com/SAP/ui5-webcomponents/issues/8328)
+* **ui5-textarea:** select and scroll events ([#8340](https://github.com/SAP/ui5-webcomponents/issues/8340)) ([5565a53](https://github.com/SAP/ui5-webcomponents/commit/5565a53460b5acbc379e09322b91d8b06b538b85))
+
+
+
+
+
+# [1.23.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.4...v1.23.0-rc.5) (2024-02-29)
+
+
+### Bug Fixes
+
+* remove sap.ui.require call from unused openui5 module ([#8359](https://github.com/SAP/ui5-webcomponents/issues/8359)) ([50219ac](https://github.com/SAP/ui5-webcomponents/commit/50219ac23add7b86fe26d8ca51e2181f01404992))
+* **ui5-avatar:** resolve initial flickering during fallback to icon ([#8351](https://github.com/SAP/ui5-webcomponents/issues/8351)) ([845b6f7](https://github.com/SAP/ui5-webcomponents/commit/845b6f75e93c25d475ba5a43aaae5c109f9b27f2))
+* **ui5-button:** correct focus outline colors in active/focus state ([#8325](https://github.com/SAP/ui5-webcomponents/issues/8325)) ([32385a7](https://github.com/SAP/ui5-webcomponents/commit/32385a7eada38aa248d1339ea52313491f1e5206))
+* **ui5-illustrated-message:** title subtitle aligned with visual spec ([#8344](https://github.com/SAP/ui5-webcomponents/issues/8344)) ([84fb0d9](https://github.com/SAP/ui5-webcomponents/commit/84fb0d94d0bf9597f10147ca4dff0fcbfc0570ff)), closes [#7879](https://github.com/SAP/ui5-webcomponents/issues/7879)
+* **ui5-menu:** improve focus handling ([#8348](https://github.com/SAP/ui5-webcomponents/issues/8348)) ([bd33dc5](https://github.com/SAP/ui5-webcomponents/commit/bd33dc527ed2d96224f5dbef03d87506defa227f))
+* **ui5-side-navigation:** fix broken storybook example ([57e1eb9](https://github.com/SAP/ui5-webcomponents/commit/57e1eb96691a9d2712f43539c27c8e9f14e0c9d3)), closes [#8305](https://github.com/SAP/ui5-webcomponents/issues/8305)
+* **ui5-time-picker:** remove redundant aria attributes ([#8350](https://github.com/SAP/ui5-webcomponents/issues/8350)) ([0d0a592](https://github.com/SAP/ui5-webcomponents/commit/0d0a5920617fd1532ef1260b24c80bf7fbc103e0)), closes [#6931](https://github.com/SAP/ui5-webcomponents/issues/6931)
+
+
+### Features
+
+* **ui5-button:** add accessible-role api ([#8366](https://github.com/SAP/ui5-webcomponents/issues/8366)) ([18a5370](https://github.com/SAP/ui5-webcomponents/commit/18a5370eee92a2874398fee5d4852f4072d08283)), closes [#7612](https://github.com/SAP/ui5-webcomponents/issues/7612)
+
+
+
+
+
+# [1.23.0-rc.4](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.3...v1.23.0-rc.4) (2024-02-26)
+
+
+### Bug Fixes
+
+* **ui5-li-notification-group:** expand arrow visible ([#8329](https://github.com/SAP/ui5-webcomponents/issues/8329)) ([b2ca2a2](https://github.com/SAP/ui5-webcomponents/commit/b2ca2a299ebde195c5c16902a00969b6ada85f26)), closes [#8302](https://github.com/SAP/ui5-webcomponents/issues/8302)
+* **ui5-popup:** move popup registry to shared resource ([#8338](https://github.com/SAP/ui5-webcomponents/issues/8338)) ([8c53a18](https://github.com/SAP/ui5-webcomponents/commit/8c53a180fd1945847cbc59439a5ed31e3b7f12e4))
+* **ui5-tab-container:** correct inline mode visualization ([#8335](https://github.com/SAP/ui5-webcomponents/issues/8335)) ([60b5b2c](https://github.com/SAP/ui5-webcomponents/commit/60b5b2cd08ce4e72508d25e69a50e4184c865d9e)), closes [#8274](https://github.com/SAP/ui5-webcomponents/issues/8274)
+
+
+### Features
+
+* **ui5-radio-button:** expose new Css shadow parts ([#8347](https://github.com/SAP/ui5-webcomponents/issues/8347)) ([eca19da](https://github.com/SAP/ui5-webcomponents/commit/eca19dac3d22d4a6667dde1019e6ff5bf1c13410)), closes [#8105](https://github.com/SAP/ui5-webcomponents/issues/8105)
+
+
+
+
+
+# [1.23.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.2...v1.23.0-rc.3) (2024-02-22)
+
+
+### Bug Fixes
+
+* **ui5-timeline-item:** correct content check ([#8295](https://github.com/SAP/ui5-webcomponents/issues/8295)) ([414087f](https://github.com/SAP/ui5-webcomponents/commit/414087f676d83ba1a0e62e1bd929fcd9f9718e4d))
+
+
+### Features
+
+* **ui5-color-palette:** implement mobile view ([#8315](https://github.com/SAP/ui5-webcomponents/issues/8315)) ([eea8317](https://github.com/SAP/ui5-webcomponents/commit/eea8317b0b8342f0ecb23ecb2a880cf3071c2c92))
+* **ui5-menu:** enable navigation over disabled items ([#8312](https://github.com/SAP/ui5-webcomponents/issues/8312)) ([fe9d1dc](https://github.com/SAP/ui5-webcomponents/commit/fe9d1dce999a9ab0c0c4413882bba246cc283126)), closes [#7096](https://github.com/SAP/ui5-webcomponents/issues/7096) [#8214](https://github.com/SAP/ui5-webcomponents/issues/8214)
+
+
+
+
+
+# [1.23.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.1...v1.23.0-rc.2) (2024-02-20)
+
+
+### Features
+
+* **ui5-li:** add tooltip support to list items ([#8301](https://github.com/SAP/ui5-webcomponents/issues/8301)) ([1bbf381](https://github.com/SAP/ui5-webcomponents/commit/1bbf38134dde26257bf95847ca9ab416ba7ab7ee)), closes [#7372](https://github.com/SAP/ui5-webcomponents/issues/7372)
+
+
+
+
+
+# [1.23.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.23.0-rc.0...v1.23.0-rc.1) (2024-02-19)
+
+
+### Bug Fixes
+
+* **tools:** fix usage of require in mjs ([#8258](https://github.com/SAP/ui5-webcomponents/issues/8258)) ([cbca059](https://github.com/SAP/ui5-webcomponents/commit/cbca059b926a8a5473d1f13690b6670239aafb8e))
+* **ui5-illustrated-message:** improved story and documentation ([#8294](https://github.com/SAP/ui5-webcomponents/issues/8294)) ([9740fe2](https://github.com/SAP/ui5-webcomponents/commit/9740fe21baa34233a66a4aea02f261fe1f5992f2))
+
+
+
+
+
+# [1.23.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.1-rc.0...v1.23.0-rc.0) (2024-02-15)
+
+
+### Bug Fixes
+
+* setting configuration before boot ([#8246](https://github.com/SAP/ui5-webcomponents/issues/8246)) ([d73834b](https://github.com/SAP/ui5-webcomponents/commit/d73834bd06516d5f663f14ecb516e92624191300))
+* **ui5-card-header:** truncate long single-word description ([#8247](https://github.com/SAP/ui5-webcomponents/issues/8247)) ([b79aef7](https://github.com/SAP/ui5-webcomponents/commit/b79aef7751bc4e562fd38ebc006c74bd93c1b33e)), closes [#8245](https://github.com/SAP/ui5-webcomponents/issues/8245)
+* **ui5-illustrated-message:** aligned with visual specification ([#8266](https://github.com/SAP/ui5-webcomponents/issues/8266)) ([143d4af](https://github.com/SAP/ui5-webcomponents/commit/143d4afccfa1046f08c17e591e2749304afcac49))
+* **ui5-tree-item:** fix background color on hover ([#8278](https://github.com/SAP/ui5-webcomponents/issues/8278)) ([1a28393](https://github.com/SAP/ui5-webcomponents/commit/1a2839351d0af3badc4331409b13f4ef67ebba50))
+
+
+### Features
+
+* **ui5-calendar-legend:** introduce ui5-calendar-legend component ([#7706](https://github.com/SAP/ui5-webcomponents/issues/7706)) ([909a602](https://github.com/SAP/ui5-webcomponents/commit/909a6028362b55e26fdb5ca7a1ed68c8c6197a6b))
+* **ui5-rating-indicator:** introduced "remaining-bar" CSS part ([#8276](https://github.com/SAP/ui5-webcomponents/issues/8276)) ([7f46b0b](https://github.com/SAP/ui5-webcomponents/commit/7f46b0b9a6f91b52f466b0c617d6ece9a541e950)), closes [#8213](https://github.com/SAP/ui5-webcomponents/issues/8213)
+* **ui5-side-navigation:** add external link icon ([#8199](https://github.com/SAP/ui5-webcomponents/issues/8199)) ([47e28c5](https://github.com/SAP/ui5-webcomponents/commit/47e28c5c50c824dfb743b79998c4d98f56be4beb))
+* **ui5-step-input:** add value-state-change event ([#8225](https://github.com/SAP/ui5-webcomponents/issues/8225)) ([8ab3ad1](https://github.com/SAP/ui5-webcomponents/commit/8ab3ad160d27bec5f9a77a41f534f480ec6481d0)), closes [#4791](https://github.com/SAP/ui5-webcomponents/issues/4791) [#5130](https://github.com/SAP/ui5-webcomponents/issues/5130)
+
+
+
+
+
+## [1.22.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0...v1.22.1-rc.0) (2024-02-08)
+
+
+### Bug Fixes
+
+* cast ariaHasPopup acc attribute to lowercase ([#8239](https://github.com/SAP/ui5-webcomponents/issues/8239)) ([6692284](https://github.com/SAP/ui5-webcomponents/commit/66922847d6cbc545c500c661d18facac7c2f609c))
+* **ui5-shellbar:** fixed secondaryTitle visual presentation ([#8221](https://github.com/SAP/ui5-webcomponents/issues/8221)) ([b3e0a80](https://github.com/SAP/ui5-webcomponents/commit/b3e0a80157615c22b89d7fb0857d22275cb83710)), closes [#8189](https://github.com/SAP/ui5-webcomponents/issues/8189)
+* **ui5-table:** prevent load-more event on initial load ([#8240](https://github.com/SAP/ui5-webcomponents/issues/8240)) ([3ea5c66](https://github.com/SAP/ui5-webcomponents/commit/3ea5c664aaf20908ab04a933a7587c35206aebf6))
+* **ui5-tree-item:** fix double announcement ([#8139](https://github.com/SAP/ui5-webcomponents/issues/8139)) ([5af60a2](https://github.com/SAP/ui5-webcomponents/commit/5af60a2d4e5196b94a842f1adadfb4aa2d6672a7)), closes [#6878](https://github.com/SAP/ui5-webcomponents/issues/6878)
+
+
+
+
+
# [1.22.0](https://github.com/SAP/ui5-webcomponents/compare/v1.22.0-rc.3...v1.22.0) (2024-02-05)
diff --git a/README.md b/README.md
index a65efb7ec7b3..231ae434b4c7 100644
--- a/README.md
+++ b/README.md
@@ -113,8 +113,8 @@ Edge | Latest
This section might be of interest to you mainly if you need to run or build the project locally
### Requirements
-- [Node.js](https://nodejs.org/) (**version 14 or higher**)
-- [Yarn](https://yarnpkg.com/en)
+- [Node.js](https://nodejs.org/) (**version 20 or higher**)
+- [Yarn](https://yarnpkg.com/en) (**version 1.22 or higher**)
**Note:** The UI5 Web Components project is set up with the [Yarn](https://yarnpkg.com/) node package manager.
This is because it offers functionality that the otherwise preferred [npm](https://www.npmjs.com/) package manager is currently lacking. Namely, the [workspace](https://yarnpkg.com/lang/en/docs/workspaces/) setting which is currently used in the [UI5 Web Components (mono-)repository](https://github.com/SAP/ui5-webcomponents). Note that npm [might add](https://github.com/npm/npm/pull/15900#issuecomment-315335381) this feature in the future.
@@ -145,18 +145,19 @@ yarn start # to serve the project
A dev server will be started and the browser will open its index URL with a listing of all test pages.
-You can start the Playground app with the following commands:
+### How to start Website (Docs & Samples):
+You can start the website app with the following commands:
```sh
yarn # to install all dependencies
# start the playground from the project root
-yarn start:playground
+yarn start:website
-# open http://localhost:6006/
+# open http://localhost:3000/ui5-webcomponents/nightly/
```
-**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)
+**Note:** If you wish to manually install dependencies & run the Playground you can check out our [in depth tutorial](./docs/6-contributing/03-website.md)
### Production Build
To build the UI5 Web Components project, run the following commands:
diff --git a/docs/1-getting-started/01-first-steps.md b/docs/1-getting-started/01-first-steps.md
index 6fd93d0d6100..5ea43a577a01 100644
--- a/docs/1-getting-started/01-first-steps.md
+++ b/docs/1-getting-started/01-first-steps.md
@@ -59,7 +59,7 @@ This command downloads the published source code of the UI5 Web Components to th
### Documentation
-Take a look at the available UI5 Web Components documentation in the [playground](./playground/docs/).
+Take a look at the available UI5 Web Components documentation in the [playground](https://sap.github.io/ui5-webcomponents/playground).
### Usage
@@ -108,5 +108,3 @@ dist/assets/vendor.c05c7785.js 114.92kb / brotli: 24.30kb
The contents of the `dist` folder is ready to be deployed for productive usage. The hashes in the file names make them safe for caching and the produced bundle is optimized for production.
#### 4. Enjoy UI5 Web Components.
-
-Next: [Importing UI5 Web Components](./02-importing-components.md)
diff --git a/docs/1-getting-started/02-importing-components.md b/docs/1-getting-started/02-importing-components.md
index af1c31948c6f..6a4085a686e7 100644
--- a/docs/1-getting-started/02-importing-components.md
+++ b/docs/1-getting-started/02-importing-components.md
@@ -54,5 +54,3 @@ For example:
**Note:** For most components the name of the module (f.e. `Button.js`, `Icon.js`) coincides with the name of the tag (`ui5-button`, `ui5-icon`),
whereas for others this is not the case (f.e. `StandardListItem.js` and `ui5-li`). Always consult the documentation when in doubt.
-
-Next: [Understanding UI5 Web Components APIs](./03-understanding-components-apis.md)
diff --git a/docs/1-getting-started/03-understanding-components-APIs.md b/docs/1-getting-started/03-understanding-components-APIs.md
index 3fbc62baa751..49ff3863a348 100644
--- a/docs/1-getting-started/03-understanding-components-APIs.md
+++ b/docs/1-getting-started/03-understanding-components-APIs.md
@@ -222,7 +222,7 @@ Please, note, however that some frameworks (e.g. React) cannot use their standar
for binding to custom events (such as `close`), but only for standard ones (such as `click`).
So, for custom events in React you'd have to get a reference to the element and call `addEventListener` manually.
-For more information, please check our [React tutorial](React-tutorial.md).
+For more information, please check our [React tutorial](../4-frameworks/01-React.md).
## 5. How do I call public methods?
@@ -242,5 +242,3 @@ Consult the documentation for the available public methods for each UI5 Web Comp
As you can see from this article, UI5 Web Components, being HTML elements in the first place,
comply with the same rules. There are some novelties that come with the Web Components standard,
such as `slot`, but otherwise everything else is what you already know and use from HTML.
-
-Next: [Using Icons](./04-using-icons.md)
diff --git a/docs/1-getting-started/04-using-icons.md b/docs/1-getting-started/04-using-icons.md
index d936b39253f7..4611dbc878b1 100644
--- a/docs/1-getting-started/04-using-icons.md
+++ b/docs/1-getting-started/04-using-icons.md
@@ -171,5 +171,3 @@ Tip: for multi-colored icons, you can specify multiple SVG elements and put a fi
```
-
-Next: [Using Additional Assets](./05-using-assets.md)
diff --git a/docs/1-getting-started/05-using-assets.md b/docs/1-getting-started/05-using-assets.md
index 638e46190e6d..aba008fa3dc1 100644
--- a/docs/1-getting-started/05-using-assets.md
+++ b/docs/1-getting-started/05-using-assets.md
@@ -55,4 +55,3 @@ The `ui5-date-picker` component will have all translatable texts in Spanish, and
Additional assets are `.json` files with the respective data. When you import the `dist/Assets.js` file of a given package, assets are only **registered**, but not yet fetched.
When they are needed, they are loaded on the fly with **dymamic imports**, and then used.
-Next: [Using Additional Features](./06-using-features.md)
diff --git a/docs/1-getting-started/06-using-features.md b/docs/1-getting-started/06-using-features.md
index 2f48a83032af..cd9d677d991e 100644
--- a/docs/1-getting-started/06-using-features.md
+++ b/docs/1-getting-started/06-using-features.md
@@ -65,5 +65,3 @@ import "@ui5/webcomponents/dist/Button.js";
import "@ui5/webcomponents/dist/Link.js";
import "@ui5/webcomponents/dist/Input.js";
```
-
-Next: [Typescript Support](./07-typescript-support)
diff --git a/docs/1-getting-started/07-typescript-support.md b/docs/1-getting-started/07-typescript-support.md
index 502f1ca5812d..7d21a9a89786 100644
--- a/docs/1-getting-started/07-typescript-support.md
+++ b/docs/1-getting-started/07-typescript-support.md
@@ -39,6 +39,3 @@ You will get a TypeScript error:
```html
Argument of type 'boolean' is not assignable to parameter of type 'string'.
```
-
-
-Next: [Wrapping Up](./08-wrapping-up)
diff --git a/docs/2-advanced/01-configuration.md b/docs/2-advanced/01-configuration.md
index 82790cf57395..66e41afa9e52 100644
--- a/docs/2-advanced/01-configuration.md
+++ b/docs/2-advanced/01-configuration.md
@@ -297,5 +297,3 @@ import { getFirstDayOfWeek } from "@ui5/webcomponents-base/dist/config/FormatSet
```js
import { getFetchDefaultLanguage, setFetchDefaultLanguage } from "@ui5/webcomponents-base/dist/config/Language.js";
```
-
-Next: [Right-To-Left (RTL) And Compact Mode](./02-rtl-and-compact-mode.md)
diff --git a/docs/2-advanced/02-RTL-and-compact-mode.md b/docs/2-advanced/02-RTL-and-compact-mode.md
index 9f6fc53d8adf..a46a2b0f7d93 100644
--- a/docs/2-advanced/02-RTL-and-compact-mode.md
+++ b/docs/2-advanced/02-RTL-and-compact-mode.md
@@ -82,5 +82,3 @@ Example 2:
(Compact mode will be set for Button 2 and Button 3.)
Unlike RTL, compact mode does not require additional APIs when its markers are changed dynamically.
-
-Next: [Micro-Frontends and Custom Elements Scoping](./03-scoping.md)
diff --git a/docs/2-advanced/03-scoping.md b/docs/2-advanced/03-scoping.md
index ec22e205c9f6..3f17cf4d6d0b 100644
--- a/docs/2-advanced/03-scoping.md
+++ b/docs/2-advanced/03-scoping.md
@@ -89,5 +89,3 @@ having the word `-test-` in their name are not scoped.
Setting scoping rules is handy if, for example, your library uses both standard and custom UI5 Web Components and you don't want
to scope the custom ones (as no disambiguation will be necessary for them).
-
-Next: [OpenUI5 Integration](./04-openui5-integration.md)
diff --git a/docs/2-advanced/04-OpenUI5-integration.md b/docs/2-advanced/04-OpenUI5-integration.md
index 76c9de33676f..85b16298ae06 100644
--- a/docs/2-advanced/04-OpenUI5-integration.md
+++ b/docs/2-advanced/04-OpenUI5-integration.md
@@ -30,5 +30,3 @@ When you import the above module:
Therefore, if you intend to run both frameworks in the same browser window,
it is highly recommended to enable OpenUI5 support and benefit from these optimizations.
-
-Next: [Using the Framework](./05-other-framework-level-apis.md)
diff --git a/docs/2-advanced/05-other-framework-level-APIs.md b/docs/2-advanced/05-other-framework-level-APIs.md
index f314cbeeaca9..58e91038949c 100644
--- a/docs/2-advanced/05-other-framework-level-APIs.md
+++ b/docs/2-advanced/05-other-framework-level-APIs.md
@@ -21,5 +21,3 @@ attachBoot(() => {
console.log("Framework booted");
});
```
-
-Next: [UI5 Web Components i18n for Apps](./06-using-i18n-for-apps.md)
diff --git a/docs/2-advanced/06-using-i18n-for-apps.md b/docs/2-advanced/06-using-i18n-for-apps.md
index 9ee90eb055bc..4b081413da5b 100644
--- a/docs/2-advanced/06-using-i18n-for-apps.md
+++ b/docs/2-advanced/06-using-i18n-for-apps.md
@@ -6,7 +6,7 @@ None of the code below implies or requires the usage of UI5 Web Components, and
The `@ui5/webcomponents-base` package allows the usage of `i18n` functionality not just for UI5 Web Components,
but for apps as well.
-*Note:* This section is dedicated to apps. For information on how to set up `i18n` for your custom components, please see [Developing Web Components](../5-development/02-custom-ui5-web-components.md).
+*Note:* This section is dedicated to apps. For information on how to set up `i18n` for your custom components, please see [Developing Web Components](../5-development/02-custom-UI5-Web-Components.md).
## Step-by-Step Tutorial
@@ -116,5 +116,3 @@ and return the data directly in `.json` format if you want to load a little bit
| `assets/messagebundle_es.json` | `{"PLEASE_WAIT": "Espere"}` |
| `assets/messagebundle_en.json` | `{"PLEASE_WAIT": "Please wait"}` |
-
-Next: [Accessibility](./07-accessibility.md)
diff --git a/docs/2-advanced/07-accessibility.md b/docs/2-advanced/07-accessibility.md
index a86deee708f9..7a958f9b59b6 100644
--- a/docs/2-advanced/07-accessibility.md
+++ b/docs/2-advanced/07-accessibility.md
@@ -341,5 +341,3 @@ In order to process the issues correctly, we would like to have the following in
Have in mind that UI5 Web Components is optimized for the High Contrast mode of Windows when using Chrome and Edge. If you have enabled both the Windows High Contrast setting and the SAPUI5 High Contrast theme and you are using browser different than Chrome and Edge this may cause conflicts, and deficiencies in the theme can occur. In such cases, please switch off the Windows High Contrast setting or use different browser.
-
-Next: [CSP](./08-csp.md)
diff --git a/docs/2-advanced/08-CSP.md b/docs/2-advanced/08-CSP.md
index af924c97dac6..e68f391e2b2c 100644
--- a/docs/2-advanced/08-CSP.md
+++ b/docs/2-advanced/08-CSP.md
@@ -99,4 +99,3 @@ that support them (Chrome, Edge) out of the box. For the other browsers (Firefox
achieve CSP-compliance, you must instruct the framework to use `` instead of `
+```
+
+- Most of the modern build tools know how to handle CSS imports and could add the imported CSS file content as `style` tag for us:
+
+```ts
+import "/mytheme.css";
+```
+
+
+### 2. Configuring the Custom Theme
+
+In the previous step we loaded the CSS, now we only need to set it to the UI5 Web Components.
+To do so, you can use one of the standard APIs for setting a theme:
+
+- With URL parameter: `index.html?sap-ui-theme=mytheme`
+
+- With JS API:
+```ts
+import { getTheme, setTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
+
+setTheme("mytheme");
+```
+
+# Resources
+
+Everything said so far is implemented in the following demo project - [ui5-webcomponents-custom-theme](https://github.com/ilhan007/ui5-webcomponents-custom-theme/).
+The project implements the script for producing the custom CSS vars and provides a simple test page to demonstrate the custom theme usage.
diff --git a/docs/3-customizing/03-fonts.md b/docs/3-customizing/04-fonts.md
similarity index 97%
rename from docs/3-customizing/03-fonts.md
rename to docs/3-customizing/04-fonts.md
index 6064b9951242..9d18f744a8bd 100644
--- a/docs/3-customizing/03-fonts.md
+++ b/docs/3-customizing/04-fonts.md
@@ -1,6 +1,6 @@
# Custom Fonts
-## The `data-ui5-font-face` Font-Face `style` Tag
+## The data-ui5-font-face style tag
Upon `boot`, the UI5 Web Components framework creates a `
+