Merge branch 'main' into refactor-try-out-new-ubuntu-version

.github/scripts/publish-npm.sh

@@ -17,13 +17,13 @@ echo "goto build-outputs"
 cd build-outputs || exit 1
 
 # TODO: Add other build as well
-for PACKAGE in 'foundations' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
+for PACKAGE in 'foundations' 'migration' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
 	echo "Start $PACKAGE bundle:"
 
 	echo "🆚 Update Version"
 	npm version --no-git-tag-version "$VALID_SEMVER_VERSION" --workspace=@db-ui/"$PACKAGE"
 
-	if [[ $PACKAGE != 'foundations' ]]; then
+	if [[ $PACKAGE != 'foundations' && $PACKAGE != 'migration' ]]; then
 		echo "🕵️‍ Set foundations dependency"
 		npm pkg set dependencies.@db-ui/foundations="$VALID_SEMVER_VERSION" --workspace=@db-ui/"$PACKAGE"
 		if [[ $PACKAGE != 'components' ]]; then
@@ -58,7 +58,7 @@ for REGISTRY in 'GITHUB' 'NPM'; do
 	fi
 
 	# TODO: Add other build as well
-	for PACKAGE in 'foundations' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
+	for PACKAGE in 'foundations' 'migration' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
 		echo "⤴ Publish $PACKAGE with tag $TAG to $REGISTRY"
 		# https://docs.npmjs.com/generating-provenance-statements#example-github-actions-workflow
 		npm publish --tag "$TAG" db-ui-"$PACKAGE"-"$VALID_SEMVER_VERSION".tgz --provenance

.github/workflows/01-build-outputs.yml

@@ -27,6 +27,12 @@ jobs:
           name: db-ui-components-build
           path: packages/components/build
 
+      - name: ⏬ Download migration build
+        uses: actions/download-artifact@v4
+        with:
+          name: db-ui-migration-build
+          path: packages/migration/build
+
       - name: ⏬ Download output
         uses: actions/download-artifact@v4
         with:

.github/workflows/01-build-packages.yml

@@ -36,6 +36,12 @@ jobs:
           name: db-ui-components-build
           path: packages/components/build
 
+      - name: ⏫ Upload migration build
+        uses: actions/upload-artifact@v4
+        with:
+          name: db-ui-migration-build
+          path: packages/migration/build
+
       - name: 💀 Killing me softly
         uses: ./.github/actions/cancel-workflow
         if: failure()

.xo-config.cjs

