Merge branch 'main' into fix-link-in-patternhubs-icons-readme-broken

db-ui · Dec 18, 2024 · 80ed75e · 80ed75e
2 parents 70d4668 + fcbd8d6
commit 80ed75e
Show file tree

Hide file tree

Showing 33 changed files with 52 additions and 50 deletions.
diff --git a/.github/workflows/00-init.yml b/.github/workflows/00-init.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   init:
     name: Init
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/00-scan-secrets.yml b/.github/workflows/00-scan-secrets.yml
@@ -5,7 +5,7 @@ on:
 
 jobs:
   TruffleHog:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/01-build-outputs.yml b/.github/workflows/01-build-outputs.yml
@@ -7,7 +7,7 @@ on:
 jobs:
   build-showcases:
     name: Build outputs
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/01-build-packages.yml b/.github/workflows/01-build-packages.yml
@@ -7,7 +7,7 @@ on:
 jobs:
   build-stencil-targets:
     name: Build Packages
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/01-build-patternhub.yml b/.github/workflows/01-build-patternhub.yml
@@ -20,7 +20,7 @@ on:
 jobs:
   build-patternhub:
     name: Build Patternhub
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     outputs:
       path: ${{ steps.build.outputs.path }}
     steps:

diff --git a/.github/workflows/01-build-showcases.yml b/.github/workflows/01-build-showcases.yml
@@ -11,7 +11,7 @@ on:
 jobs:
   build-showcases:
     name: Build Showcase ${{ inputs.showcase }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/01-get-playwright-version.yml b/.github/workflows/01-get-playwright-version.yml
@@ -11,7 +11,7 @@ on:
 jobs:
   playwright-version:
     name: Get and save publish version
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     outputs:
       version: ${{ steps.version.outputs.result }}
     steps:

diff --git a/.github/workflows/01-get-publish-version.yml b/.github/workflows/01-get-publish-version.yml
@@ -18,7 +18,7 @@ on:
 jobs:
   publish:
     name: Get and save publish version
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     outputs:
       release: ${{ steps.releaseCheck.outputs.release }}
       preRelease: ${{ steps.releaseCheck.outputs.preRelease }}

diff --git a/.github/workflows/01-lint.yml b/.github/workflows/01-lint.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   lint:
     name: Lint
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬️ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/01-test.yml b/.github/workflows/01-test.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   test:
     name: Test
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬️ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/02-e2e-foundations.yml b/.github/workflows/02-e2e-foundations.yml
@@ -14,7 +14,7 @@ permissions:
 jobs:
   playwright-foundations:
     name: 🧪🎭 - foundations
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     container:
       image: mcr.microsoft.com/playwright:v${{ inputs.version }}
     steps:

diff --git a/.github/workflows/02-e2e-regenerate.yml b/.github/workflows/02-e2e-regenerate.yml
@@ -20,7 +20,7 @@ permissions:
 jobs:
   regenerate-snapshots:
     name: 🧪🎭 - Regenerate snapshots ${{ inputs.type }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     container:
       image: mcr.microsoft.com/playwright:v${{ inputs.version }}
     steps:

diff --git a/.github/workflows/02-e2e-showcases.yml b/.github/workflows/02-e2e-showcases.yml
@@ -20,7 +20,7 @@ permissions:
 jobs:
   playwright-showcases:
     name: 🧪🎭 - ${{ inputs.showcase }}:${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     container:
       image: mcr.microsoft.com/playwright:v${{ inputs.version }}
     strategy:

diff --git a/.github/workflows/02-e2e.yml b/.github/workflows/02-e2e.yml
@@ -14,7 +14,7 @@ permissions:
 jobs:
   playwright-ct:
     name: 🧪🎭 - ${{ matrix.framework }}:${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     container:
       image: mcr.microsoft.com/playwright:v${{ inputs.version }}
     strategy:

diff --git a/.github/workflows/03-deploy-gh-pages.yml b/.github/workflows/03-deploy-gh-pages.yml
@@ -16,7 +16,7 @@ on:
 jobs:
   deploy:
     name: Deploy
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/03-publish-packages.yml b/.github/workflows/03-publish-packages.yml
@@ -19,7 +19,7 @@ on:
 jobs:
   publish:
     name: Publish latest package versions to GitHub Packages
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     permissions:
       id-token: write
       contents: write

diff --git a/.github/workflows/99-add-url-comment.yml b/.github/workflows/99-add-url-comment.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   url:
     name: 💬 Add url for gh-page as issue comment to PR
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/99-auto-merge.yml b/.github/workflows/99-auto-merge.yml
@@ -5,7 +5,7 @@ on:
 
 jobs:
   dependabot:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     if: ${{ github.actor == 'dependabot[bot]' }}
     steps:
       - name: ⏬ Dependabot metadata

diff --git a/.github/workflows/99-codeql-analysis.yml b/.github/workflows/99-codeql-analysis.yml
@@ -6,7 +6,7 @@ on:
 jobs:
   analyze:
     name: Analyze
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     strategy:
       fail-fast: false
       matrix:

diff --git a/.github/workflows/99-dependency-review.yml b/.github/workflows/99-dependency-review.yml
@@ -5,7 +5,7 @@ on:
 
 jobs:
   dependency-review:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/99-labeler.yml b/.github/workflows/99-labeler.yml
@@ -5,7 +5,7 @@ on:
 
 jobs:
   triage:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: 🏷️ Labeler
         uses: actions/labeler@v5

diff --git a/.github/workflows/cleanup.yml b/.github/workflows/cleanup.yml
@@ -8,7 +8,7 @@ on:
 jobs:
   clean:
     name: Clean
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

diff --git a/.github/workflows/default.yml b/.github/workflows/default.yml
@@ -191,7 +191,7 @@ jobs:
 
   checks-done:
     if: ${{ always() }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: 🎉 Checks done
         run: |

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -144,7 +144,7 @@ jobs:
 
   checks-done:
     if: ${{ always() }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: 🎉 Checks done
         run: |

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -7,6 +7,7 @@
 		"deque-systems.vscode-axe-linter",
 		"samverschueren.linter-xo",
 		"esbenp.prettier-vscode",
-		"stylelint.vscode-stylelint"
+		"stylelint.vscode-stylelint",
+		"gruntfuggly.todo-tree"
 	]
 }
diff --git a/output/vue/package.json b/output/vue/package.json
@@ -40,7 +40,7 @@
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.49.1",
     "@vitejs/plugin-vue": "^5.2.0",
-    "replace-in-file": "^8.2.0",
+    "replace-in-file": "^8.3.0",
     "tsx": "^4.19.2",
     "typescript": "^5.4.5",
     "vite": "^6.0.3",

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -74,7 +74,7 @@
     "prettier": "^3.4.2",
     "prettier-plugin-pkg": "0.18.1",
     "prettier-plugin-sh": "^0.14.0",
-    "replace-in-file": "^8.2.0",
+    "replace-in-file": "^8.3.0",
     "rimraf": "6.0.1",
     "stylelint": "16.12.0",
     "stylelint-config-sass-guidelines": "12.1.0",

diff --git a/packages/components/src/components/tabs/tabs.lite.tsx b/packages/components/src/components/tabs/tabs.lite.tsx
@@ -138,7 +138,7 @@ export default function DBTabs(props: DBTabsProps) {
 	onMount(() => {
 		state._id = props.id || state._id;
 
-		state._name = props.name || uuid();
+		state._name = `tabs-${props.name || uuid()}`;
 
 		state.initialized = true;
 	});

diff --git a/packages/foundations/scripts/local/generate-icon-overview.ts b/packages/foundations/scripts/local/generate-icon-overview.ts
@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-
 /*
  * This script can be used to update the icon overview for foundation testing.
  */
@@ -32,8 +30,10 @@ const generateIconOverview = () => {
 
 	<body>
 		<div class="icons-overview-container">
-		${ALL_ICONS.map(
-			(icon) => `
+		${
+			/* eslint-disable-next-line @typescript-eslint/no-unsafe-call */
+			ALL_ICONS.map(
+				(icon) => `
 <div data-spacing="small" class="db-card">
 <span
 aria-hidden="true"
@@ -47,7 +47,8 @@ data-semantic="informational"
 >${icon}</span
 >
 </div>`
-		).join('\n')}
+			).join('\n')
+		}
 </div>
 </body>
 </html>`;

diff --git a/packages/migration/package.json b/packages/migration/package.json
@@ -27,7 +27,7 @@
   "dependencies": {
     "commander": "^12.0.0",
     "glob": "^11.0.0",
-    "replace-in-file": "^8.2.0"
+    "replace-in-file": "^8.3.0"
   },
   "devDependencies": {
     "cpr": "3.0.1",

diff --git a/scripts/package.json b/scripts/package.json
@@ -69,6 +69,6 @@
     "@inquirer/prompts": "7.2.0",
     "glob": "^11.0.0",
     "inquirer": "^12.2.0",
-    "replace-in-file": "^8.2.0"
+    "replace-in-file": "^8.3.0"
   }
 }
diff --git a/showcases/patternhub/pages/foundations/colors/color-schemes.tsx b/showcases/patternhub/pages/foundations/colors/color-schemes.tsx
@@ -63,15 +63,15 @@ const ColorOverview = () => {
 				</DBButton>
 				<section className="color-cards">
 					{colors.map((color) => (
-						<div
-							key={color}
-							className={`db-${color}-bg-basic-level-1`}>
-							<DBCard spacing="medium" elevationLevel="3">
-								<DBCard spacing="medium" elevationLevel="2">
-									<DBCard spacing="medium">{color}</DBCard>
-								</DBCard>
+						<DBCard
+							spacing="medium"
+							elevationLevel="3"
+							className={`db-${color}-bg-basic-level-1`}
+							key={color}>
+							<DBCard spacing="medium" elevationLevel="2">
+								<DBCard spacing="medium">{color}</DBCard>
 							</DBCard>
-						</div>
+						</DBCard>
 					))}
 				</section>
 			</div>