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

Update @vector-im/compound-design-tokens & @vector-im/compound-web (#29307)

Browse Source 
* chore: update `@vector-im/compound-design-tokens` & `@vector-im/compound-web` to last version

* chore: use `error-solid` icon instead of `error`

* chore: update jest snapshot

* fix: `AccessibleButton` lint
This commit is contained in:
Florian Duros
2025-02-24 17:08:12 +00:00
committed by GitHub
parent 8ef84349b5
commit efc6149a8b
99 changed files with 1498 additions and 1513 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
+32 -32
View File
@@ -19,25 +19,25 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_ssths_24 mx_LayoutSwitcher_LayoutSelector"
class="_root_19upo_16 mx_LayoutSwitcher_LayoutSelector"
>
<div
class="_field_ssths_34 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Modern"
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r0:"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
checked=""
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r0:"
name="layout"
title=""
@@ -45,7 +45,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
value="group"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
<span>
@@ -84,7 +84,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -138,7 +138,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z"
d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
/>
</svg>
</div>
@@ -149,21 +149,21 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</label>
</div>
<div
class="_field_ssths_34 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Message bubbles"
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r9:"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r9:"
name="layout"
title=""
@@ -171,7 +171,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
value="bubble"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
<span>
@@ -210,7 +210,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -264,7 +264,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z"
d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
/>
</svg>
</div>
@@ -275,21 +275,21 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</label>
</div>
<div
class="_field_ssths_34 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="IRC (experimental)"
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:ri:"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:ri:"
name="layout"
title=""
@@ -297,7 +297,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
value="irc"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
<span>
@@ -336,7 +336,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_EventTile_avatar"
>
<span
class="_avatar_mcap2_17 mx_BaseAvatar _avatar-imageless_mcap2_61"
class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
data-color="2"
data-testid="avatar-img"
data-type="round"
@@ -390,7 +390,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z"
d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
/>
</svg>
</div>
@@ -402,41 +402,41 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</div>
</form>
<form
class="_root_ssths_24"
class="_root_19upo_16"
>
<div
class="_inline-field_ssths_40"
class="_inline-field_19upo_32"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_qnvru_18"
class="_container_19o42_10"
>
<input
aria-describedby="radix-:rs:"
class="_input_qnvru_32"
class="_input_19o42_24"
id="radix-:rr:"
name="compactLayout"
title=""
type="checkbox"
/>
<div
class="_ui_qnvru_42"
class="_ui_19o42_34"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:rr:"
>
Show compact text and messages
</label>
<span
class="_message_ssths_93 _help-message_ssths_99"
class="_message_19upo_85 _help-message_19upo_91"
id="radix-:rs:"
>
Modern layout must be selected to use this feature.
@@ -446,7 +446,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</form>
</div>
<div
class="_separator_144s5_17"
class="_separator_7ckbw_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
+2 -2
View File
@@ -60,7 +60,7 @@ exports[`PowerLevelSelector should display only the current user 1`] = `
<button
aria-disabled="true"
aria-label="Apply"
class="_button_i91xf_17 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
class="_button_vczzf_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_i91xf_17 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
class="_button_vczzf_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
data-kind="primary"
data-size="sm"
role="button"
test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
+5 -5
View File
@@ -23,22 +23,22 @@ exports[`<SetIdServer /> renders expected fields 1`] = `
class="mx_SettingsFieldset_content"
>
<form
class="_root_ssths_24 mx_IdentityServerPicker"
class="_root_19upo_16 mx_IdentityServerPicker"
>
<div
class="_field_ssths_34"
class="_field_19upo_26"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r0:"
>
Enter a new identity server
</label>
<div
class="_controls_1h4nb_17"
class="_controls_17lij_8"
>
<input
class="_control_9gon8_18"
class="_control_sqdq4_10"
id="radix-:r0:"
name="input"
placeholder=""
test/unit-tests/components/views/settings/__snapshots__/SettingsHeader-test.tsx.snap
+2 -2
View File
@@ -3,7 +3,7 @@
exports[`<SettingsHeader /> should render the component 1`] = `
<DocumentFragment>
<h2
class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102 mx_SettingsHeader"
class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
>
Settings Header
</h2>
@@ -13,7 +13,7 @@ exports[`<SettingsHeader /> should render the component 1`] = `
exports[`<SettingsHeader /> should render the component with the recommended tag 1`] = `
<DocumentFragment>
<h2
class="_typography_yh5dq_162 _font-heading-sm-semibold_yh5dq_102 mx_SettingsHeader"
class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 mx_SettingsHeader"
>
Settings Header
<span>
test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap
+3 -3
View File
@@ -16,7 +16,7 @@ exports[`<SettingsSubheader /> should display a check icon when in success 1`] =
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
/>
</svg>
Success!
@@ -42,7 +42,7 @@ exports[`<SettingsSubheader /> should display a label 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m10.6 13.8-2.15-2.15a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9c.2.2.433.3.7.3.267 0 .5-.1.7-.3l5.65-5.65a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
/>
</svg>
Success!
@@ -67,7 +67,7 @@ exports[`<SettingsSubheader /> should display an error icon when in error 1`] =
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 15a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 16c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-4c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 12V8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8v4c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 9a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
/>
</svg>
Error!
test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
+125 -125
View File
@@ -19,34 +19,34 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_ssths_24"
class="_root_19upo_16"
>
<div
class="_inline-field_ssths_40"
class="_inline-field_19upo_32"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_qnvru_18"
class="_container_19o42_10"
>
<input
class="_input_qnvru_32"
class="_input_19o42_24"
id="radix-:r28:"
name="systemTheme"
title=""
type="checkbox"
/>
<div
class="_ui_qnvru_42"
class="_ui_19o42_34"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r28:"
>
Match system theme
@@ -55,20 +55,20 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</form>
<form
class="_root_ssths_24 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
checked=""
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r29:"
name="themeSelector"
title=""
@@ -76,15 +76,15 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="light"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r29:"
>
Light
@@ -92,16 +92,16 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r2a:"
name="themeSelector"
title=""
@@ -109,15 +109,15 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="dark"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r2a:"
>
Dark
@@ -125,16 +125,16 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r2b:"
name="themeSelector"
title=""
@@ -142,15 +142,15 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="light-high-contrast"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r2b:"
>
High contrast
@@ -158,16 +158,16 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r2c:"
name="themeSelector"
title=""
@@ -175,15 +175,15 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
value="custom-Alice theme"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r2c:"
>
Alice theme
@@ -195,23 +195,23 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="mx_ThemeChoicePanel_CustomTheme"
>
<form
class="_root_ssths_24 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
class="_root_19upo_16 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
>
<div
class="_field_ssths_34"
class="_field_19upo_26"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r2d:"
>
Add custom theme
</label>
<div
class="_controls_1h4nb_17"
class="_controls_17lij_8"
>
<input
aria-describedby="radix-:r2e:"
class="_control_9gon8_18"
class="_control_sqdq4_10"
id="radix-:r2d:"
name="input"
title=""
@@ -219,7 +219,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
/>
</div>
<span
class="_message_ssths_93 _help-message_ssths_99"
class="_message_19upo_85 _help-message_19upo_91"
id="radix-:r2e:"
>
Enter the URL of a custom theme you want to apply.
@@ -241,13 +241,13 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
<button
aria-label="Delete"
aria-labelledby=":r2f:"
class="_icon-button_bh2qc_17 _destructive_bh2qc_83"
class="_icon-button_m2erp_8 _destructive_m2erp_74"
role="button"
style="--cpd-icon-button-size: 32px;"
tabindex="0"
>
<div
class="_indicator-icon_133tf_26"
class="_indicator-icon_zr2a0_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -258,7 +258,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
/>
</svg>
</div>
@@ -268,7 +268,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_separator_144s5_17"
class="_separator_7ckbw_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -296,34 +296,34 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_ssths_24"
class="_root_19upo_16"
>
<div
class="_inline-field_ssths_40"
class="_inline-field_19upo_32"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_qnvru_18"
class="_container_19o42_10"
>
<input
class="_input_qnvru_32"
class="_input_19o42_24"
id="radix-:r10:"
name="systemTheme"
title=""
type="checkbox"
/>
<div
class="_ui_qnvru_42"
class="_ui_19o42_34"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r10:"
>
Match system theme
@@ -332,20 +332,20 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</form>
<form
class="_root_ssths_24 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
checked=""
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r11:"
name="themeSelector"
title=""
@@ -353,15 +353,15 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="light"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r11:"
>
Light
@@ -369,16 +369,16 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r12:"
name="themeSelector"
title=""
@@ -386,15 +386,15 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="dark"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r12:"
>
Dark
@@ -402,16 +402,16 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r13:"
name="themeSelector"
title=""
@@ -419,15 +419,15 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="light-high-contrast"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r13:"
>
High contrast
@@ -435,16 +435,16 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r14:"
name="themeSelector"
title=""
@@ -452,15 +452,15 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
value="custom-Alice theme"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r14:"
>
Alice theme
@@ -472,23 +472,23 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="mx_ThemeChoicePanel_CustomTheme"
>
<form
class="_root_ssths_24 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
class="_root_19upo_16 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
>
<div
class="_field_ssths_34"
class="_field_19upo_26"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r15:"
>
Add custom theme
</label>
<div
class="_controls_1h4nb_17"
class="_controls_17lij_8"
>
<input
aria-describedby="radix-:r16:"
class="_control_9gon8_18"
class="_control_sqdq4_10"
id="radix-:r15:"
name="input"
title=""
@@ -496,7 +496,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
/>
</div>
<span
class="_message_ssths_93 _help-message_ssths_99"
class="_message_19upo_85 _help-message_19upo_91"
id="radix-:r16:"
>
Enter the URL of a custom theme you want to apply.
@@ -518,13 +518,13 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
<button
aria-label="Delete"
aria-labelledby=":r17:"
class="_icon-button_bh2qc_17 _destructive_bh2qc_83"
class="_icon-button_m2erp_8 _destructive_m2erp_74"
role="button"
style="--cpd-icon-button-size: 32px;"
tabindex="0"
>
<div
class="_indicator-icon_133tf_26"
class="_indicator-icon_zr2a0_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
@@ -535,7 +535,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7 21c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 19V6a.968.968 0 0 1-.713-.287A.968.968 0 0 1 4 5c0-.283.096-.52.287-.713A.968.968 0 0 1 5 4h4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 10 3h4a.97.97 0 0 1 .713.288A.968.968 0 0 1 15 4h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.713A.968.968 0 0 1 19 6v13c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 21H7ZM7 6v13h10V6H7Zm2 10c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 11 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 10 8a.968.968 0 0 0-.713.287A.968.968 0 0 0 9 9v7Zm4 0c0 .283.096.52.287.712.192.192.43.288.713.288s.52-.096.713-.288A.968.968 0 0 0 15 16V9a.967.967 0 0 0-.287-.713A.968.968 0 0 0 14 8a.968.968 0 0 0-.713.287A.967.967 0 0 0 13 9v7Z"
d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
/>
</svg>
</div>
@@ -545,7 +545,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_separator_144s5_17"
class="_separator_7ckbw_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"
@@ -573,34 +573,34 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_ssths_24"
class="_root_19upo_16"
>
<div
class="_inline-field_ssths_40"
class="_inline-field_19upo_32"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_qnvru_18"
class="_container_19o42_10"
>
<input
class="_input_qnvru_32"
class="_input_19o42_24"
id="radix-:r0:"
name="systemTheme"
title=""
type="checkbox"
/>
<div
class="_ui_qnvru_42"
class="_ui_19o42_34"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67"
class="_label_19upo_59"
for="radix-:r0:"
>
Match system theme
@@ -609,20 +609,20 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</form>
<form
class="_root_ssths_24 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
checked=""
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r1:"
name="themeSelector"
title=""
@@ -630,15 +630,15 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
value="light"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r1:"
>
Light
@@ -646,16 +646,16 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r2:"
name="themeSelector"
title=""
@@ -663,15 +663,15 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
value="dark"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r2:"
>
Dark
@@ -679,16 +679,16 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field_ssths_40 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
>
<div
class="_inline-field-control_ssths_52"
class="_inline-field-control_19upo_44"
>
<div
class="_container_1vw5h_18"
class="_container_1e0uz_10"
>
<input
class="_input_1vw5h_26"
class="_input_1e0uz_18"
id="radix-:r3:"
name="themeSelector"
title=""
@@ -696,15 +696,15 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
value="light-high-contrast"
/>
<div
class="_ui_1vw5h_27"
class="_ui_1e0uz_19"
/>
</div>
</div>
<div
class="_inline-field-body_ssths_46"
class="_inline-field-body_19upo_38"
>
<label
class="_label_ssths_67 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-:r3:"
>
High contrast
@@ -714,7 +714,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</form>
</div>
<div
class="_separator_144s5_17"
class="_separator_7ckbw_8"
data-kind="primary"
data-orientation="horizontal"
role="separator"