Update to compound-web 9.7.0 (#33967)
* 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.
David Langley
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 63 KiB |
@@ -6,16 +6,16 @@ exports[`<RoomListToast /> > renders ChatMoved story 1`] = `
|
||||
style="position: relative; width: 320px; height: 100px; background-color: grey;"
|
||||
>
|
||||
<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
|
||||
class="_content_1ysb3_34"
|
||||
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
|
||||
>
|
||||
Chat moved
|
||||
</div>
|
||||
<button
|
||||
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"
|
||||
role="button"
|
||||
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;"
|
||||
>
|
||||
<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
|
||||
class="_content_1ysb3_34"
|
||||
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
|
||||
>
|
||||
Section created
|
||||
</div>
|
||||
<button
|
||||
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"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 24px;"
|
||||
|
||||
@@ -16999,16 +16999,16 @@ exports[`<RoomListView /> > renders Toast story 1`] = `
|
||||
</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
|
||||
class="_content_1ysb3_34"
|
||||
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _content_1jkz7_68"
|
||||
>
|
||||
Section created
|
||||
</div>
|
||||
<button
|
||||
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"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 24px;"
|
||||
|
||||
@@ -215,8 +215,8 @@ catalogs:
|
||||
specifier: 10.2.1
|
||||
version: 10.2.1
|
||||
'@vector-im/compound-web':
|
||||
specifier: 9.6.0
|
||||
version: 9.6.0
|
||||
specifier: 9.7.0
|
||||
version: 9.7.0
|
||||
'@vitejs/plugin-react':
|
||||
specifier: 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)
|
||||
'@vector-im/compound-web':
|
||||
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':
|
||||
specifier: 2.40.0
|
||||
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)
|
||||
'@vector-im/compound-web':
|
||||
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':
|
||||
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))
|
||||
@@ -6548,8 +6548,8 @@ packages:
|
||||
'@types/react':
|
||||
optional: true
|
||||
|
||||
'@vector-im/compound-web@9.6.0':
|
||||
resolution: {integrity: sha512-J0bf99N3+C3/BasdBXNj1m3HZoGt7ttV5BcSmeNIPni5aONbrFVAYkjOmKGeEJViskghDDNcAXZQooI2SSsB+g==}
|
||||
'@vector-im/compound-web@9.7.0':
|
||||
resolution: {integrity: sha512-X8LS9qtxBVynoQ9vmpqassjrxe8zier3EhFYbhYjb+ygZlls6uGj3m73OW6H/8LaaG2JQhNp99ISq5YvMuBRzg==}
|
||||
peerDependencies:
|
||||
'@fontsource/inconsolata': ^5
|
||||
'@fontsource/inter': ^5
|
||||
@@ -19545,7 +19545,7 @@ snapshots:
|
||||
- '@types/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:
|
||||
'@floating-ui/react': 0.27.17(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
|
||||
'@fontsource/inconsolata': 5.2.8
|
||||
|
||||
@@ -23,7 +23,7 @@ catalog:
|
||||
"playwright-core": 1.60.0
|
||||
# Compound
|
||||
"@vector-im/compound-design-tokens": 10.2.1
|
||||
"@vector-im/compound-web": 9.6.0
|
||||
"@vector-im/compound-web": 9.7.0
|
||||
# i18n
|
||||
matrix-web-i18n: 3.6.0
|
||||
# fonts
|
||||
|
||||