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/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+26 -26
View File
@@ -32,13 +32,13 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -58,10 +58,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-1"
>
Light
@@ -69,10 +69,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -92,10 +92,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-2"
>
Dark
@@ -103,10 +103,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -126,10 +126,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-3"
>
High contrast
@@ -162,14 +162,14 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16 mx_LayoutSwitcher_LayoutSelector"
class="_root_1o4d9_17 mx_LayoutSwitcher_LayoutSelector"
>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Modern"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-4"
>
<div
@@ -260,11 +260,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</label>
</div>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Message bubbles"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-5"
>
<div
@@ -354,11 +354,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</label>
</div>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="IRC (experimental)"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-6"
>
<div
@@ -452,13 +452,13 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</form>
<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"
@@ -478,16 +478,16 @@ exports[`AppearanceUserSettingsTab 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="radix-react-use-id-8"
>
Show compact text and messages
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-7"
>
Modern layout must be selected to use this feature.
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
+183 -183
View File
File diff suppressed because it is too large Load Diff
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
+8 -8
View File
@@ -35,7 +35,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
class="mx_SettingsTab_sections"
>
<form
class="_root_19upo_16 mx_SetIntegrationManager"
class="_root_1o4d9_17 mx_SetIntegrationManager"
data-testid="mx_SetIntegrationManager"
>
<div
@@ -75,10 +75,10 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.
</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"
@@ -96,10 +96,10 @@ exports[`<SecurityUserSettingsTab /> renders security section 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 the integration manager
@@ -216,13 +216,13 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
class="mx_SettingsFieldset_content"
>
<form
class="_root_19upo_16 mx_IdentityServerPicker"
class="_root_1o4d9_17 mx_IdentityServerPicker"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-2"
>
Enter a new identity server
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
+4 -4
View File
@@ -445,13 +445,13 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
tabindex="0"
>
<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"
@@ -483,7 +483,7 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
/>
</div>
</form>
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
+48 -48
View File
@@ -39,13 +39,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="mx_SettingsSubsection_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -77,10 +77,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</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"
>
<svg
@@ -98,7 +98,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
Home
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-1"
>
Home is useful for getting an overview of everything.
@@ -107,13 +107,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -144,16 +144,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</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_38QgU2Pomx"
>
Show all rooms
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-2"
>
Show all your rooms in Home, even if they're in a space.
@@ -162,13 +162,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -198,16 +198,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</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_wKpa6hpi3Y"
>
Rooms outside of a space
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-3"
>
Group all your rooms that aren't part of a space in one place.
@@ -216,13 +216,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -252,10 +252,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</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_EetmBG4yVC"
>
<svg
@@ -273,7 +273,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
Video rooms and conferences
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-4"
>
Group all private video rooms and conferences. In conferences you can invite people outside of matrix.
@@ -329,13 +329,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="mx_SettingsSubsection_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -367,10 +367,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</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"
>
<svg
@@ -388,7 +388,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
Home
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-1"
>
Home is useful for getting an overview of everything.
@@ -397,13 +397,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -434,16 +434,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</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_38QgU2Pomx"
>
Show all rooms
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-2"
>
Show all your rooms in Home, even if they're in a space.
@@ -452,13 +452,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -488,16 +488,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</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_wKpa6hpi3Y"
>
Rooms outside of a space
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-3"
>
Group all your rooms that aren't part of a space in one place.
@@ -506,13 +506,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -542,10 +542,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</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_EetmBG4yVC"
>
<svg
@@ -563,7 +563,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
Video rooms and conferences
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-4"
>
Group all private video rooms and conferences.