Merge branch 'main' into refactor-introducing-typed-css-custom-variables

.github/workflows/00-init.yml

@@ -8,9 +8,6 @@ jobs:
     name: Init
     runs-on: ubuntu-latest
     steps:
-      - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected]
-
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
 

.github/workflows/02-e2e-screen-reader.yml

@@ -19,14 +19,14 @@ jobs:
       fail-fast: false
       matrix:
         os: [macos-13, windows-2022]
-        shardIndex: [1, 2]
-        shardTotal: [2]
+        shardIndex: [1, 2, 3, 4]
+        shardTotal: [4]
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
 
       - name: 🦮 Guidepup Setup
-        uses: guidepup/setup-action@0.16.0
+        uses: guidepup/setup-action@0.17.0
         with:
           record: true
 

.github/workflows/default.yml

@@ -7,6 +7,10 @@ on:
     branches:
       - "main"
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}
+
 jobs:
   init:
     uses: ./.github/workflows/00-init.yml

.husky/pre-commit

@@ -1,6 +1,6 @@
 validate-branch-name
 node scripts/check-commit-mail.js
 lint-staged --config .config/.lintstagedrc.js
-prettier $(git diff --cached --name-only --diff-filter=ACMR | sed 's| |\\ |g') --write --ignore-unknown
+prettier $(git diff --cached --name-only --diff-filter=ACMR | sed 's|( |&)|\\ |g') --write --ignore-unknown
 git update-index --again
 npm run lint:jscpd

README.md

@@ -22,7 +22,7 @@ designers, and content authors build, maintain, and scale best of class digital
 </figure>
 
 > [!WARNING]
-> We currently don't fully support Samsung Internet browser until it adds the following functionalities, that are expected to get integrated later this year (with Version 27):
+> We currently don't fully support Samsung Internet browser until it adds the following functionality with its new version 27, which is expected to get released later this year:
 >
 > -   [CSS: `light-dark()`](https://caniuse.com/mdn-css_types_color_light-dark)
 

e2e/package.json

@@ -23,7 +23,7 @@
     "test:vue-showcase": "npm run test:e2e --workspace=vue-showcase"
   },
   "devDependencies": {
-    "@playwright/test": "1.46.1",
+    "@playwright/test": "1.47.1",
     "cpr": "3.0.1",
     "cross-env": "^7.0.3",
     "dotenv": "^16.0.3",

output/react/package.json

@@ -26,8 +26,8 @@
     "tsc": "tsc -p . --sourceMap false"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-react": "1.46.1",
-    "@types/react": "^18.3.5",
+    "@playwright/experimental-ct-react": "1.47.1",
+    "@types/react": "^18.3.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

output/vue/package.json

@@ -38,16 +38,16 @@
     "test:components": "playwright test -c playwright.config.ts"
   },
   "dependencies": {
-    "vue": "^3.4.38"
+    "vue": "^3.5.6"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.46.1",
-    "@vitejs/plugin-vue": "^5.1.3",
+    "@playwright/experimental-ct-vue": "1.47.1",
+    "@vitejs/plugin-vue": "^5.1.4",
     "replace-in-file": "^8.1.0",
-    "tsx": "^4.19.0",
+    "tsx": "^4.19.1",
     "typescript": "^5.4.5",
-    "vite": "^5.4.2",
-    "vue-tsc": "^2.1.4"
+    "vite": "^5.4.6",
+    "vue-tsc": "^2.1.6"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

output/vue/scripts/fix-any-types.ts

@@ -17,16 +17,22 @@ const replaceAnyTypes = (input: string, component: string) => {
 	const propModel = `DB${transformToUpperComponentName(component)}Props`;
 	let fileContent = input;
 
-	const propLines = fileContent.match(/readonly (.*);/g);
-	for (const propLine of propLines) {
-		const prop = propLine
-			.replace('readonly ', '')
-			.replace('?: any;', '')
-			.replace(': any;', '');
-		fileContent = fileContent.replace(
-			propLine,
-			propLine.replace('any', `${propModel}["${prop}"]`)
-		);
+	const readOnlyLines = fileContent.match(/Readonly<{[\s\S]*?}>/g);
+	for (const roLine of readOnlyLines) {
+		const propLines = roLine.match(/(.*);/g);
+		if (propLines) {
+			propLines.forEach((propLine) => {
+				const prop = propLine
+					.replace('?: any;', '')
+					.replace(': any;', '')
+					.trim();
+				// @ts-ignore
+				fileContent = fileContent.replaceAll(
+					propLine,
+					propLine.replace('any', `${propModel}["${prop}"]`)
+				);
+			});
+		}
 	}
 
 	return `import { ${propModel} } from "./model";\n\n${fileContent}`;