Merge branch 'main' into 3.0-release

Author: nmerget

.config/.lintstagedrc-prettier.js renamed to .config/lint-staged-prettier.config.ts

@@ -1,3 +1,6 @@
+/**
+ * @type {import('lint-staged').Configuration}
+ */
 export default {
 	'**/*': 'prettier --write --ignore-unknown'
 };

.config/.lintstagedrc.js renamed to .config/lint-staged.config.ts

@@ -1,3 +1,6 @@
+/**
+ * @type {import('lint-staged').Configuration}
+ */
 export default {
 	'*.md': 'markdownlint -c .config/.markdown-lint.yml',
 	// In case that we're changing the stylelints configuration files content, we would need to validate it

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

@@ -26,6 +26,14 @@ jobs:
         uses: actions/checkout@v4
 
       - name: 🦮 Guidepup Setup
+        id: setup
+        continue-on-error: true
+        uses: guidepup/[email protected]
+        with:
+          record: true
+
+      - name: 🦮 Guidepup Setup retry
+        if: steps.setup.outcome == 'failure'
         uses: guidepup/[email protected]
         with:
           record: true

.github/workflows/99-self-healing-dependabot-updates.yml

@@ -51,7 +51,7 @@ jobs:
       - name: 🏃 Run Prettier to format the code
         if: env.prettier_update == 'true'
         run: |
-          npm run fmt
+          npm run codestyle
 
       - name: 🚘 Auto commit
         if: env.stylelint_update == 'true' || env.prettier_update == 'true'

.husky/pre-commit

@@ -1,6 +1,6 @@
 validate-branch-name
 node scripts/check-commit-mail.js
-lint-staged --config .config/.lintstagedrc.js
-lint-staged --config .config/.lintstagedrc-prettier.js
+lint-staged --config .config/lint-staged.config.ts
+lint-staged --config .config/lint-staged-prettier.config.ts
 git update-index --again
 npm run lint:jscpd

.stylelintrc.json

@@ -1,7 +1,7 @@
 {
 	"extends": [
 		"stylelint-config-standard",
-		"stylelint-config-sass-guidelines"
+		"stylelint-config-recommended-scss"
 	],
 	"plugins": [
 		"stylelint-use-logical",
@@ -31,42 +31,9 @@
 		"a11y/no-outline-none": true,
 		"a11y/selector-pseudo-class-focus": true,
 		"csstools/use-logical": ["always", { "except": ["float"] }],
-		"max-nesting-depth": null,
-		"scss/dollar-variable-colon-space-after": null,
 		"selector-type-no-unknown": [true, { "ignoreTypes": ["/^db/"] }],
 		"no-descending-specificity": null,
-		"selector-max-compound-selectors": null,
-		"selector-no-qualifying-type": [
-			true,
-			{
-				"ignore": ["attribute"]
-			}
-		],
 		"number-max-precision": null,
-		"annotation-no-unknown": [
-			true,
-			{
-				"ignoreAnnotations": ["default", "global"]
-			}
-		],
-		"declaration-property-value-no-unknown": true,
-		"@stylistic/block-opening-brace-space-before": null,
-		"@stylistic/color-hex-case": null,
-		"@stylistic/declaration-bang-space-after": null,
-		"@stylistic/declaration-bang-space-before": null,
-		"@stylistic/declaration-block-semicolon-newline-after": null,
-		"@stylistic/declaration-block-semicolon-space-before": null,
-		"@stylistic/declaration-block-trailing-semicolon": null,
-		"@stylistic/declaration-colon-space-after": null,
-		"@stylistic/declaration-colon-space-before": null,
-		"@stylistic/function-comma-space-after": null,
-		"@stylistic/function-parentheses-space-inside": null,
-		"@stylistic/indentation": null,
-		"@stylistic/media-feature-parentheses-space-inside": null,
-		"@stylistic/no-missing-end-of-source-newline": null,
-		"@stylistic/number-leading-zero": null,
-		"@stylistic/number-no-trailing-zeros": null,
-		"@stylistic/selector-list-comma-newline-after": null,
-		"@stylistic/string-quotes": null
+		"scss/operator-no-newline-after": null
 	}
 }

__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png

@@ -46,6 +46,10 @@ We'd like to maintain a list of other design systems that might be interesting f
     - React
 - [GOV.UK Design System](https://design-system.service.gov.uk/)
 - [Paste](https://paste.twilio.design/)
+- [Swiss Post](https://github.com/swisspost/design-system):
+    - Web Components / StencilJS
+- [Solid Design](https://github.com/solid-design-system/solid):
+    - Web Components
 
 ## Design System "registries" / overviews
 

docs/research-other-design-systems.md

@@ -32,7 +32,6 @@ Across the surveyed design systems, there is a kind of pattern for tables:
     This ensures maximum accessibility out of the box, since screen readers and keyboard users already understand native table structures.
 
 2. **Progressive Enhancement of Interactivity**
-
     - **Static by Default**: Some systems stick to purely static tables with CSS-based styling (striped rows, borders) and responsive wrappers for horizontal scrolling. Those have no built-in interactivity (sorting, pagination, etc.).
     - **Developer-Driven Features**: Several systems provide core table markup plus optional wrappers or slots for sorting, sticky headers, and scroll controls, leaving the actual user-driven logic to the implementer.
     - **Built-in Data Tables**: Other systems offer rich, pre-wired data table components with pagination, sorting, row selection, expandable rows, and more. These components manage state, callbacks, and ARIA attributes internally.

docs/research/table.md

@@ -10,12 +10,12 @@
     "output/*"
   ],
   "scripts": {
-    "regenerate": "npm-run-all -p regenerate:*",
+    "regenerate": "npm-run-all --parallel regenerate:*",
     "regenerate:components": "npm run regenerate:screenshots --workspace=@db-ux/react-core-components",
     "regenerate:foundations": "npm run regenerate:screenshots --workspace=@db-ux/core-foundations",
     "regenerate:showcases": "npm run regenerate:screenshots --workspace=react-showcase",
     "start": "npx http-server build-showcases",
-    "test": "npm-run-all -p test:*",
+    "test": "npm-run-all --parallel test:*",
     "test:angular-showcase": "npm run test:e2e --workspace=angular-showcase",
     "test:foundations": "npm run test:e2e --workspace=@db-ux/core-foundations",
     "test:react": "npm run test:components --workspace=@db-ux/react-core-components",
@@ -27,11 +27,11 @@
     "@playwright/test": "1.53.2",
     "cpr": "3.0.1",
     "cross-env": "^7.0.3",
-    "dotenv": "^17.0.1",
+    "dotenv": "^17.1.0",
     "http-server": "14.1.1",
     "npm-run-all2": "8.0.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.3.3"
+    "typescript": "^5.8.3"
   },
   "overrides": {
     "cross-spawn": "~7.0.5"