Update compound web and compound design tokens (#33120)

* chore: update compound web and compound design tokens

* test: update SC snapshots

* test: update EW snapshots

* test: update EW screenshots
This commit is contained in:
Florian Duros
2026-04-13 17:40:24 +02:00
committed by GitHub
parent dc42c2518e
commit 23b11aaf86
11 changed files with 292 additions and 292 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

@@ -144,13 +144,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -162,13 +162,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Send message
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -181,14 +181,14 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
class="_item_bym9p_8 _interactive_bym9p_26 _disabled_bym9p_140"
data-kind="primary"
disabled=""
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -200,13 +200,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Jump to read receipt
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -219,13 +219,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -237,13 +237,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Share profile
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -260,13 +260,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -278,13 +278,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Ignore
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -446,13 +446,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -464,13 +464,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Send message
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -483,14 +483,14 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
class="_item_bym9p_8 _interactive_bym9p_26 _disabled_bym9p_140"
data-kind="primary"
disabled=""
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -502,13 +502,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Jump to read receipt
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -521,13 +521,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -539,13 +539,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Share profile
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -562,13 +562,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -580,13 +580,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Deactivate user
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -603,13 +603,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -621,13 +621,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Ignore
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -55,13 +55,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</div>
</div>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -73,13 +73,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Send message
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -92,13 +92,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -110,13 +110,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Invite
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -129,14 +129,14 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
class="_item_bym9p_8 _interactive_bym9p_26 _disabled_bym9p_140"
data-kind="primary"
disabled=""
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -148,13 +148,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Jump to read receipt
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -167,13 +167,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -185,13 +185,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Share profile
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -204,13 +204,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -222,13 +222,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Mention
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -245,13 +245,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -263,13 +263,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Deactivate user
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -286,13 +286,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -304,13 +304,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Ignore
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -24,7 +24,7 @@ exports[`<UserInfoHeaderVerificationView /> renders verified badge when user is
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
>
<span
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8 mx_UserInfo_verified_badge"
class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_10dml_8 mx_UserInfo_verified_badge"
data-kind="green"
>
<svg
@@ -202,7 +202,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
tabindex="-1"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -211,7 +211,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -223,13 +223,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
View in timeline
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -242,7 +242,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -251,7 +251,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -268,13 +268,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Unpin
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -287,7 +287,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -296,7 +296,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -308,13 +308,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Forward
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -333,7 +333,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
role="separator"
/>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="critical"
data-orientation="vertical"
data-radix-collection-item=""
@@ -342,7 +342,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -354,13 +354,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Delete
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -393,7 +393,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
tabindex="-1"
>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -402,7 +402,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -414,13 +414,13 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
View in timeline
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -433,7 +433,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
</svg>
</button>
<button
class="_item_lqfwq_8 _interactive_lqfwq_26"
class="_item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -442,7 +442,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
>
<svg
aria-hidden="true"
class="_icon_lqfwq_50"
class="_icon_bym9p_51"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -454,13 +454,13 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
Forward
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -26,7 +26,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
class="mx_ThreadsActivityCentre_rows"
>
<button
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -34,7 +34,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
tabindex="-1"
>
<div
class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
class="mx_DecoratedRoomAvatar _icon_bym9p_51"
>
<span
class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
@@ -48,13 +48,13 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
This is a real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -74,7 +74,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</div>
</button>
<button
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -82,7 +82,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
tabindex="-1"
>
<div
class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
class="mx_DecoratedRoomAvatar _icon_bym9p_51"
>
<span
class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
@@ -96,13 +96,13 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
A notification
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -185,7 +185,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
class="mx_ThreadsActivityCentre_rows"
>
<button
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -193,7 +193,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
tabindex="-1"
>
<div
class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
class="mx_DecoratedRoomAvatar _icon_bym9p_51"
>
<span
class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
@@ -207,13 +207,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
This is a third real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -233,7 +233,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</div>
</button>
<button
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -241,7 +241,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
tabindex="-1"
>
<div
class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
class="mx_DecoratedRoomAvatar _icon_bym9p_51"
>
<span
class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
@@ -255,13 +255,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
This is a real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -281,7 +281,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</div>
</button>
<button
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
class="mx_ThreadsActivityCentreRow _item_bym9p_8 _interactive_bym9p_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -289,7 +289,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
tabindex="-1"
>
<div
class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
class="mx_DecoratedRoomAvatar _icon_bym9p_51"
>
<span
class="_avatar_7h2br_8 mx_BaseAvatar _avatar-imageless_7h2br_55"
@@ -303,13 +303,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_bym9p_35"
>
This is a second real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_lqfwq_59"
class="_nav-hint_bym9p_60"
fill="currentColor"
height="24"
viewBox="8 0 8 24"