[5.x] Update NPM dependencies

.nvmrc

@@ -1 +1 @@
-v20.10.0
+v24

package.json

@@ -24,57 +24,57 @@
   "devDependencies": {
     "@craftcms/playwright": "file:packages/craftcms-playwright",
     "@craftcms/webpack": "file:packages/craftcms-webpack",
-    "@playwright/test": "^1.52.0",
+    "@playwright/test": "^1.58.2",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.6",
-    "prettier": "3.1.1",
-    "stylelint": "^16.6.1",
-    "stylelint-config-standard": "^36.0.0",
+    "lint-staged": "^16.4.0",
+    "prettier": "3.8.1",
+    "stylelint": "^16.26.1",
+    "stylelint-config-standard": "^36.0.1",
     "stylelint-config-standard-scss": "^13.1.0",
-    "stylelint-prettier": "^5.0.0",
+    "stylelint-prettier": "^5.0.3",
     "stylelint-use-logical-spec": "^5.0.1",
-    "tailwindcss": "^3.0.18",
-    "vue-apexcharts": "^1.6.2"
+    "tailwindcss": "^3.4.19",
+    "vue-apexcharts": "^1.7.0"
   },
   "dependencies": {
     "@benmajor/jquery-touch-events": "^2.0.3",
     "@craftcms/graphiql": "file:packages/craftcms-graphiql",
     "@craftcms/sass": "file:packages/craftcms-sass",
     "@craftcms/vue": "file:packages/craftcms-vue",
-    "@floating-ui/dom": "^1.6.3",
+    "@floating-ui/dom": "^1.7.6",
     "@selectize/selectize": "selectize/selectize.js#master",
-    "@simplewebauthn/browser": "^13.2.0",
-    "@types/jquery": "^3.5.7",
+    "@simplewebauthn/browser": "^13.3.0",
+    "@types/jquery": "^3.5.34",
     "accounting": "^0.4.1",
-    "axios": "^1.12.2",
-    "blueimp-file-upload": "^10.31.0",
-    "codemirror": "^5.65.18",
-    "d3": "^7.8.5",
-    "fabric": "^1.7.19",
-    "htmx.org": "^1.6.1",
-    "iframe-resizer": "^4.3.2",
+    "axios": "^1.13.6",
+    "blueimp-file-upload": "^10.32.0",
+    "codemirror": "^5.65.21",
+    "d3": "^7.9.0",
+    "fabric": "^1.7.22",
+    "htmx.org": "^1.9.12",
+    "iframe-resizer": "^4.4.5",
     "inputmask": "^5.0.9",
-    "jquery": "^3.6.0",
-    "jquery-ui": "^1.14.0",
+    "jquery": "^3.7.1",
+    "jquery-ui": "^1.14.2",
     "jquery.payment": "^3.0.0",
     "picturefill": "^3.0.3",
     "punycode": "^2.3.1",
-    "timepicker": "^1.13.18",
+    "timepicker": "^1.14.1",
     "ttf2woff2": "^5.0.0",
-    "typescript": "^5.3.3",
-    "v-tooltip": "^2.0.3",
-    "velocity-animate": "^1.5.0",
+    "typescript": "^5.9.3",
+    "v-tooltip": "^2.1.3",
+    "velocity-animate": "^1.5.2",
     "vue": "^2.6.14",
     "vue-autosuggest": "^2.2.0",
     "vue-awesome-swiper": "^4.1.1",
     "vue-cleave": "^1.2.2",
-    "vue-lodash": "^1.0.3",
-    "vue-router": "^3.5.4",
+    "vue-lodash": "^1.0.4",
+    "vue-router": "^3.6.5",
     "vuex": "^3.6.2",
-    "xregexp": "^5.1.1",
-    "yii2-pjax": "~2.0.1"
+    "xregexp": "^5.1.2",
+    "yii2-pjax": "~2.0.8"
   },
   "optionalDependencies": {
-    "@awesome.me/kit-ddaed3f5c5": "^1.0.41"
+    "@awesome.me/kit-ddaed3f5c5": "^1.0.74"
   }
 }

packages/craftcms-sass/_mixins.scss