@@ -1,9 +1,6 @@
 module.exports = {
 	prettier: true,
-	ignores: [
-		'./showcases/nuxt-showcase/**',
-		'./packages/foundations/scripts/**'
-	],
+	ignores: ['./showcases/nuxt-showcase/**', './packages/migration/**'],
 	overrides: [
 		{
 			files: ['./showcases/angular-showcase/**'],

__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -61,16 +61,16 @@
   - text: Number
   - spinbutton "Number": "123456"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / "
+  - text: x_placeholder" / "
   - link "Requirement arrow_up_right\" / \""
   - text: Label
   - textbox "Label"

__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -61,16 +61,16 @@
   - text: Number
   - spinbutton "Number": "123456"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / "
+  - text: x_placeholder" / "
   - link "Requirement arrow_up_right\" / \""
   - text: Label
   - textbox "Label"

__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -61,16 +61,16 @@
   - text: Number
   - spinbutton "Number": "123456"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / "
+  - text: x_placeholder" / "
   - link "Requirement arrow_up_right\" / \""
   - text: Label
   - textbox "Label"

__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -61,16 +61,16 @@
   - text: Number
   - spinbutton "Number": "123456"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / "
+  - text: x_placeholder" / "
   - link "Requirement arrow_up_right\" / \""
   - text: Label
   - textbox "Label"

__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -61,16 +61,16 @@
   - text: Number
   - spinbutton "Number": "123456"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / " Label
+  - text: x_placeholder" / " Label
   - textbox "Label"
   - status
-  - text: db" / "
+  - text: x_placeholder" / "
   - link "Requirement arrow_up_right\" / \""
   - text: Label
   - textbox "Label"

__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml

@@ -112,7 +112,7 @@
     - text: (Default) Text
   - text: (Default) Text
   - status
-  - text: chevron_down" / " db" / " Label
+  - text: chevron_down" / " x_placeholder" / " Label
   - combobox "Label":
     - option "Option 1"
     - option "Option 2"

__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml

@@ -112,7 +112,7 @@
     - text: (Default) Text
   - text: (Default) Text
   - status
-  - text: chevron_down" / " db" / " Label
+  - text: chevron_down" / " x_placeholder" / " Label
   - combobox "Label":
     - option "Option 1"
     - option "Option 2"

__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml

@@ -112,7 +112,7 @@
     - text: (Default) Text
   - text: (Default) Text
   - status
-  - text: chevron_down" / " db" / " Label
+  - text: chevron_down" / " x_placeholder" / " Label
   - combobox "Label":
     - option "Option 1"
     - option "Option 2"

__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml

@@ -112,7 +112,7 @@
     - text: (Default) Text
   - text: (Default) Text
   - status
-  - text: chevron_down" / " db" / " Label
+  - text: chevron_down" / " x_placeholder" / " Label
   - combobox "Label":
     - option "Option 1"
     - option "Option 2"

__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml

@@ -112,7 +112,7 @@
     - text: (Default) Text
   - text: (Default) Text
   - status
-  - text: chevron_down" / " db" / " Label
+  - text: chevron_down" / " x_placeholder" / " Label
   - combobox "Label":
     - option "Option 1"
     - option "Option 2"

__snapshots__/tab-item/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml

@@ -25,15 +25,15 @@
     - tab "(Default) Text": "on"
     - text: (Default) Text
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Text - Icon (Leading)": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Text - Icon (Leading)": "on"
     - text: Text - Icon (Leading)
   - tablist:
-    - tab "Text - Icon (Trailing) db\" / \"": "on"
-    - text: Text - Icon (Trailing) db" / "
+    - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on"
+    - text: Text - Icon (Trailing) x_placeholder" / "
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Icon": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Icon": "on"
     - text: Icon
   - link "Behaviour arrow_up_right\" / \""
   - tablist:

__snapshots__/tab-item/showcase/chromium/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml

@@ -25,15 +25,15 @@
     - tab "(Default) Text": "on"
     - text: (Default) Text
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Text - Icon (Leading)": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Text - Icon (Leading)": "on"
     - text: Text - Icon (Leading)
   - tablist:
-    - tab "Text - Icon (Trailing) db\" / \"": "on"
-    - text: Text - Icon (Trailing) db" / "
+    - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on"
+    - text: Text - Icon (Trailing) x_placeholder" / "
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Icon": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Icon": "on"
     - text: Icon
   - link "Behaviour arrow_up_right\" / \""
   - tablist:

__snapshots__/tab-item/showcase/mobile-chrome/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml

@@ -25,15 +25,15 @@
     - tab "(Default) Text": "on"
     - text: (Default) Text
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Text - Icon (Leading)": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Text - Icon (Leading)": "on"
     - text: Text - Icon (Leading)
   - tablist:
-    - tab "Text - Icon (Trailing) db\" / \"": "on"
-    - text: Text - Icon (Trailing) db" / "
+    - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on"
+    - text: Text - Icon (Trailing) x_placeholder" / "
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Icon": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Icon": "on"
     - text: Icon
   - link "Behaviour arrow_up_right\" / \""
   - tablist:

__snapshots__/tab-item/showcase/mobile-safari/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml

@@ -25,15 +25,15 @@
     - tab "(Default) Text": "on"
     - text: (Default) Text
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Text - Icon (Leading)": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Text - Icon (Leading)": "on"
     - text: Text - Icon (Leading)
   - tablist:
-    - tab "Text - Icon (Trailing) db\" / \"": "on"
-    - text: Text - Icon (Trailing) db" / "
+    - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on"
+    - text: Text - Icon (Trailing) x_placeholder" / "
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Icon": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Icon": "on"
     - text: Icon
   - link "Behaviour arrow_up_right\" / \""
   - tablist:

__snapshots__/tab-item/showcase/webkit/should-have-same-aria-snapshot/DBTabItem-should-have-same-aria-snapshot.yaml

@@ -25,15 +25,15 @@
     - tab "(Default) Text": "on"
     - text: (Default) Text
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Text - Icon (Leading)": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Text - Icon (Leading)": "on"
     - text: Text - Icon (Leading)
   - tablist:
-    - tab "Text - Icon (Trailing) db\" / \"": "on"
-    - text: Text - Icon (Trailing) db" / "
+    - tab "Text - Icon (Trailing) x_placeholder\" / \"": "on"
+    - text: Text - Icon (Trailing) x_placeholder" / "
   - tablist:
-    - text: db" / "
-    - tab "db\" / \" Icon": "on"
+    - text: x_placeholder" / "
+    - tab "x_placeholder\" / \" Icon": "on"
     - text: Icon
   - link "Behaviour arrow_up_right\" / \""
   - tablist:

docs/migration/v0.2.x-to-v0.3.x.md

@@ -22,7 +22,7 @@ We refactored our colors which might add some breaking changes to current projec
 
 ## Automate migration via CLI
 
-We provide a cli tool to auto migrate your source code. Use this command in your repository:
+We provide a CLI tool to auto migrate your source code. Use this command in your repository:
 
 ```shell
 npx @db-ui/[email protected] migration --src=./src

docs/migration/v0.3.x-to-v0.4.x.md

@@ -27,7 +27,7 @@ We refactored our icons which might add some breaking changes to current project
 
 ## Automate migration via CLI
 
-We provide a cli tool to auto migrate your source code. Use this command in your repository:
+We provide a CLI tool to auto migrate your source code. Use this command in your repository:
 
 ```shell
 npx @db-ui/[email protected] migration --type=icon --src=./src

docs/migration/v0.5.x-to-v0.6.x.md

@@ -23,10 +23,10 @@ We changed some properties for components to align with Figma properties:
 
 ## Automate migration via CLI
 
-We provide a cli tool to auto migrate your source code. Use this command in your repository:
+We provide a CLI tool to auto migrate your source code (except for `content` to `text` attribute on `Accordion-Item`). Use this command in your repository:
 
 ```shell
-npx @db-ui/[email protected] migration --type=v005_v006 --src=./src
+npx @db-ui/migration --type=v005_v006 --src=./src
 ```
 
 Please check the changes made in your codebase afterwards, as this is mainly a simple search & replace and there might be unexpected changes of similar wordings to our icon names for any other methods, or further code occurrences that don't even refer to icons.

output/stencil/package.json

@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
-    "@stencil/core": "4.22.3",
+    "@stencil/core": "4.23.0",
     "cem-plugin-expanded-types": "^1.3.2",
     "custom-element-jet-brains-integration": "^1.6.2",
     "custom-element-vs-code-integration": "^1.4.1",