Fix Status Bar being unreadable when the user overrides the default OS light/dark theme. (#32442)

* Remove --cpd-color-gradient-critical-linear

* update package

* update snap

packages/shared-components/package.json

@@ -52,7 +52,7 @@
     "dependencies": {
         "@element-hq/element-web-module-api": "^1.8.0",
         "@matrix-org/spec": "^1.7.0",
-        "@vector-im/compound-design-tokens": "^6.4.3",
+        "@vector-im/compound-design-tokens": "^6.9.0",
         "classnames": "^2.5.1",
         "counterpart": "^0.18.6",
         "lodash": "npm:lodash-es@^4.17.21",

packages/shared-components/src/composer/Banner/Banner.module.css

@@ -5,18 +5,6 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-:root {
-    --cpd-color-gradient-critical-linear: linear-gradient(
-        180deg,
-        var(--cpd-color-alpha-red-500) 0%,
-        var(--cpd-color-alpha-red-400) 20%,
-        var(--cpd-color-alpha-red-300) 40%,
-        var(--cpd-color-alpha-red-200) 60%,
-        var(--cpd-color-alpha-red-100) 80%,
-        var(--cpd-color-transparent) 100%
-    );
-}
-
 .banner {
     container-type: inline-size;
     container-name: banner;

pnpm-lock.yaml

@@ -204,7 +204,7 @@ importers:
         version: 1.0.3
       matrix-js-sdk:
         specifier: github:matrix-org/matrix-js-sdk#develop
-        version: https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/87e1049dae1875e4c9879a0d0fee0fb15effdc38
+        version: https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/47532de4520894122dcf04a2ef9e466984328cde
       matrix-widget-api:
         specifier: ^1.16.1
         version: 1.17.0
@@ -699,7 +699,7 @@ importers:
         specifier: ^1.7.0
         version: 1.16.0
       '@vector-im/compound-design-tokens':
-        specifier: ^6.4.3
+        specifier: ^6.9.0
         version: 6.9.0(@types/react@19.2.10)(react@19.2.4)
       classnames:
         specifier: ^2.5.1
@@ -7465,8 +7465,8 @@ packages:
   matrix-events-sdk@0.0.1:
     resolution: {integrity: sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA==}
 
-  matrix-js-sdk@https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/87e1049dae1875e4c9879a0d0fee0fb15effdc38:
+  matrix-js-sdk@https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/47532de4520894122dcf04a2ef9e466984328cde:
-    resolution: {tarball: https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/87e1049dae1875e4c9879a0d0fee0fb15effdc38}
+    resolution: {tarball: https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/47532de4520894122dcf04a2ef9e466984328cde}
     version: 40.2.0
     engines: {node: '>=22.0.0'}
 
@@ -17854,7 +17854,7 @@ snapshots:
 
   matrix-events-sdk@0.0.1: {}
 
-  matrix-js-sdk@https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/87e1049dae1875e4c9879a0d0fee0fb15effdc38:
+  matrix-js-sdk@https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/47532de4520894122dcf04a2ef9e466984328cde:
     dependencies:
       '@babel/runtime': 7.28.6
       '@matrix-org/matrix-sdk-crypto-wasm': 17.1.0

test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap

@@ -213,12 +213,12 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
       </div>
       <div
         aria-labelledby="_r_ti_"
-        class="_banner_48r66_20"
+        class="_banner_17clp_8"
         data-type="critical"
         role="status"
       >
         <div
-          class="_icon_48r66_63"
+          class="_icon_17clp_51"
         >
           <svg
             fill="currentColor"
@@ -234,7 +234,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
           </svg>
         </div>
         <div
-          class="_content_48r66_51"
+          class="_content_17clp_39"
         >
           <p
             class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 _container_mqidv_1"
@@ -244,7 +244,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
           </p>
         </div>
         <div
-          class="_actions_48r66_83"
+          class="_actions_17clp_71"
         >
           <button
             class="_button_13vu4_8 _container_mqidv_1 _has-icon_13vu4_60"