sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Update to compound-web 9.7.0 (#33967)

Browse Source 
* Update to compound-web 9.7.0

* Update snapshots for compound-web 9.7.0 toast markup

The 9.7.0 Toast moves typography classes from .toast-container to .content
and rebuilds CSS-module hashes, so the RoomListToast unit snapshots, the
storybook visual baselines, and the room-list e2e screenshots needed
regenerating.

* Update blurhash screenshot

* Revert "Update blurhash screenshot"

This reverts commit 6eacecc1ed7459f6d34ac59313f85b467ab3e52c.
This commit is contained in:
David Langley
2026-06-26 11:00:33 +00:00
committed by GitHub
parent 1f83ba4bbb
commit c4b12cbb4c
10 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-custom-sections.spec.ts/room-list-sections-chat-moved-toast-linux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-collapsed-linux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

apps/web/playwright/snapshots/left-panel/room-list-panel/room-list-sections.spec.ts/room-list-sections-linux.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 18 KiB

packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/chat-moved-auto.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/section-created-auto.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 21 KiB

packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/toast-auto.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 63 KiB

packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap
+6 -6
View File
@@ -6,16 +6,16 @@ exports[`<RoomListToast /> > renders ChatMoved story 1`] = `
style="position: relative; width: 320px; height: 100px; background-color: grey;" style="position: relative; width: 320px; height: 100px; background-color: grey;"
> >
<div <div
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _toast-container_1ysb3_8 RoomListToast-module_toast _has-close_1ysb3_30" class="_toast-container_1jkz7_8 RoomListToast-module_toast _has-close_1jkz7_59"
> >
<div <div
class="_content_1ysb3_34" class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
> >
Chat moved Chat moved
</div> </div>
<button <button
aria-labelledby="react-use-id-1" aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 _close_1ysb3_41 _no-background_1215g_42" class="_icon-button_1215g_8 _close_1jkz7_75 _no-background_1215g_42"
data-kind="secondary" data-kind="secondary"
role="button" role="button"
style="--cpd-icon-button-size: 24px;" style="--cpd-icon-button-size: 24px;"
@@ -49,16 +49,16 @@ exports[`<RoomListToast /> > renders SectionCreated story 1`] = `
style="position: relative; width: 320px; height: 100px; background-color: grey;" style="position: relative; width: 320px; height: 100px; background-color: grey;"
> >
<div <div
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _toast-container_1ysb3_8 RoomListToast-module_toast _has-close_1ysb3_30" class="_toast-container_1jkz7_8 RoomListToast-module_toast _has-close_1jkz7_59"
> >
<div <div
class="_content_1ysb3_34" class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
> >
Section created Section created
</div> </div>
<button <button
aria-labelledby="react-use-id-1" aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 _close_1ysb3_41 _no-background_1215g_42" class="_icon-button_1215g_8 _close_1jkz7_75 _no-background_1215g_42"
data-kind="secondary" data-kind="secondary"
role="button" role="button"
style="--cpd-icon-button-size: 24px;" style="--cpd-icon-button-size: 24px;"
packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap
+3 -3
View File
@@ -16999,16 +16999,16 @@ exports[`<RoomListView /> > renders Toast story 1`] = `
</div> </div>
</div> </div>
<div <div
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _toast-container_1ysb3_8 RoomListToast-module_toast _has-close_1ysb3_30" class="_toast-container_1jkz7_8 RoomListToast-module_toast _has-close_1jkz7_59"
> >
<div <div
class="_content_1ysb3_34" class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
> >
Section created Section created
</div> </div>
<button <button
aria-labelledby="react-use-id-82" aria-labelledby="react-use-id-82"
class="_icon-button_1215g_8 _close_1ysb3_41 _no-background_1215g_42" class="_icon-button_1215g_8 _close_1jkz7_75 _no-background_1215g_42"
data-kind="secondary" data-kind="secondary"
role="button" role="button"
style="--cpd-icon-button-size: 24px;" style="--cpd-icon-button-size: 24px;"
pnpm-lock.yaml
Generated
+7 -7
View File
@@ -215,8 +215,8 @@ catalogs:
specifier: 10.2.1 specifier: 10.2.1
version: 10.2.1 version: 10.2.1
'@vector-im/compound-web': '@vector-im/compound-web':
specifier: 9.6.0 specifier: 9.7.0
version: 9.6.0 version: 9.7.0
'@vitejs/plugin-react': '@vitejs/plugin-react':
specifier: 6.0.2 specifier: 6.0.2
version: 6.0.2 version: 6.0.2
@@ -542,7 +542,7 @@ importers:
version: 10.2.1(@types/react@19.2.14)(react@19.2.7) version: 10.2.1(@types/react@19.2.14)(react@19.2.7)
'@vector-im/compound-web': '@vector-im/compound-web':
specifier: 'catalog:' specifier: 'catalog:'
version: 9.6.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7) version: 9.7.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
'@vector-im/matrix-wysiwyg': '@vector-im/matrix-wysiwyg':
specifier: 2.40.0 specifier: 2.40.0
version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.7) version: 2.40.0(patch_hash=7bdf6150f2905bc2f055a6bcaa7b9d78fa7ffde82e800bcc454ac7b0096bd65e)(react@19.2.7)
@@ -1546,7 +1546,7 @@ importers:
version: 8.61.0(eslint@8.57.1)(typescript@6.0.3) version: 8.61.0(eslint@8.57.1)(typescript@6.0.3)
'@vector-im/compound-web': '@vector-im/compound-web':
specifier: 'catalog:' specifier: 'catalog:'
version: 9.6.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7) version: 9.7.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
'@vitejs/plugin-react': '@vitejs/plugin-react':
specifier: 'catalog:' specifier: 'catalog:'
version: 6.0.2(vite@8.0.16(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.48.0)(yaml@2.8.4)) version: 6.0.2(vite@8.0.16(@types/node@25.9.3)(esbuild@0.27.4)(jiti@2.7.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.48.0)(yaml@2.8.4))
@@ -6548,8 +6548,8 @@ packages:
'@types/react': '@types/react':
optional: true optional: true
'@vector-im/compound-web@9.6.0': '@vector-im/compound-web@9.7.0':
resolution: {integrity: sha512-J0bf99N3+C3/BasdBXNj1m3HZoGt7ttV5BcSmeNIPni5aONbrFVAYkjOmKGeEJViskghDDNcAXZQooI2SSsB+g==} resolution: {integrity: sha512-X8LS9qtxBVynoQ9vmpqassjrxe8zier3EhFYbhYjb+ygZlls6uGj3m73OW6H/8LaaG2JQhNp99ISq5YvMuBRzg==}
peerDependencies: peerDependencies:
'@fontsource/inconsolata': ^5 '@fontsource/inconsolata': ^5
'@fontsource/inter': ^5 '@fontsource/inter': ^5
@@ -19545,7 +19545,7 @@ snapshots:
- '@types/react-dom' - '@types/react-dom'
- react-dom - react-dom
'@vector-im/compound-web@9.6.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)': '@vector-im/compound-web@9.7.0(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)':
dependencies: dependencies:
'@floating-ui/react': 0.27.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7) '@floating-ui/react': 0.27.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
'@fontsource/inconsolata': 5.2.8 '@fontsource/inconsolata': 5.2.8
pnpm-workspace.yaml
+1 -1
View File
@@ -23,7 +23,7 @@ catalog:
"playwright-core": 1.60.0 "playwright-core": 1.60.0
# Compound # Compound
"@vector-im/compound-design-tokens": 10.2.1 "@vector-im/compound-design-tokens": 10.2.1
"@vector-im/compound-web": 9.6.0 "@vector-im/compound-web": 9.7.0
# i18n # i18n
matrix-web-i18n: 3.6.0 matrix-web-i18n: 3.6.0
# fonts # fonts