@@ -191,8 +191,8 @@ $menuBorderRadius: $mediumBorderRadius;
 }
 
 @mixin fixed-width-font($size: 0.9em) {
-  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
-    monospace;
+  font-family:
+    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   font-size: $size !important;
 }
 
@@ -848,7 +848,8 @@ $menuBorderRadius: $mediumBorderRadius;
 @mixin checkered-bg($size) {
   // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542
   $halfSize: $size * 0.5;
-  background-image: linear-gradient(
+  background-image:
+    linear-gradient(
       45deg,
       #{color.adjust($grey300, $alpha: -0.75)} 25%,
       transparent 25%

src/web/assets/axios/dist/axios.js.LICENSE.txt

@@ -1 +1,3 @@
-/*! Axios v1.12.2 Copyright (c) 2025 Matt Zabriskie and contributors */
+/*! Axios v1.13.6 Copyright (c) 2026 Matt Zabriskie and contributors */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */

src/web/assets/cp/src/css/_fld.scss

@@ -9,7 +9,8 @@ $gridColor: var(--gray-100);
 
 @mixin workspace-bg {
   background-color: var(--gray-050);
-  background-image: linear-gradient(to right, $gridColor 1px, transparent 0),
+  background-image:
+    linear-gradient(to right, $gridColor 1px, transparent 0),
     linear-gradient(to bottom, $gridColor 1px, transparent 1px);
   background-size: $base $base;
 }
@@ -42,7 +43,8 @@ $gridColor: var(--gray-100);
     padding-block: $base;
     @include workspace-bg;
     background-position: -1px -1px;
-    box-shadow: inset 0 1px 3px -1px color.adjust(mixins.$grey200, $lightness: -10%);
+    box-shadow: inset 0 1px 3px -1px
+      color.adjust(mixins.$grey200, $lightness: -10%);
 
     .fld-tabs {
       display: flex;

src/web/assets/cp/src/css/_global-sidebar.scss

@@ -93,9 +93,9 @@
 
 .nav-item--sub {
   padding-block: 0;
-  grid-template-columns: calc(var(--nav-item-gutter-width) * 3) minmax(0, 1fr) var(
-      --nav-item-gutter-width
-    );
+  grid-template-columns:
+    calc(var(--nav-item-gutter-width) * 3) minmax(0, 1fr)
+    var(--nav-item-gutter-width);
 }
 
 .nav-item__trigger {

src/web/assets/cp/src/css/_preview.scss

@@ -297,7 +297,8 @@
         inset-block-start: 50%;
         inset-inline-start: 50%;
         z-index: 1;
-        background-image: url('../images/preview/chrome-phone-top.svg'),
+        background-image:
+          url('../images/preview/chrome-phone-top.svg'),
           url('../images/preview/chrome-phone-bottom.svg');
         background-position:
           top center,
@@ -312,7 +313,8 @@
       // Tablet
       &.lp-iframe-container--tablet {
         .lp-device-mask {
-          background-image: url('../images/preview/chrome-tablet-top.svg'),
+          background-image:
+            url('../images/preview/chrome-tablet-top.svg'),
             url('../images/preview/chrome-tablet-bottom.svg');
         }
       }

src/web/assets/cp/src/css/_tokens.scss

@@ -45,24 +45,26 @@
   Focus Rings
   */
   --focus-ring-alpha: 0.85;
-  --focus-ring-light: 0 0 0 1px
-      hsl(from var(--focus-outline-light) h s calc(l + 10)),
+  --focus-ring-light:
+    0 0 0 1px hsl(from var(--focus-outline-light) h s calc(l + 10)),
     0 0 0 3px rgb(from var(--focus-outline-light) r g b / 97%);
-  --focus-ring-medium: 0 0 0 1px
-      hsl(from var(--focus-outline-medium) h s calc(l + 10)),
+  --focus-ring-medium:
+    0 0 0 1px hsl(from var(--focus-outline-medium) h s calc(l + 10)),
     0 0 0 3px rgb(from var(--focus-outline-medium) r g b / 97%);
-  --focus-ring-dark: 0 0 0 1px
-      hsl(from var(--focus-outline-dark) h s calc(l + 20)),
+  --focus-ring-dark:
+    0 0 0 1px hsl(from var(--focus-outline-dark) h s calc(l + 20)),
     0 0 0 3px rgb(from var(--focus-outline-dark) r g b / 97%);
   --focus-ring: var(--focus-ring-medium);
-  --focus-ring-outset: 0 0 0 1px currentcolor,
-    0 0 0 3px var(--focus-outline-medium),
+  --focus-ring-outset:
+    0 0 0 1px currentcolor, 0 0 0 3px var(--focus-outline-medium),
     0 0 6px 2px
       hsl(from var(--focus-outline-medium) h s l / var(--focus-ring-alpha));
-  --focus-ring-inner: inset 0 0 0 1px var(--focus-outline-medium),
+  --focus-ring-inner:
+    inset 0 0 0 1px var(--focus-outline-medium),
     inset 0 0 0 3px
       hsl(from var(--focus-outline-medium) h s l / var(--focus-ring-alpha));
-  --focus-ring-inner-light: inset 0 0 0 1px var(--focus-outline-light),
+  --focus-ring-inner-light:
+    inset 0 0 0 1px var(--focus-outline-light),
     inset 0 0 0 3px
       hsl(from var(--focus-outline-light) h s l / var(--focus-ring-alpha));
 

src/web/assets/cp/src/js/CraftTooltip.js

@@ -309,8 +309,7 @@ class CraftTooltip extends HTMLElement {
         top: `${y}px`,
         padding: '0px',
         // Add padding to the static side for accessible hovers
-        [`padding${Craft.uppercaseFirst(this.getStaticSide())}`]:
-          `${this.offset}px`,
+        [`padding${Craft.uppercaseFirst(this.getStaticSide())}`]: `${this.offset}px`,
       });
 
       if (!this.arrowElement) {

src/web/assets/fileupload/webpack.config.js

@@ -10,9 +10,7 @@ module.exports = getConfig({
       new CopyWebpackPlugin({
         patterns: [
           {
-            from: require.resolve(
-              'blueimp-file-upload/js/jquery.fileupload.js'
-            ),
+            from: require.resolve('blueimp-file-upload/js/jquery.fileupload.js'),
           },
         ],
       }),

src/web/assets/iframeresizer/webpack.config.js

@@ -13,9 +13,7 @@ module.exports = getConfig({
             from: require.resolve('iframe-resizer/js/iframeResizer.js'),
           },
           {
-            from: require.resolve(
-              'iframe-resizer/js/iframeResizer.contentWindow.js'
-            ),
+            from: require.resolve('iframe-resizer/js/iframeResizer.contentWindow.js'),
           },
         ],
       }),

src/web/assets/jquerytouchevents/webpack.config.js

@@ -10,9 +10,7 @@ module.exports = getConfig({
       new CopyWebpackPlugin({
         patterns: [
           {
-            from: require.resolve(
-              '@benmajor/jquery-touch-events/src/jquery.mobile-events.min.js'
-            ),
+            from: require.resolve('@benmajor/jquery-touch-events/src/jquery.mobile-events.min.js'),
             to: 'jquery.mobile-events.js',
           },
         ],

src/web/assets/jqueryui/dist/jquery-ui.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
- * jQuery UI Datepicker 1.14.1
+ * jQuery UI Datepicker 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors
@@ -8,7 +8,7 @@
  */
 
 /*!
- * jQuery UI Focusable 1.14.1
+ * jQuery UI Focusable 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors
@@ -17,7 +17,7 @@
  */
 
 /*!
- * jQuery UI Keycode 1.14.1
+ * jQuery UI Keycode 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors
@@ -26,7 +26,7 @@
  */
 
 /*!
- * jQuery UI Mouse 1.14.1
+ * jQuery UI Mouse 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors
@@ -35,7 +35,7 @@
  */
 
 /*!
- * jQuery UI Position 1.14.1
+ * jQuery UI Position 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors
@@ -46,7 +46,7 @@
  */
 
 /*!
- * jQuery UI Scroll Parent 1.14.1
+ * jQuery UI Scroll Parent 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors
@@ -55,7 +55,7 @@
  */
 
 /*!
- * jQuery UI Widget 1.14.1
+ * jQuery UI Widget 1.14.2
  * https://jqueryui.com
  *
  * Copyright OpenJS Foundation and other contributors