chore: update dependencies (#2791)

<!-- ## Title: Please consider adding the [skip chromatic] flag to the
PR title in case you dont need chromatic testing your changes. -->
## Description:
Closes: #460
- [x] relevant tickets are linked

---------

Co-authored-by: Mojsoski, Blagoja (UIS) <blagoja.mojsoski@union-investment.de>

Author: balco0110

.github/workflows/check-pr.yml

@@ -12,7 +12,7 @@ jobs:
         runs-on: ubuntu-latest
         if: github.event.pull_request.draft == false
         container:
-            image: mcr.microsoft.com/playwright:v1.57.0-noble
+            image: mcr.microsoft.com/playwright:v1.58.2-noble
         strategy:
           matrix:
             package:

eslint.config.mjs

@@ -9,7 +9,6 @@ import js from '@eslint/js';
 import litA11Y from 'eslint-plugin-lit-a11y';
 import path from 'node:path';
 import sds from '@solid-design-system/eslint-plugin';
-import sortImportsEs6Autofix from 'eslint-plugin-sort-imports-es6-autofix';
 import tsParser from '@typescript-eslint/parser';
 import typescriptEslint from '@typescript-eslint/eslint-plugin';
 
@@ -63,8 +62,7 @@ export default [
       'lit-a11y': litA11Y,
       'chai-expect': chaiExpect,
       'chai-friendly': chaiFriendly,
-      import: fixupPluginRules(_import),
-      'sort-imports-es6-autofix': sortImportsEs6Autofix
+      import: fixupPluginRules(_import)
     },
 
     languageOptions: {
@@ -157,15 +155,6 @@ export default [
 
       'import/no-duplicates': 'warn',
 
-      'sort-imports-es6-autofix/sort-imports-es6': [
-        2,
-        {
-          ignoreCase: true,
-          ignoreMemberSort: false,
-          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single']
-        }
-      ],
-
       'wc/guard-super-call': 'off'
     }
   },

package.json

@@ -36,29 +36,28 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.7",
-    "@eslint/compat": "^1.4.0",
+    "@eslint/compat": "^2.0.2",
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.36.0",
+    "@eslint/js": "^10.0.1",
     "@octokit/rest": "^22.0.0",
     "@solid-design-system/eslint-plugin": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "^8.44.1",
-    "@typescript-eslint/parser": "^8.44.1",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
     "changesets-changelog-clean": "^1.3.0",
-    "eslint": "^9.36.0",
+    "eslint": "^10.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-chai-expect": "^3.1.0",
     "eslint-plugin-chai-friendly": "^1.1.0",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-lit": "^2.1.1",
+    "eslint-plugin-lit": "^2.2.1",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-plugin-storybook": "^9.1.8",
-    "eslint-plugin-wc": "^3.0.1",
-    "globals": "^16.4.0",
-    "globby": "^14.1.0",
+    "eslint-plugin-storybook": "^10.2.8",
+    "eslint-plugin-wc": "^3.1.0",
+    "globals": "^17.3.0",
+    "globby": "^16.1.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.0",
-    "prettier": "^3.6.2"
+    "prettier": "^3.8.1"
   },
   "pnpm": {
     "patchedDependencies": {

packages/components/package.json

@@ -72,59 +72,59 @@
     "postversion": "pnpm build && node scripts/node-write-sizes.mjs"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
+    "@floating-ui/dom": "^1.7.5",
     "@shoelace-style/animations": "^1.2.0",
     "@shoelace-style/localize": "^3.2.1",
     "classix": "^2.2.4",
-    "lit": "^3.3.1",
+    "lit": "^3.3.2",
     "style-observer": "^0.1.2"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.10.8",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
     "@mariohamann/tailwindcss-var": "github:mariohamann/tailwindcss-var",
     "@open-wc/testing": "^4.0.0",
     "@open-wc/testing-helpers": "^3.0.1",
     "@solid-design-system/versioning": "workspace:^",
-    "@tailwindcss/node": "^4.1.12",
-    "@tailwindcss/oxide": "^4.1.12",
-    "@tailwindcss/postcss": "^4.1.11",
+    "@tailwindcss/node": "^4.1.18",
+    "@tailwindcss/oxide": "^4.1.18",
+    "@tailwindcss/postcss": "^4.1.18",
     "@tarekraafat/autocomplete.js": "^10.2.9",
     "@types/mocha": "^10.0.10",
-    "@types/sinon": "^17.0.4",
-    "@web/dev-server-esbuild": "^1.0.4",
+    "@types/sinon": "^21.0.0",
+    "@web/dev-server-esbuild": "^1.0.5",
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.1",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.24",
     "change-case": "^5.4.4",
-    "chokidar": "^4.0.3",
+    "chokidar": "^5.0.0",
     "command-line-args": "^6.0.1",
-    "comment-parser": "^1.4.1",
+    "comment-parser": "^1.4.5",
     "concurrently": "^9.2.1",
     "cssnano": "^7.1.1",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-element-vs-code-integration": "^1.5.0",
     "del": "^8.0.1",
-    "esbuild": "^0.25.10",
+    "esbuild": "^0.27.3",
     "esbuild-plugin-replace": "^1.4.0",
     "esbuild-plugin-tailwindcss": "^2.0.1",
-    "globby": "^15.0.0",
+    "globby": "^16.1.0",
     "gzip-size": "^7.0.0",
     "jsonata": "^2.1.0",
-    "lightningcss": "^1.30.1",
+    "lightningcss": "^1.31.1",
     "lit-html": "^3.3.1",
     "minify-html-literals": "^1.3.5",
-    "ora": "^9.0.0",
+    "ora": "^9.3.0",
     "picocolors": "^1.1.1",
-    "playwright": "^1.55.1",
-    "plop": "^4.0.4",
+    "playwright": "^1.58.2",
+    "plop": "^4.0.5",
     "postcss": "^8.5.6",
     "postcss-import": "^16.1.1",
     "postcss-nested": "^7.0.2",
-    "prettier": "^3.6.2",
+    "prettier": "^3.8.1",
     "recursive-copy": "^2.0.14",
-    "sinon": "^21.0.0",
-    "tailwindcss": "^4.1.13",
+    "sinon": "^21.0.1",
+    "tailwindcss": "^4.1.18",
     "typescript": "5.8.3",
     "user-agent-data-types": "^0.4.2"
   },

packages/components/src/components/combobox/combobox.ts

@@ -702,13 +702,16 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
     const currentOption = this.getCurrentOption();
 
     const currentIndex = filteredOptions.indexOf(currentOption!);
+    // eslint-disable-next-line no-useless-assignment
     let newIndex = Math.max(0, currentIndex);
 
     if (isNext) {
       const nextIndex = currentIndex + 1;
+
       newIndex = nextIndex > filteredOptions.length - 1 ? 0 : nextIndex;
     } else {
       const previousIndex = currentIndex - 1;
+
       newIndex = previousIndex < 0 ? filteredOptions.length - 1 : previousIndex;
     }
     this.setCurrentOption(filteredOptions[newIndex], new KeyboardEvent('keydown'));

packages/components/src/components/datepicker/datepicker.ts

@@ -735,6 +735,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
         this.rangeStart = newStart;
         this.rangeEnd = newEnd;
         this.previewEnd = null;
+        // eslint-disable-next-line no-useless-assignment
         changed = true;
 
         const pivot = rs ?? re ?? this.today;
@@ -1489,7 +1490,7 @@ export default class SdDatepicker extends SolidElement implements SolidFormContr
       }
 
       const fd = DateUtils.startOfDayLocal(next);
