Update critical gradient for room status bar (#32575)

* Update critical gradient for room status bar

As per design request, this has been updated to be much more subtle
https://github.com/element-hq/compound-design-tokens/pull/232

* update shared-component

* Cleanup

* Update snaps

* description fix color

* More cleanup

* Use the correct border color

* new snaps

* fix border, button placement, fonts etc

* update lock

* Update status bar

* Update playwright snaps

* Update snap icon

* Update other banners

* update snap

* fixup
This commit is contained in:
Will Hunt
2026-02-26 15:10:54 +00:00
committed by GitHub
parent 26a3d75d4d
commit f82a3ef1bb
28 changed files with 94 additions and 87 deletions
+11 -11
View File
@@ -19,8 +19,8 @@ catalogs:
specifier: 1.58.2
version: 1.58.2
'@vector-im/compound-design-tokens':
specifier: 6.9.0
version: 6.9.0
specifier: 6.10.0
version: 6.10.0
'@vector-im/compound-web':
specifier: 8.3.6
version: 8.3.6
@@ -172,10 +172,10 @@ importers:
version: 1.0.2
'@vector-im/compound-design-tokens':
specifier: 'catalog:'
version: 6.9.0(@types/react@19.2.10)(react@19.2.4)
version: 6.10.0(@types/react@19.2.10)(react@19.2.4)
'@vector-im/compound-web':
specifier: 'catalog:'
version: 8.3.6(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@6.9.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 8.3.6(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@6.10.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@vector-im/matrix-wysiwyg':
specifier: 2.40.0
version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.4)
@@ -770,7 +770,7 @@ importers:
version: 1.16.0
'@vector-im/compound-design-tokens':
specifier: 'catalog:'
version: 6.9.0(@types/react@19.2.10)(react@19.2.4)
version: 6.10.0(@types/react@19.2.10)(react@19.2.4)
classnames:
specifier: ^2.5.1
version: 2.5.1
@@ -861,7 +861,7 @@ importers:
version: 8.55.0(eslint@8.57.1)(typescript@5.9.3)
'@vector-im/compound-web':
specifier: 'catalog:'
version: 8.3.6(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@6.9.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
version: 8.3.6(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@6.10.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@vitejs/plugin-react':
specifier: ^5.1.2
version: 5.1.4(vite@7.3.1(@types/node@24.10.13)(jiti@2.6.1)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2))
@@ -4605,8 +4605,8 @@ packages:
cpu: [x64]
os: [win32]
'@vector-im/compound-design-tokens@6.9.0':
resolution: {integrity: sha512-LFmJW77wdV/b8ii/R2nrpge4ewtM/tSC3krDGFhENVNgYqbKUz00adZhKXAufJANxzGdAd4PsiFGa16YRlVLrQ==}
'@vector-im/compound-design-tokens@6.10.0':
resolution: {integrity: sha512-2dg0Rv1J5xlPNfUW5EX6wIMUmTlkqScmXKxytKwfIPrVZzMTgpbktblU1dU8KcNJ6ga+a6SzpR7bPNu8tOOTbQ==}
peerDependencies:
'@types/react': ^19.2.10
react: ^17 || ^18 || ^19.0.0
@@ -14853,12 +14853,12 @@ snapshots:
'@unrs/resolver-binding-win32-x64-msvc@1.11.1':
optional: true
'@vector-im/compound-design-tokens@6.9.0(@types/react@19.2.10)(react@19.2.4)':
'@vector-im/compound-design-tokens@6.10.0(@types/react@19.2.10)(react@19.2.4)':
optionalDependencies:
'@types/react': 19.2.10
react: 19.2.4
'@vector-im/compound-web@8.3.6(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@6.9.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
'@vector-im/compound-web@8.3.6(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(@vector-im/compound-design-tokens@6.10.0(@types/react@19.2.10)(react@19.2.4))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
dependencies:
'@floating-ui/react': 0.27.17(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@fontsource/inconsolata': 5.2.8
@@ -14869,7 +14869,7 @@ snapshots:
'@radix-ui/react-progress': 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@radix-ui/react-separator': 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
'@radix-ui/react-slot': 1.2.4(@types/react@19.2.10)(react@19.2.4)
'@vector-im/compound-design-tokens': 6.9.0(@types/react@19.2.10)(react@19.2.4)
'@vector-im/compound-design-tokens': 6.10.0(@types/react@19.2.10)(react@19.2.4)
classnames: 2.5.1
react: 19.2.4
vaul: 1.1.2(@types/react-dom@19.2.3(@types/react@19.2.10))(@types/react@19.2.10)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)