dependencies: Upgrade JavaScript dependencies.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

package.json

@@ -1,6 +1,6 @@
 {
   "private": true,
-  "packageManager": "pnpm@8.6.1+sha256.5380612e01e0a3029991d3f329f07429313f4825de47b885b4bb3d1aec9e44e1",
+  "packageManager": "pnpm@8.6.9+sha256.c94450b6623ecedb5e8c7045c7e67cb240bbe88e17660b3d8c57207dfd1eff90",
   "dependencies": {
     "@babel/core": "^7.5.5",
     "@babel/preset-env": "^7.5.5",
@@ -8,7 +8,7 @@
     "@babel/register": "^7.6.2",
     "@formatjs/intl": "^2.0.0",
     "@giphy/js-components": "^5.0.5",
-    "@giphy/js-fetch-api": "^4.0.1",
+    "@giphy/js-fetch-api": "^5.0.0",
     "@sentry/browser": "^7.51.2",
     "@sentry/integrations": "^7.51.2",
     "@uppy/core": "^3.0.2",
@@ -25,7 +25,7 @@
     "clean-css": "^5.1.0",
     "clipboard": "^2.0.4",
     "colord": "^2.9.3",
-    "core-js": "^3.30.1",
+    "core-js": "^3.31.1",
     "css-loader": "^6.2.0",
     "css-minimizer-webpack-plugin": "^5.0.0",
     "date-fns": "^2.16.1",
@@ -60,7 +60,7 @@
     "postcss-import": "^15.0.0",
     "postcss-loader": "^7.0.0",
     "postcss-prefixwrap": "^1.24.0",
-    "postcss-preset-env": "^8.0.1",
+    "postcss-preset-env": "^9.0.0",
     "postcss-simple-vars": "^7.0.0",
     "regenerator-runtime": "^0.13.3",
     "shebang-loader": "^0.0.1",
@@ -100,8 +100,8 @@
     "@types/node": "^18.8.3",
     "@types/sortablejs": "^1.15.1",
     "@types/turndown": "^5.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.1.0",
-    "@typescript-eslint/parser": "^5.0.0",
+    "@typescript-eslint/parser": "^6.1.0",
     "babel-plugin-rewire-ts": "^1.4.0",
     "callsites": "^3.1.0",
     "cldr-annotations-derived-modern": "^43.0.0",
@@ -118,7 +118,7 @@
     "eslint-plugin-formatjs": "^4.0.2",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-no-jquery": "^2.7.0",
-    "eslint-plugin-unicorn": "^47.0.0",
+    "eslint-plugin-unicorn": "^48.0.0",
     "jsdom": "^22.0.0",
     "minimist": "^1.2.6",
     "mkdirp": "^3.0.1",
@@ -126,11 +126,11 @@
     "nyc": "^15.0.0",
     "openapi-examples-validator": "^5.0.0",
     "openapi-types": "^12.0.0",
-    "prettier": "^2.8.4",
+    "prettier": "^3.0.0",
     "puppeteer": "^20.1.2",
     "source-map": "npm:source-map-js@1.0.1",
     "stylelint": "^15.2.0",
-    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard": "^34.0.0",
     "svgo": "^3.0.0",
     "swagger-parser": "^10.0.0",
     "ts-node": "^10.0.0",

stylelint.config.js

@@ -11,6 +11,7 @@ module.exports = {
         ],
 
         // Disable recommended rules we don't comply with yet
+        "media-query-no-invalid": null,
         "no-descending-specificity": null,
 
         // Disable standard rules we don't comply with yet

tools/lint

@@ -164,7 +164,7 @@ def run() -> None:
     )
     linter_config.external_linter(
         "prettier",
-        ["node_modules/.bin/prettier", "--cache", "--check", "--loglevel=warn"],
+        ["node_modules/.bin/prettier", "--cache", "--check", "--log-level=warn"],
         ["css", "flow", "js", "json", "md", "ts", "yaml", "yml"],
         fix_arg=["--write"],
         description="Formats CSS, JavaScript, YAML",

version.py

@@ -48,4 +48,4 @@ API_FEATURE_LEVEL = 195
 #   historical commits sharing the same major version, in which case a
 #   minor version bump suffices.
 
-PROVISION_VERSION = (245, 3)
+PROVISION_VERSION = (246, 0)

web/babel.config.js

@@ -14,7 +14,7 @@ module.exports = {
         [
             "@babel/preset-env",
             {
-                corejs: "3.30",
+                corejs: "3.31",
                 shippedProposals: true,
                 useBuiltIns: "usage",
             },

web/e2e-tests/lib/common.ts

@@ -495,9 +495,9 @@ export async function get_rendered_messages(
             }
 
             const messages = await Promise.all(
-                (
+                (await element.$$(".message_row .message_content")).map(async (message_row) =>
-                    await element.$$(".message_row .message_content")
+                    (await get_element_text(message_row)).trim(),
-                ).map(async (message_row) => (await get_element_text(message_row)).trim()),
+                ),
             );
 
             return [key, messages];

web/styles/alerts.css

@@ -118,7 +118,8 @@ $alert-error-red: hsl(0deg 80% 40%);
         .code-context {
             color: hsl(0deg 7% 15%);
             background-color: hsl(0deg 7% 98%);
-            box-shadow: inset 0 11px 10px -10px hsl(0deg 7% 70%),
+            box-shadow:
+                inset 0 11px 10px -10px hsl(0deg 7% 70%),
                 inset 0 -11px 10px -10px hsl(0deg 7% 70%);
 
             margin-top: 1em;

web/styles/app_components.css

@@ -480,7 +480,8 @@ div.overlay {
 
 .stream-selection-header-colorblock {
     /* box-shadow: 0px 2px 3px hsl(0, 0%, 80%); */
-    box-shadow: inset 0 2px 1px -2px hsl(0deg 0% 20%),
+    box-shadow:
+        inset 0 2px 1px -2px hsl(0deg 0% 20%),
         inset 2px 0 1px -2px hsl(0deg 0% 20%),
         inset 0 -2px 1px -2px hsl(0deg 0% 20%);
     width: 10px;
@@ -1033,14 +1034,17 @@ div.overlay {
     padding: 4px 6px;
     color: hsl(0deg 0% 33%);
     border: 1px solid hsl(0deg 0% 80%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
     border-radius: 4px;
 
     &:focus {
         border-color: hsl(206deg 80% 62% / 80%);
         outline: 0;
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206deg 80% 62% / 60%);
     }
 }

web/styles/dark_theme.css

@@ -174,8 +174,10 @@
     .tippy-box[data-theme="dropdown-widget"] {
         background-color: hsl(240deg 5% 16%);
         border: 1px solid hsl(0deg 0% 0%);
-        box-shadow: 0 7px 13px hsl(0deg 0% 0% / 35%),
+        box-shadow:
-            0 5px 8px hsl(0deg 0% 0% / 32%), 0 2px 4px hsl(0deg 0% 0% / 20%);
+            0 7px 13px hsl(0deg 0% 0% / 35%),
+            0 5px 8px hsl(0deg 0% 0% / 32%),
+            0 2px 4px hsl(0deg 0% 0% / 20%);
     }
 
     .dropdown-list-container .dropdown-list .list-item {
@@ -1237,7 +1239,8 @@
             .code-context {
                 color: hsl(314deg 27% 82%);
                 background-color: hsl(312deg 7% 14%);
-                box-shadow: inset 0 11px 10px -10px hsl(0deg 0% 6%),
+                box-shadow:
+                    inset 0 11px 10px -10px hsl(0deg 0% 6%),
                     inset 0 -11px 10px -10px hsl(0deg 0% 6%);
 
                 .line-number {

web/styles/modal.css

@@ -367,14 +367,17 @@
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
     margin-bottom: 10px;
     width: 206px;
 
     &:focus {
         border-color: hsl(206deg 80% 62% / 80%);
         outline: 0;
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206deg 80% 62% / 60%);
     }
 }

web/styles/popovers.css

@@ -29,8 +29,10 @@
     border-radius: 6px;
     background-color: hsl(240deg 20% 98%);
     border: 1px solid hsl(0deg 0% 0% / 40%);
-    box-shadow: 0 7px 13px hsl(0deg 0% 0% / 15%),
+    box-shadow:
-        0 5px 8px hsl(0deg 0% 0% / 12%), 0 2px 4px hsl(0deg 0% 0% / 10%);
+        0 7px 13px hsl(0deg 0% 0% / 15%),
+        0 5px 8px hsl(0deg 0% 0% / 12%),
+        0 2px 4px hsl(0deg 0% 0% / 10%);
 
     .tippy-content {
         font-size: 14px;

web/styles/portico/activity.css

@@ -80,13 +80,16 @@ tr.admin td:first-child {
         border: 1px solid hsl(0deg 0% 80%);
         color: hsl(0deg 0% 33%);
         margin-bottom: 10px;
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
         box-shadow: inset 0 1px 1px hsla(0deg 0% 0% / 7.5%);
 
         &:focus {
             border-color: hsl(206deg 80% 62% / 80%);
             outline: 0;
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206.494deg 80% 62% / 60%);
         }
     }
@@ -166,13 +169,16 @@ tr.admin td:first-child {
     border-radius: 15px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
     color: hsl(0deg 0% 33%);
 
     &:focus {
         border-color: hsl(206deg 80% 62% / 80%);
         outline: 0;
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206.494deg 80% 62% / 60%);
     }
 }

web/styles/portico/billing.css

@@ -350,13 +350,16 @@ input[name="licenses"] {
         border: 1px solid hsl(0deg 0% 80%);
         color: hsl(0deg 0% 33%);
         margin-bottom: 10px;
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
         box-shadow: inset 0 1px 1px hsla(0deg 0 0 / 7.5%);
 
         &:focus {
             border-color: hsl(206deg 80% 62% / 80%);
             outline: 0;
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206.494deg 80% 62% / 60%);
         }
     }
@@ -379,13 +382,16 @@ input[name="licenses"] {
         line-height: 20px;
 
         box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
 
         &:focus {
             border-color: hsl(206.5deg 80% 62% / 80%);
             outline: 0;
 
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206.5deg 80% 62% / 60%);
 
             &:invalid {

web/styles/portico/email_log.css

@@ -41,14 +41,17 @@
             border-radius: 4px;
             border: 1px solid hsl(0deg 0% 80%);
             box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-            transition: border linear 0.2s, box-shadow linear 0.2s;
+            transition:
+                border linear 0.2s,
+                box-shadow linear 0.2s;
             margin-bottom: 10px;
             width: 206px;
 
             &:focus {
                 border-color: hsl(206deg 80% 62% / 80%);
                 outline: 0;
-                box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+                box-shadow:
+                    inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                     0 0 8px hsl(206deg 80% 62% / 60%);
             }
         }

web/styles/portico/integrations.css

@@ -122,7 +122,9 @@ $category-text: hsl(219deg 23% 33%);
                     display: block;
                     color: hsl(0deg 0% 33%);
                     margin-bottom: 10px;
-                    transition: border linear 0.2s, box-shadow linear 0.2s;
+                    transition:
+                        border linear 0.2s,
+                        box-shadow linear 0.2s;
 
                     &:focus {
                         border: 1px solid $border-green;

web/styles/portico/integrations_dev_panel.css

@@ -23,13 +23,16 @@
         font-size: 14px;
 
         box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
 
         &:focus {
             border-color: hsl(206.5deg 80% 62% / 80%);
             outline: 0;
 
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206.5deg 80% 62% / 60%);
         }
 
@@ -64,13 +67,16 @@
         border-radius: 4px;
         border: 1px solid hsl(0deg 0% 80%);
         box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
         margin-bottom: 10px;
 
         &:focus {
             border-color: hsl(206deg 80% 62% / 80%);
             outline: 0;
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206deg 80% 62% / 60%);
         }
     }

web/styles/portico/landing_page.css

@@ -582,7 +582,8 @@ button {
             font-size: 1.5em;
             font-weight: 300;
             line-height: 1.4;
-            text-shadow: 0 0 5px hsl(164deg 74% 15% / 30%),
+            text-shadow:
+                0 0 5px hsl(164deg 74% 15% / 30%),
                 0 0 20px hsl(0deg 0% 100% / 20%);
         }
 
@@ -3572,7 +3573,9 @@ button {
     letter-spacing: 2px;
     text-transform: uppercase;
     overflow: hidden;
-    transition: border-color 0.3s, background-color 0.3s;
+    transition:
+        border-color 0.3s,
+        background-color 0.3s;
     transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
     font-weight: 700;
     padding: 15px 5px;
@@ -4016,7 +4019,8 @@ button {
                 flex-direction: column;
                 width: 40vw;
                 height: 350px;
-                box-shadow: 0 1px 1px 0 hsl(193deg 100% 7.1% / 30%),
+                box-shadow:
+                    0 1px 1px 0 hsl(193deg 100% 7.1% / 30%),
                     1px 1px 1px 0 hsl(193deg 100% 7.1% / 15%),
                     -1px 1px 1px 0 hsl(193deg 100% 7.1% / 15%);
 

web/styles/portico/navbar.css

@@ -109,7 +109,9 @@
 }
 
 .top-menu-tab-input:checked + label {
-    transition: background, color 0.2s;
+    transition:
+        background,
+        color 0.2s;
     background: hsl(240deg 100% 10% / 60%);
     color: hsl(0deg 0% 100%);
     pointer-events: none;
@@ -359,7 +361,9 @@
     font-size: 20px;
     line-height: 28px;
     letter-spacing: 0.02em;
-    font-feature-settings: "pnum" on, "lnum" on;
+    font-feature-settings:
+        "pnum" on,
+        "lnum" on;
     color: hsl(0deg 0% 100% / 80%);
 
     transition: all 0.2;
@@ -553,7 +557,9 @@
     background-repeat: no-repeat;
     background-size: 32px;
     background-position: right;
-    transition: background, letter-spacing 0.2s;
+    transition:
+        background,
+        letter-spacing 0.2s;
 }
 
 .top-menu-mobile-summary:active::after {

web/styles/portico/portico_signin.css

@@ -203,7 +203,9 @@ html {
         margin: 0;
         width: auto;
 
-        transition: color 0.3s ease, border 0.3s ease;
+        transition:
+            color 0.3s ease,
+            border 0.3s ease;
 
         &:hover {
             color: hsl(156deg 62% 61%);
@@ -837,7 +839,9 @@ button.login-social-button {
     background-repeat: no-repeat;
     background-position: 13px 50%;
     background-color: hsl(0deg 0% 100%);
-    box-shadow: 0 1px 3px hsl(0deg 0% 0% / 30%), 0 0 5px hsl(0deg 0% 0% / 10%);
+    box-shadow:
+        0 1px 3px hsl(0deg 0% 0% / 30%),
+        0 0 5px hsl(0deg 0% 0% / 10%);
     margin-left: 0;
     margin-top: 0;
 

web/styles/rendered_markdown.css

@@ -254,14 +254,18 @@
         .spoiler-content {
             overflow: hidden;
             border-top: hsl(0deg 0% 50%) 0 solid;
-            transition: height 0.4s ease-in-out, border-top 0.4s step-end,
+            transition:
+                height 0.4s ease-in-out,
+                border-top 0.4s step-end,
                 padding 0.4s step-end;
             padding: 0;
             height: 0;
 
             &.spoiler-content-open {
                 border-top: hsl(0deg 0% 50%) 1px solid;
-                transition: height 0.4s ease-in-out, border-top 0.4s step-start,
+                transition:
+                    height 0.4s ease-in-out,
+                    border-top 0.4s step-start,
                     padding 0.4s step-start;
                 padding: 5px;
                 height: auto;

web/styles/settings.css

@@ -1445,12 +1445,15 @@ $option_title_width: 180px;
     padding: 4px 6px;
     color: hsl(0deg 0% 33%);
     border: 1px solid hsl(0deg 0% 80%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
 
     &:focus {
         border-color: hsl(206deg 80% 62% / 80%);
         outline: 0;
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206deg 80% 62% / 60%);
     }
 }
@@ -1714,7 +1717,8 @@ $option_title_width: 180px;
             outline: 0;
             outline: 1px dotted \9;
 
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206deg 80% 62% / 60%);
         }
     }
@@ -1762,13 +1766,16 @@ $option_title_width: 180px;
     padding: 4px 6px;
 
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
 
     &:focus {
         border-color: hsl(206.5deg 80% 62% / 80%);
         outline: 0;
 
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206.5deg 80% 62% / 60%);
     }
 
@@ -1981,7 +1988,9 @@ $option_title_width: 180px;
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
     margin-bottom: 10px;
 
     /* 311px + 2 * 6px (padding) + 2 * 1px (border) = 325px (min width of select
@@ -1991,7 +2000,8 @@ $option_title_width: 180px;
     &:focus {
         border-color: hsl(206deg 80% 62% / 80%);
         outline: 0;
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206deg 80% 62% / 60%);
     }
 }

web/styles/widgets.css

@@ -103,14 +103,17 @@
     & input[type="text"] {
         border: 1px solid hsl(0deg 0% 80%);
         box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
         border-radius: 4px;
         color: hsl(0deg 0% 33%);
 
         &:focus {
             border-color: hsl(206deg 80% 62% / 80%);
             outline: 0;
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206deg 80% 62% / 60%);
         }
     }

web/styles/zulip.css

@@ -1112,7 +1112,9 @@ td.pointer {
     text-align: right;
     opacity: 0.8;
     color: var(--color-text-default);
-    font-feature-settings: "pnum" on, "lnum" on;
+    font-feature-settings:
+        "pnum" on,
+        "lnum" on;
     letter-spacing: 0.02em;
     /* Disable blue link styling for the message timestamp link. */
     &:hover {
@@ -1284,7 +1286,8 @@ td.pointer {
         /* Add box shadow to hide message border (first one) and message
            selected box shadow (second one) that are visible
            due to top borders of sticky recipient bar being curved. */
-        box-shadow: -1px -5px 0 5px var(--color-background),
+        box-shadow:
+            -1px -5px 0 5px var(--color-background),
             1px -5px 0 0 var(--color-background);
 
         & a.message_label_clickable {
@@ -1509,7 +1512,8 @@ td.pointer {
 .message_header_private_message {
     /* This is required for box-shadow appear above the message content. */
     z-index: 1;
-    box-shadow: -1px -5px 0 5px var(--color-background),
+    box-shadow:
+        -1px -5px 0 5px var(--color-background),
         1px -5px 0 0 var(--color-background);
     background-color: var(--color-background);
 
@@ -1770,12 +1774,15 @@ div.focused_table {
         color: hsl(0deg 0% 33%);
         border-radius: 4px;
         border: 1px solid hsl(0deg 0% 80%);
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
 
         &:focus {
             border-color: hsl(206deg 80% 62% / 80%);
             outline: 0;
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206deg 80% 62% / 60%);
         }
     }
@@ -2391,13 +2398,16 @@ textarea.invitee_emails {
     padding: 4px 6px;
 
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
 
     &:focus {
         border-color: hsl(206.5deg 80% 62% / 80%);
         outline: 0;
 
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206.5deg 80% 62% / 60%);
     }
 
@@ -2471,12 +2481,15 @@ select.invite-as {
     border-radius: 4px;
     border: 1px solid hsl(0deg 0% 80%);
     box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-    transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition:
+        border linear 0.2s,
+        box-shadow linear 0.2s;
 
     &:focus {
         border-color: hsl(206deg 80% 62% / 80%);
         outline: 0;
-        box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+        box-shadow:
+            inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
             0 0 8px hsl(206deg 80% 62% / 60%);
     }
 }
@@ -2652,13 +2665,16 @@ select.invite-as {
         margin-bottom: 10px;
 
         box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
-        transition: border linear 0.2s, box-shadow linear 0.2s;
+        transition:
+            border linear 0.2s,
+            box-shadow linear 0.2s;
 
         &:focus {
             border-color: hsl(206.5deg 80% 62% / 80%);
             outline: 0;
 
-            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+            box-shadow:
+                inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                 0 0 8px hsl(206.5deg 80% 62% / 60%);
         }
 
@@ -3022,7 +3038,9 @@ select.invite-as {
     right: 0;
     visibility: hidden;
     opacity: 0;
-    transition: visibility 500ms, opacity 500ms ease-in-out;
+    transition:
+        visibility 500ms,
+        opacity 500ms ease-in-out;
 
     &.show {
         visibility: visible;

web/tests/compose_validate.test.js

@@ -767,7 +767,7 @@ test_ui("warn_if_mentioning_unsubscribed_user", ({override, override_rewire, moc
         ({
             "user-id": "34",
             "stream-id": "111",
-        }[key]);
+        })[key];
     $("#compose_banners .recipient_not_subscribed").length = 1;
     $("#compose_banners .recipient_not_subscribed")[0] = $warning_row;