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

Update compound web and compound design tokens (#33120)

Browse Source 
* 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 15:40:24 +00:00
committed by GitHub
parent dc42c2518e
commit 23b11aaf86
11 changed files with 292 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+162 -162
View File
File diff suppressed because it is too large Load Diff
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
+36 -36
View File
@@ -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"
apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
+28 -28
View File
@@ -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"
apps/web/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
+1 -1
View File
@@ -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