diff --git a/.github/renovate.json b/.github/renovate.json
index 93c9a5231e8..65cca446a07 100644
--- a/.github/renovate.json
+++ b/.github/renovate.json
@@ -30,15 +30,20 @@
"matchPackagePatterns": ["vite"],
"excludePackageNames": ["@storybook/react-vite"]
},
+ {
+ "extends": ["group:storybookMonorepo", "schedule:weekly"],
+ "semanticCommitType": "chore"
+ },
{
"description": "root package dependencies",
"extends": ["schedule:weekly"],
- "matchFiles": ["package.json"],
"semanticCommitType": "chore",
"groupName": "all non-major dependencies",
"groupSlug": "root-all-minor-patch",
"matchPackagePatterns": ["*"],
- "matchUpdateTypes": ["minor", "patch"]
+ "matchUpdateTypes": ["minor", "patch"],
+ "excludePackageNames": ["storybook"],
+ "excludePackagePatterns": ["^@storybook/"]
},
{
"description": "Example & Template dependencies",
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
index b4f48e2c091..09e46b4a64a 100644
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@@ -14,7 +14,7 @@ jobs:
fetch-depth: 0
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
index 128a8e5298a..ac6f21af46e 100644
--- a/.github/workflows/codeql-analysis.yml
+++ b/.github/workflows/codeql-analysis.yml
@@ -13,10 +13,10 @@ name: "CodeQL"
on:
push:
- branches: [ main ]
+ branches: [ main, v1.29.x ]
pull_request:
# The branches below must be a subset of the branches above
- branches: [ main ]
+ branches: [ main, v1.29.x ]
schedule:
- cron: '29 19 * * 6'
diff --git a/.github/workflows/docs-stable.yml b/.github/workflows/docs-stable.yml
index 911da9bc24e..7de95417229 100644
--- a/.github/workflows/docs-stable.yml
+++ b/.github/workflows/docs-stable.yml
@@ -18,7 +18,7 @@ jobs:
- uses: actions/checkout@v4
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
@@ -28,17 +28,22 @@ jobs:
env:
CYPRESS_INSTALL_BINARY: 0
+ - name: Get Major Version
+ run: |
+ MAJOR_VERSION=$(node -p -e "/^(\d+)\./.exec(require('./lerna.json').version)[1]")
+ echo "MAJOR_VERSION=${MAJOR_VERSION}" >> "$GITHUB_ENV"
+
- name: Build Storybook
run: |
yarn build:storybook
- yarn build:storybook-sitemap
+ yarn build:storybook-sitemap --basePath "v${{ env.MAJOR_VERSION }}"
env:
NODE_OPTIONS: '--max-old-space-size=4096'
- name: Deploy Docs
- uses: JamesIves/github-pages-deploy-action@v4.6.1
+ uses: JamesIves/github-pages-deploy-action@v4.6.3
with:
branch: gh-pages # The branch the action should deploy to.
folder: .out # The folder the action should deploy.
+ target-folder: v${{ env.MAJOR_VERSION }}
clean: true
- clean-exclude: 'main'
diff --git a/.github/workflows/examples.yml b/.github/workflows/examples.yml
index 473db519356..1f76722a5b9 100644
--- a/.github/workflows/examples.yml
+++ b/.github/workflows/examples.yml
@@ -23,7 +23,7 @@ jobs:
steps:
- uses: actions/checkout@v4
- - uses: actions/setup-node@v4.0.2
+ - uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
index 7d5b4455c49..7cfac454b50 100644
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -23,7 +23,7 @@ jobs:
uses: fsfe/reuse-action@v1.1
check-bundle-size:
- if: ${{ github.base_ref == 'main' }} # only for PRs targeting main branch
+ if: ${{ github.base_ref == 'main' || github.base_ref == 'v1.29.x' }} # only for PRs targeting main and v1 branch
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
@@ -41,7 +41,7 @@ jobs:
steps:
- uses: actions/checkout@v4
- - uses: actions/setup-node@v4.0.2
+ - uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
@@ -62,7 +62,7 @@ jobs:
steps:
- uses: actions/checkout@v4
- - uses: actions/setup-node@v4.0.2
+ - uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
@@ -80,7 +80,7 @@ jobs:
steps:
- uses: actions/checkout@v4
- - uses: actions/setup-node@v4.0.2
+ - uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
@@ -103,7 +103,7 @@ jobs:
- uses: actions/checkout@v4
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
@@ -116,7 +116,7 @@ jobs:
NODE_OPTIONS: '--max-old-space-size=4096'
- name: Deploy 🚀
- uses: JamesIves/github-pages-deploy-action@v4.6.1
+ uses: JamesIves/github-pages-deploy-action@v4.6.3
with:
branch: gh-pages # The branch the action should deploy to.
folder: .out # The folder the action should deploy.
diff --git a/.github/workflows/release-comments.yml b/.github/workflows/release-comments.yml
index 1646b8a3e70..a4a04d5144d 100644
--- a/.github/workflows/release-comments.yml
+++ b/.github/workflows/release-comments.yml
@@ -12,7 +12,7 @@ jobs:
token: ${{ secrets.ACCESS_TOKEN }}
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
diff --git a/.github/workflows/release-custom-tag.yml b/.github/workflows/release-custom-tag.yml
index 33bd8fdb59e..92a7101a810 100644
--- a/.github/workflows/release-custom-tag.yml
+++ b/.github/workflows/release-custom-tag.yml
@@ -34,7 +34,7 @@ jobs:
fetch-depth: 0
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
registry-url: 'https://registry.npmjs.org'
diff --git a/.github/workflows/release-snapshot.yml b/.github/workflows/release-snapshot.yml
index ebe836726d4..3825310c5af 100644
--- a/.github/workflows/release-snapshot.yml
+++ b/.github/workflows/release-snapshot.yml
@@ -1,7 +1,6 @@
name: 'Release - Snapshot'
-on:
- workflow_dispatch
+on: workflow_dispatch
jobs:
test:
@@ -25,7 +24,7 @@ jobs:
fetch-depth: 0
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
registry-url: 'https://registry.npmjs.org'
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 9f34b8fb208..3729b416b83 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -37,7 +37,7 @@ jobs:
fetch-depth: 0
- name: Setup Node.js environment
- uses: actions/setup-node@v4.0.2
+ uses: actions/setup-node@v4.0.3
with:
node-version-file: '.nvmrc'
cache: 'yarn'
diff --git a/.storybook/addons/version-switch/manager.ts b/.storybook/addons/version-switch/manager.ts
new file mode 100644
index 00000000000..f6f1a4e12c1
--- /dev/null
+++ b/.storybook/addons/version-switch/manager.ts
@@ -0,0 +1 @@
+import '../../components/VersionSwitch.js';
diff --git a/.storybook/components/DocsHeader.tsx b/.storybook/components/DocsHeader.tsx
index eda7cf29df1..e74a6dc8cbf 100644
--- a/.storybook/components/DocsHeader.tsx
+++ b/.storybook/components/DocsHeader.tsx
@@ -31,8 +31,8 @@ const Links = () => {
const packageName = `@ui5/webcomponents-react${isChart ? '-charts' : ''}`;
return (
<>
-
-
+
+
@@ -56,7 +56,7 @@ export const InfoTable = ({ since, subComponents, mergeSubComponents }: InfoTabl
const wcSubComponents = useGetSubComponentsOfModule(moduleName.replace('V2', ''));
const subComps = mergeSubComponents
? [...(subComponents ?? []), ...(wcSubComponents ?? [])]
- : subComponents ?? wcSubComponents;
+ : (subComponents ?? wcSubComponents);
const supportsClipboardApi = typeof ClipboardItem !== 'undefined';
diff --git a/.storybook/components/DomRefTable.tsx b/.storybook/components/DomRefTable.tsx
index 0e0d48f1e37..e24a6ea688f 100644
--- a/.storybook/components/DomRefTable.tsx
+++ b/.storybook/components/DomRefTable.tsx
@@ -46,6 +46,43 @@ function Name(props: CEM.ClassMember) {
);
}
+export function ShadowPartsTable({ componentName, cssParts }: { componentName: string; cssParts: CEM.CssPart[] }) {
+ return (
+ <>
+
+ + CSS Shadow Parts + {' '} + allow developers to style elements inside the Shadow DOM. +
+
+ The {componentName}
exposes the following CSS Shadow Parts:
+
Name | +Description | +
---|---|
+ {part.name} + | +{part.description} | +
- - CSS Shadow Parts - {' '} - allow developers to style elements inside the Shadow DOM. -
-
- The {componentName}
exposes the following CSS Shadow Parts:
-
Name | -Description | -
---|---|
- {part.name} - | -{part.description} | -