Update vector-im (#31306)

* Update vector-im

* Update Jest snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix playwright styling overrides

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Hold back Compound Design Tokens as threads icons unexpectedly grew a dot in the top corner where we conditionally draw a dot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update Compound Design Tokens to 6.4.1

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Revert snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Tweak bubble

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update storybook snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update jest snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update jest snapshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
renovate[bot]
2025-12-02 09:57:28 +00:00
committed by GitHub
co-authored by renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Michael Telatynski
parent 2e87f7cb90
commit 99178bce86
118 changed files with 736 additions and 747 deletions
@@ -33,11 +33,11 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
checked=""
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_0_"
name="layout"
title=""
@@ -45,7 +45,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
value="group"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
<span>
@@ -84,7 +84,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -173,10 +173,10 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_9_"
name="layout"
title=""
@@ -184,7 +184,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
value="bubble"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
<span>
@@ -223,7 +223,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -312,10 +312,10 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_i_"
name="layout"
title=""
@@ -323,7 +323,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
value="irc"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
<span>
@@ -365,7 +365,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -453,11 +453,11 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
aria-describedby="radix-_r_s_"
class="_input_19o42_24"
class="_input_udcm8_24"
id="radix-_r_r_"
name="compactLayout"
role="switch"
@@ -465,7 +465,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -489,7 +489,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</form>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -60,7 +60,7 @@ exports[`PowerLevelSelector should display only the current user 1`] = `
<button
aria-disabled="true"
aria-label="Apply"
class="_button_vczzf_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
class="_button_187yx_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
data-kind="primary"
data-size="sm"
role="button"
@@ -222,7 +222,7 @@ exports[`PowerLevelSelector should render 1`] = `
<button
aria-disabled="true"
aria-label="Apply"
class="_button_vczzf_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
class="_button_187yx_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
data-kind="primary"
data-size="sm"
role="button"
@@ -49,16 +49,16 @@ exports[`SetIntegrationManager should render manage integrations sections 1`] =
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
class="_input_19o42_24"
class="_input_udcm8_24"
id="mx_SetIntegrationManager_Toggle"
role="switch"
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -28,10 +28,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
class="_input_19o42_24"
class="_input_udcm8_24"
id="radix-_r_28_"
name="systemTheme"
role="switch"
@@ -39,7 +39,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -65,11 +65,11 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
checked=""
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_29_"
name="themeSelector"
title=""
@@ -77,7 +77,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="light"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -99,10 +99,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_2a_"
name="themeSelector"
title=""
@@ -110,7 +110,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="dark"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -132,10 +132,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_2b_"
name="themeSelector"
title=""
@@ -143,7 +143,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="light-high-contrast"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -165,10 +165,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_2c_"
name="themeSelector"
title=""
@@ -176,7 +176,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="custom-Alice theme"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -249,7 +249,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -270,7 +270,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -307,10 +307,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
class="_input_19o42_24"
class="_input_udcm8_24"
id="radix-_r_10_"
name="systemTheme"
role="switch"
@@ -318,7 +318,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -344,11 +344,11 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
checked=""
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_11_"
name="themeSelector"
title=""
@@ -356,7 +356,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="light"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -378,10 +378,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_12_"
name="themeSelector"
title=""
@@ -389,7 +389,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="dark"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -411,10 +411,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_13_"
name="themeSelector"
title=""
@@ -422,7 +422,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="light-high-contrast"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -444,10 +444,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_14_"
name="themeSelector"
title=""
@@ -455,7 +455,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="custom-Alice theme"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -528,7 +528,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -549,7 +549,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -586,10 +586,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
class="_input_19o42_24"
class="_input_udcm8_24"
id="radix-_r_0_"
name="systemTheme"
role="switch"
@@ -597,7 +597,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -623,11 +623,11 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
checked=""
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_1_"
name="themeSelector"
title=""
@@ -635,7 +635,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
value="light"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -657,10 +657,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_2_"
name="themeSelector"
title=""
@@ -668,7 +668,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
value="dark"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -690,10 +690,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_3_"
name="themeSelector"
title=""
@@ -701,7 +701,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
value="light-high-contrast"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -719,7 +719,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</form>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -19,19 +19,19 @@ exports[`<FilteredDeviceListHeader /> renders correctly when all devices are sel
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-label="Deselect all"
aria-labelledby="_r_9_"
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="device-select-all-checkbox"
id="device-select-all-checkbox"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -85,18 +85,18 @@ exports[`<FilteredDeviceListHeader /> renders correctly when no devices are sele
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-label="Select all"
aria-labelledby="_r_0_"
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="device-select-all-checkbox"
id="device-select-all-checkbox"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -3,7 +3,7 @@
exports[`<SelectableDeviceTile /> renders selected tile 1`] = `
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="device-tile-checkbox-my-device"
id="device-tile-checkbox-my-device"
type="checkbox"
@@ -25,16 +25,16 @@ exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="device-tile-checkbox-my-device"
id="device-tile-checkbox-my-device"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -53,7 +53,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
class="mx_EncryptionDetails_buttons"
>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="secondary"
data-size="sm"
role="button"
@@ -74,7 +74,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
Export keys
</button>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="secondary"
data-size="sm"
role="button"
@@ -96,7 +96,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
</button>
</div>
<button
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="tertiary"
data-size="sm"
role="button"
@@ -145,7 +145,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
class="mx_EncryptionDetails_buttons"
>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="secondary"
data-size="sm"
role="button"
@@ -166,7 +166,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
Export keys
</button>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="secondary"
data-size="sm"
role="button"
@@ -188,7 +188,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
</button>
</div>
<button
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="tertiary"
data-size="sm"
role="button"
@@ -216,12 +216,12 @@ exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unv
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
aria-describedby="radix-_r_7_"
checked=""
class="_input_19o42_24"
class="_input_udcm8_24"
id="radix-_r_6_"
name="neverSendEncrypted"
role="switch"
@@ -229,7 +229,7 @@ exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unv
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -14,7 +14,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -62,7 +62,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8"
class="_content_1r8kr_8"
data-size="large"
>
<svg
@@ -116,7 +116,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -140,7 +140,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
class="mx_EncryptionCard_buttons"
>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -149,7 +149,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -176,7 +176,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -224,7 +224,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8"
class="_content_1r8kr_8"
data-size="large"
>
<svg
@@ -298,7 +298,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
>
<button
aria-disabled="true"
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -307,7 +307,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
Finish set up
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -335,7 +335,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -383,7 +383,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8"
class="_content_1r8kr_8"
data-size="large"
>
<svg
@@ -479,7 +479,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
>
<button
aria-disabled="true"
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -488,7 +488,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
Finish set up
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -516,7 +516,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -564,7 +564,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8"
class="_content_1r8kr_8"
data-size="large"
>
<svg
@@ -597,7 +597,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
class="mx_EncryptionCard_buttons"
>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -606,7 +606,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -633,7 +633,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -681,7 +681,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8"
class="_content_1r8kr_8"
data-size="large"
>
<svg
@@ -735,7 +735,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -759,7 +759,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
class="mx_EncryptionCard_buttons"
>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -768,7 +768,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -14,7 +14,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -62,7 +62,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8 _destructive_o77nw_34"
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
>
<svg
@@ -89,14 +89,14 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
>
Deleting key storage will remove your cryptographic identity and message keys from the server and turn off the following security features:
<ul
class="_visual-list_15wzx_8"
class="_visual-list_1mgc1_8"
>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-destructive_1ma3e_26"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-destructive_1nc1y_26"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -110,11 +110,11 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
You will not have encrypted message history on new devices
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-destructive_1ma3e_26"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-destructive_1nc1y_26"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -134,7 +134,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
>
<button
aria-disabled="false"
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="primary"
data-size="lg"
role="button"
@@ -143,7 +143,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
Delete key storage
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -9,7 +9,7 @@ exports[`<EncryptionCard /> should render 1`] = `
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8"
class="_content_1r8kr_8"
data-size="large"
>
<svg
@@ -17,7 +17,7 @@ exports[`<RecoveryPanel /> should allow to change the recovery key when everythi
Recover your cryptographic identity and message history with a recovery key if you’ve lost all your existing devices.
</div>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="secondary"
data-size="sm"
role="button"
@@ -58,7 +58,7 @@ exports[`<RecoveryPanel /> should ask to set up a recovery key when there is no
Recover your cryptographic identity and message history with a recovery key if you’ve lost all your existing devices.
</div>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="primary"
data-size="sm"
role="button"
@@ -40,7 +40,7 @@ exports[`<RecoveyPanelOutOfSync /> should render 1`] = `
class="mx_RecoveryPanelOutOfSync"
>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -49,7 +49,7 @@ exports[`<RecoveyPanelOutOfSync /> should render 1`] = `
Forgot recovery key?
</button>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="primary"
data-size="sm"
role="button"
@@ -14,7 +14,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -62,7 +62,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8 _destructive_o77nw_34"
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
>
<svg
@@ -88,14 +88,14 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<ul
class="_visual-list_15wzx_8"
class="_visual-list_1mgc1_8"
>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -109,11 +109,11 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
Your account details, contacts, preferences, and chat list will be kept
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -132,11 +132,11 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
You will lose any message history that’s stored only on the server
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -161,7 +161,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
>
<button
aria-disabled="false"
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="primary"
data-size="lg"
role="button"
@@ -170,7 +170,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -197,7 +197,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -245,7 +245,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8 _destructive_o77nw_34"
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
>
<svg
@@ -271,14 +271,14 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<ul
class="_visual-list_15wzx_8"
class="_visual-list_1mgc1_8"
>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -292,11 +292,11 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
Your account details, contacts, preferences, and chat list will be kept
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -315,11 +315,11 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
You will lose any message history that’s stored only on the server
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -344,7 +344,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
>
<button
aria-disabled="false"
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="primary"
data-size="lg"
role="button"
@@ -353,7 +353,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -380,7 +380,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -428,7 +428,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8 _destructive_o77nw_34"
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
>
<svg
@@ -454,14 +454,14 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<ul
class="_visual-list_15wzx_8"
class="_visual-list_1mgc1_8"
>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -475,11 +475,11 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
Your account details, contacts, preferences, and chat list will be kept
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -498,11 +498,11 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
You will lose any message history that’s stored only on the server
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -530,7 +530,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
>
<button
aria-disabled="false"
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="primary"
data-size="lg"
role="button"
@@ -539,7 +539,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -566,7 +566,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -614,7 +614,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8 _destructive_o77nw_34"
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
>
<svg
@@ -640,14 +640,14 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<ul
class="_visual-list_15wzx_8"
class="_visual-list_1mgc1_8"
>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -661,11 +661,11 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
Your account details, contacts, preferences, and chat list will be kept
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -684,11 +684,11 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
You will lose any message history that’s stored only on the server
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -716,7 +716,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
>
<button
aria-disabled="true"
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="primary"
data-size="lg"
role="button"
@@ -245,17 +245,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_vY7Q4uEh9K"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -302,17 +302,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_38QgU2Pomx"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -359,17 +359,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_wKpa6hpi3Y"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -433,17 +433,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_EetmBG4yVC"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -490,16 +490,16 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_eEefiPqpMR"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -546,17 +546,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_MwbPDmfGtm"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -641,17 +641,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_GQvdMWe954"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -698,17 +698,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_DVIAu5CsiH"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -755,18 +755,18 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_24_"
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_RD7nyrA2oh"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1219,16 +1219,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_pWwAHG75JN"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1275,16 +1275,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_TNkNU64raT"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1331,16 +1331,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_LcRsQRlYy7"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1404,16 +1404,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_5nfv5bOEPN"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1460,15 +1460,15 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_1su1JYVtOy"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1515,16 +1515,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_R5kbu3pEwu"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1609,16 +1609,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_Ln9EnnYuxf"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1665,16 +1665,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_FEpOsztWhQ"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -1721,17 +1721,17 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_t_"
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_kBerF1ejc4"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -2135,15 +2135,15 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_GFes1UFzOK"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -17,7 +17,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
>
<span
aria-label="Profile picture"
class="_avatar_1qbcf_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
class="_avatar_zysgz_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
data-color="4"
data-testid="avatar-img"
data-type="round"
@@ -26,7 +26,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
>
<img
alt=""
class="_image_1qbcf_41"
class="_image_zysgz_43"
data-type="round"
height="42px"
loading="lazy"
@@ -123,7 +123,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests reduced 1`
class="mx_PeopleRoomSettingsTab_knock"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_zysgz_55"
data-color="4"
data-testid="avatar-img"
data-type="round"
@@ -41,10 +41,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
disabled=""
id="radix-_r_0_"
name="themeSelector"
@@ -53,7 +53,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
value="light"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -75,10 +75,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
disabled=""
id="radix-_r_1_"
name="themeSelector"
@@ -87,7 +87,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
value="dark"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -109,10 +109,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
disabled=""
id="radix-_r_2_"
name="themeSelector"
@@ -121,7 +121,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
value="light-high-contrast"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -139,7 +139,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</form>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -176,11 +176,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
checked=""
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_3_"
name="layout"
title=""
@@ -188,7 +188,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
value="group"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
<span>
@@ -227,7 +227,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -316,10 +316,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_c_"
name="layout"
title=""
@@ -327,7 +327,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
value="bubble"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
<span>
@@ -366,7 +366,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -455,10 +455,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="radix-_r_l_"
name="layout"
title=""
@@ -466,7 +466,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
value="irc"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
<span>
@@ -508,7 +508,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -596,11 +596,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
aria-describedby="radix-_r_v_"
class="_input_19o42_24"
class="_input_udcm8_24"
id="radix-_r_u_"
name="compactLayout"
role="switch"
@@ -608,7 +608,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -632,7 +632,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</form>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -42,7 +42,7 @@ exports[`<EncryptionUserSettingsTab /> should display a verify button when the e
</div>
</div>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="primary"
data-size="sm"
role="button"
@@ -128,7 +128,7 @@ exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync p
class="mx_RecoveryPanelOutOfSync"
>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -137,7 +137,7 @@ exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync p
Forgot recovery key?
</button>
<button
class="_button_vczzf_8 _has-icon_vczzf_57"
class="_button_187yx_8 _has-icon_187yx_57"
data-kind="primary"
data-size="sm"
role="button"
@@ -185,7 +185,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
tabindex="0"
>
<div
class="_indicator-icon_zr2a0_17"
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -233,7 +233,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
class="mx_EncryptionCard_header"
>
<div
class="_content_o77nw_8 _destructive_o77nw_34"
class="_content_1r8kr_8 _destructive_1r8kr_34"
data-size="large"
>
<svg
@@ -259,14 +259,14 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<ul
class="_visual-list_15wzx_8"
class="_visual-list_1mgc1_8"
>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17 _visual-list-item-icon-success_1ma3e_22"
class="_visual-list-item-icon_1nc1y_17 _visual-list-item-icon-success_1nc1y_22"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -280,11 +280,11 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
Your account details, contacts, preferences, and chat list will be kept
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -303,11 +303,11 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
You will lose any message history that’s stored only on the server
</li>
<li
class="_visual-list-item_1ma3e_8"
class="_visual-list-item_1nc1y_8"
>
<svg
aria-hidden="true"
class="_visual-list-item-icon_1ma3e_17"
class="_visual-list-item-icon_1nc1y_17"
fill="currentColor"
height="24px"
viewBox="0 0 24 24"
@@ -335,7 +335,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
>
<button
aria-disabled="false"
class="_button_vczzf_8 _destructive_vczzf_107"
class="_button_187yx_8 _destructive_187yx_107"
data-kind="primary"
data-size="lg"
role="button"
@@ -344,7 +344,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
Continue
</button>
<button
class="_button_vczzf_8"
class="_button_187yx_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -1220,15 +1220,15 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="mx_media_previews_off"
type="radio"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -1250,15 +1250,15 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="mx_media_previews_private"
type="radio"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -1280,16 +1280,16 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_1e0uz_10"
class="_container_1qhtc_10"
>
<input
checked=""
class="_input_1e0uz_18"
class="_input_1qhtc_18"
id="mx_media_previews_on"
type="radio"
/>
<div
class="_ui_1e0uz_19"
class="_ui_1qhtc_19"
/>
</div>
</div>
@@ -1338,7 +1338,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
</form>
</div>
<div
class="_separator_7ckbw_8"
class="_separator_cqpyv_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -82,17 +82,17 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
class="_inline-field-control_19upo_44"
>
<div
class="_container_19o42_10"
class="_container_udcm8_10"
>
<input
checked=""
class="_input_19o42_24"
class="_input_udcm8_24"
id="mx_SetIntegrationManager_Toggle"
role="switch"
type="checkbox"
/>
<div
class="_ui_19o42_34"
class="_ui_udcm8_34"
/>
</div>
</div>
@@ -393,18 +393,18 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-label="Select all"
aria-labelledby="_r_4q_"
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="device-select-all-checkbox"
id="device-select-all-checkbox"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -48,18 +48,18 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_1_"
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_vY7Q4uEh9K"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -116,17 +116,17 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_5_"
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
id="checkbox_38QgU2Pomx"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -171,16 +171,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_9_"
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_wKpa6hpi3Y"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -225,16 +225,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_d_"
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_EetmBG4yVC"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -338,18 +338,18 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_h_"
checked=""
class="_input_1hel1_18"
class="_input_1md5v_18"
disabled=""
id="checkbox_vY7Q4uEh9K"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -406,17 +406,17 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_l_"
class="_input_1hel1_18"
class="_input_1md5v_18"
data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
id="checkbox_38QgU2Pomx"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -461,16 +461,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_p_"
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_wKpa6hpi3Y"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"
@@ -515,16 +515,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_inline-field-control_19upo_44"
>
<div
class="_container_1hel1_10"
class="_container_1md5v_10"
>
<input
aria-describedby="_r_t_"
class="_input_1hel1_18"
class="_input_1md5v_18"
id="checkbox_EetmBG4yVC"
type="checkbox"
/>
<div
class="_ui_1hel1_19"
class="_ui_1md5v_19"
>
<svg
aria-hidden="true"