-      if (!this.focusedDate || fd.getTime() !== this.focusedDate.getTime()) {
+      if (fd.getTime() !== this.focusedDate?.getTime()) {
         this.focusedDate = fd;
       }
 

packages/components/src/components/popup/popup.ts

@@ -425,6 +425,7 @@ export default class SdPopup extends SolidElement {
         let top = '';
         let right = '';
         let bottom = '';
+        // eslint-disable-next-line no-useless-assignment
         let left = '';
 
         if (this.arrowPlacement === 'start') {

packages/components/src/components/range/range.ts

@@ -509,6 +509,7 @@ export default class SdRange extends SolidElement implements SolidFormControl {
     const currentValue = this._rangeValues.get(rangeId);
     if (currentValue === undefined) return;
 
+    // eslint-disable-next-line no-useless-assignment
     let value = currentValue;
 
     switch (event.key) {
@@ -608,8 +609,8 @@ export default class SdRange extends SolidElement implements SolidFormControl {
       this._rangeValues.set(rangeId, value);
 
       const id = `thumb-${rangeId}`;
-
       let ariaLabel = '';
+      // eslint-disable-next-line no-useless-assignment
       let ariaLabeledBy = '';
 
       if (!isMultiple) {

packages/docs/.storybook/addons/theme-generator/preset.js

@@ -1,12 +1,14 @@
-function previewAnnotations(entry = []) {
-  return [...entry, require.resolve('./preview')];
+import { fileURLToPath } from 'node:url';
+
+export function previewAnnotations(entry = []) {
+  return [...entry, fileURLToPath(import.meta.resolve('./preview.ts'))];
 }
 
-function managerEntries(entry = []) {
-  return [...entry, require.resolve('../manager')];
+export function managerEntries(entry = []) {
+  return [...entry, fileURLToPath(import.meta.resolve('../manager.ts'))];
 }
 
-module.exports = {
+export default {
   managerEntries,
   previewAnnotations
 };

packages/docs/package.json

@@ -39,55 +39,55 @@
     "preview": "http-server dist/storybook --port \"6998\""
   },
   "dependencies": {
-    "@storybook/addon-a11y": "^9.1.8",
+    "@storybook/addon-a11y": "^10.2.8",
     "classix": "^2.2.4",
     "custom-elements-manifest": "^2.1.0",
-    "lit": "^3.3.1",
+    "lit": "^3.3.2",
     "vite-plugin-replace": "^0.1.1"
   },
   "devDependencies": {
     "@open-wc/testing-helpers": "^3.0.1",
     "@rollup/pluginutils": "^5.3.0",
     "@solid-design-system/theming": "workspace:*",
-    "@storybook/addon-themes": "^9.1.5",
-    "@tailwindcss/postcss": "^4.1.13",
-    "@tailwindcss/vite": "^4.1.13",
-    "@storybook/addon-links": "^9.1.8",
-    "@playwright/test": "^1.54.2",
-    "@storybook/test-runner": "^0.23.0",
-    "@storybook/web-components-vite": "^9.1.8",
+    "@storybook/addon-themes": "^10.2.8",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
+    "@storybook/addon-links": "^10.2.8",
+    "@playwright/test": "^1.58.2",
+    "@storybook/test-runner": "^0.24.2",
+    "@storybook/web-components-vite": "^10.2.8",
     "@tarekraafat/autocomplete.js": "^10.2.9",
-    "@types/node": "^24.0.10",
-    "autoprefixer": "^10.4.21",
+    "@types/node": "^25.2.3",
+    "autoprefixer": "^10.4.24",
     "axe-html-reporter": "^2.2.11",
     "axe-playwright": "^2.2.2",
     "change-case": "^5.4.4",
-    "chromatic": "^13.2.1",
-    "comment-parser": "^1.4.1",
+    "chromatic": "^15.1.0",
+    "comment-parser": "^1.4.5",
     "concurrently": "^9.2.1",
     "countup.js": "^2.9.0",
     "cssnano": "^7.1.1",
-    "globby": "^15.0.0",
+    "globby": "^16.1.0",
     "http-server": "^14.1.1",
-    "lit-html": "^3.3.1",
+    "lit-html": "^3.3.2",
     "normalize.css": "^8.0.1",
     "picocolors": "^1.1.1",
     "postcss-nested": "^7.0.2",
     "postcss-import": "^16.1.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
-    "react-dom": "^19.1.1",
-    "storybook": "^9.1.17",
-    "react": "^19.1.1",
-    "tailwindcss": "^4.1.13",
+    "prettier": "^3.8.1",
+    "react-dom": "^19.2.4",
+    "storybook": "^10.2.8",
+    "react": "^19.2.4",
+    "tailwindcss": "^4.1.18",
     "typescript": "5.8.3",
     "user-agent-data-types": "^0.4.2",
-    "vite-node": "^3.2.4",
+    "vite-node": "^5.3.0",
     "vite-plugin-cem": "^0.8.4",
-    "vite-tsconfig-paths": "^5.1.4",
+    "vite-tsconfig-paths": "^6.1.0",
     "wait-on": "^9.0.1",
     "wc-storybook-helpers": "1.5.3",
-    "@storybook/addon-docs": "^9.1.8",
-    "vite": "^7.1.9"
+    "@storybook/addon-docs": "^10.2.8",
+    "vite": "^7.3.1"
   }
 }