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

Update compound web and design tokens (#33698)

Browse Source 
* chore: update comppound web and design tokens

* test: update snapshots

* test: update screenshots
This commit is contained in:
Florian Duros
2026-06-03 11:51:58 +00:00
committed by GitHub
parent ce69e07620
commit 47f76c7d7a
65 changed files with 735 additions and 735 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
+13 -13
View File
@@ -26,16 +26,16 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
</h1>
</div>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<p>
Are you sure you want to decline the invitation to join "foo"?
</p>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -52,16 +52,16 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Ignore user
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-2"
>
You will not see any messages or room invites from this user.
@@ -69,10 +69,10 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -89,16 +89,16 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-3"
>
Report room
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-4"
>
Report this room to your account provider.
@@ -107,10 +107,10 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
</div>
<div
aria-disabled="false"
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_DeclineAndBlockInviteDialog_reason"
>
Reason
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
+33 -33
View File
@@ -28,7 +28,7 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
class="mx_Dialog_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="mx_Field mx_Field_input mx_CreateRoomDialog_name"
@@ -116,10 +116,10 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
</p>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -137,16 +137,16 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable end-to-end encryption
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-2"
>
You can't disable this later. Bridges & most bots won't work yet.
@@ -162,10 +162,10 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
Show advanced
</summary>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -182,16 +182,16 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-3"
>
Block anyone not part of server.org from ever joining this room.
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-4"
>
You might enable this if the room will only be used for collaborating with internal teams on your homeserver. This cannot be changed later.
@@ -277,7 +277,7 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
class="mx_Dialog_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="mx_Field mx_Field_input mx_CreateRoomDialog_name"
@@ -365,10 +365,10 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
</p>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -386,16 +386,16 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable end-to-end encryption
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-2"
>
You can't disable this later. Bridges & most bots won't work yet.
@@ -403,10 +403,10 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -423,16 +423,16 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-3"
>
Encrypt state events
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-4"
>
Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.
@@ -517,7 +517,7 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
class="mx_Dialog_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="mx_Field mx_Field_input mx_CreateRoomDialog_name"
@@ -607,10 +607,10 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
</p>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -628,16 +628,16 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable end-to-end encryption
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-2"
>
You can't disable this later. Bridges & most bots won't work yet.
@@ -645,10 +645,10 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -665,16 +665,16 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-3"
>
Encrypt state events
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-4"
>
Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
+3 -3
View File
@@ -34,13 +34,13 @@ exports[`CreateSectionDialog renders the dialog 1`] = `
Sections are only for you
</span>
<form
class="_root_19upo_16 mx_CreateSectionDialog_form"
class="_root_1o4d9_17 mx_CreateSectionDialog_form"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
+21 -21
View File
@@ -137,7 +137,7 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</button>
</div>
<form
class="_root_19upo_16 mx_DevTools_toggleForm"
class="_root_1o4d9_17 mx_DevTools_toggleForm"
>
<h2
class="mx_DevTools_toolHeading"
@@ -145,10 +145,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
Options
</h2>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -165,10 +165,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_vY7Q4uEh9K38"
>
Developer mode
@@ -176,10 +176,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -196,10 +196,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_QgU2PomxwKpa"
>
Show hidden events in timeline
@@ -207,10 +207,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -227,10 +227,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_6hpi3YEetmBG"
>
Enable widget screenshots on supported widgets
@@ -238,10 +238,10 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -258,16 +258,16 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_4yVCeEefiPqp"
>
Disable bandwidth-heavy features
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-2"
>
<span>
@@ -283,13 +283,13 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-3"
>
Element Call URL
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
+5 -5
View File
@@ -164,13 +164,13 @@ exports[`<ExportDialog /> renders export dialog 1`] = `
</span>
</div>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_ExportDialog_attachments-checkbox"
class="_inline-field_1o4d9_33 mx_ExportDialog_attachments-checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -199,10 +199,10 @@ exports[`<ExportDialog /> renders export dialog 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="include-attachments"
>
Include Attachments
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
+6 -6
View File
@@ -76,13 +76,13 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
class="mx_ManageRestrictedJoinRuleDialog_entry"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -112,10 +112,10 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_vY7Q4uEh9K"
>
<div>
@@ -137,7 +137,7 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
</div>
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-1"
>
0 members
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
+8 -8
View File
@@ -26,14 +26,14 @@ exports[`ReportRoomDialog displays admin message 1`] = `
</h1>
</div>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
id="mx_ReportEventDialog"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_ReportRoomDialog_reason"
>
Describe the reason
@@ -43,7 +43,7 @@ exports[`ReportRoomDialog displays admin message 1`] = `
rows="5"
/>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-1"
>
Report this room to your account provider. If the messages are encrypted, your admin will not be able to read them.
@@ -66,10 +66,10 @@ exports[`ReportRoomDialog displays admin message 1`] = `
</p>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -86,10 +86,10 @@ exports[`ReportRoomDialog displays admin message 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-2"
>
Leave room
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
+5 -5
View File
@@ -43,13 +43,13 @@ exports[`WidgetOpenIDPermissionsDialog should render 1`] = `
class="mx_Dialog_buttons_additive"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -66,10 +66,10 @@ exports[`WidgetOpenIDPermissionsDialog should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Remember this
apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
+5 -5
View File
@@ -690,13 +690,13 @@ exports[`<Users /> should render a user list 1`] = `
</div>
No results found
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -714,10 +714,10 @@ exports[`<Users /> should render a user list 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Only joined users