cf692e751b
* Update vector-im * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Make BaseDialog's div keyboard focusable and fix test. * Update more e2e tests to use switch instead of checkbox * fix useParticipants incorrectly returning an array when a map is expected * Try again to fix calParticipants * try fix RoomHeader tests again by also mocking useParticipants * Revert "try fix RoomHeader tests again by also mocking useParticipants" This reverts commit f83093cc44586b881d0918e4e4dee60d3263d44b. * Try with no dependencies * try mocking useCall rather than just useParticipantCount * Mock the call store rather than the hook * Only mock the call object for tests that expect it. * Revert "Only mock the call object for tests that expect it." This reverts commit 043d812b1defe75eb7d9c56546317f176b4ba34e. * Revert "Mock the call store rather than the hook" This reverts commit 644be3155c434a309fcfd90a21370a732bb7bdd5. * Revert "try mocking useCall rather than just useParticipantCount" This reverts commit 92034aaff9b46fd135ee4dbcd93dd62ad5985e5e. * Revert "Try with no dependencies" This reverts commit fb502a68a08bd0227ace807fdaf394ed8719d92a. * Reapply "try fix RoomHeader tests again by also mocking useParticipants" This reverts commit e456782efd5ea860cb6679be3adf440788fe40a4. * Revert "try fix RoomHeader tests again by also mocking useParticipants" This reverts commit f83093cc44586b881d0918e4e4dee60d3263d44b. * Revert "Try again to fix calParticipants" This reverts commit c45ad3063f97cad6989ec3fe44dacf6f0904a4e1. * Revert "fix useParticipants incorrectly returning an array when a map is expected" This reverts commit e06d76e3f74d8f77e33247e9f4708bb39aebdce0. * bump compound-web * Update snapshots * Fix bad merge, we don't need the second call to escape. The comment a couple of lines up explains things. * Trigger build to fix licence/cla check --------- 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> Co-authored-by: David Langley <davidl@element.io>
730 lines
20 KiB
Plaintext
730 lines
20 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
|
|
data-testid="themePanel"
|
|
>
|
|
<div
|
|
class="mx_SettingsSubsectionHeading"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
|
|
>
|
|
Theme
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
|
|
>
|
|
<form
|
|
class="_root_19upo_16"
|
|
>
|
|
<div
|
|
class="_inline-field_19upo_32"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_19o42_10"
|
|
>
|
|
<input
|
|
class="_input_19o42_24"
|
|
id="radix-«r28»"
|
|
name="systemTheme"
|
|
role="switch"
|
|
title=""
|
|
type="checkbox"
|
|
/>
|
|
<div
|
|
class="_ui_19o42_34"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59"
|
|
for="radix-«r28»"
|
|
>
|
|
Match system theme
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form
|
|
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
|
|
>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r29»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="light"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r29»"
|
|
>
|
|
Light
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r2a»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="dark"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r2a»"
|
|
>
|
|
Dark
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r2b»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="light-high-contrast"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r2b»"
|
|
>
|
|
High contrast
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r2c»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="custom-Alice theme"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r2c»"
|
|
>
|
|
Alice theme
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div
|
|
class="mx_ThemeChoicePanel_CustomTheme"
|
|
>
|
|
<form
|
|
class="_root_19upo_16 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
|
|
>
|
|
<div
|
|
class="_field_19upo_26"
|
|
>
|
|
<label
|
|
class="_label_19upo_59"
|
|
for="radix-«r2d»"
|
|
>
|
|
Add custom theme
|
|
</label>
|
|
<div
|
|
class="_controls_17lij_8"
|
|
>
|
|
<input
|
|
aria-describedby="radix-«r2e»"
|
|
class="_control_sqdq4_10"
|
|
id="radix-«r2d»"
|
|
name="input"
|
|
title=""
|
|
value=""
|
|
/>
|
|
</div>
|
|
<span
|
|
class="_message_19upo_85 _help-message_19upo_91"
|
|
id="radix-«r2e»"
|
|
>
|
|
Enter the URL of a custom theme you want to apply.
|
|
</span>
|
|
</div>
|
|
</form>
|
|
<ul
|
|
class="mx_ThemeChoicePanel_CustomThemeList"
|
|
>
|
|
<li
|
|
aria-label="Alice theme"
|
|
class="mx_ThemeChoicePanel_CustomThemeList_theme"
|
|
>
|
|
<span
|
|
class="mx_ThemeChoicePanel_CustomThemeList_name"
|
|
>
|
|
Alice theme
|
|
</span>
|
|
<button
|
|
aria-label="Delete"
|
|
aria-labelledby="«r2f»"
|
|
class="_icon-button_1pz9o_8 _destructive_1pz9o_95"
|
|
data-kind="primary"
|
|
role="button"
|
|
style="--cpd-icon-button-size: 32px;"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="_indicator-icon_zr2a0_17"
|
|
style="--cpd-icon-button-size: 100%;"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
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>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_separator_7ckbw_8"
|
|
data-kind="primary"
|
|
data-orientation="horizontal"
|
|
role="separator"
|
|
/>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<ThemeChoicePanel /> custom theme should render the custom theme section 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
|
|
data-testid="themePanel"
|
|
>
|
|
<div
|
|
class="mx_SettingsSubsectionHeading"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
|
|
>
|
|
Theme
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
|
|
>
|
|
<form
|
|
class="_root_19upo_16"
|
|
>
|
|
<div
|
|
class="_inline-field_19upo_32"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_19o42_10"
|
|
>
|
|
<input
|
|
class="_input_19o42_24"
|
|
id="radix-«r10»"
|
|
name="systemTheme"
|
|
role="switch"
|
|
title=""
|
|
type="checkbox"
|
|
/>
|
|
<div
|
|
class="_ui_19o42_34"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59"
|
|
for="radix-«r10»"
|
|
>
|
|
Match system theme
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form
|
|
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
|
|
>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r11»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="light"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r11»"
|
|
>
|
|
Light
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r12»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="dark"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r12»"
|
|
>
|
|
Dark
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r13»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="light-high-contrast"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r13»"
|
|
>
|
|
High contrast
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r14»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="custom-Alice theme"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r14»"
|
|
>
|
|
Alice theme
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div
|
|
class="mx_ThemeChoicePanel_CustomTheme"
|
|
>
|
|
<form
|
|
class="_root_19upo_16 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
|
|
>
|
|
<div
|
|
class="_field_19upo_26"
|
|
>
|
|
<label
|
|
class="_label_19upo_59"
|
|
for="radix-«r15»"
|
|
>
|
|
Add custom theme
|
|
</label>
|
|
<div
|
|
class="_controls_17lij_8"
|
|
>
|
|
<input
|
|
aria-describedby="radix-«r16»"
|
|
class="_control_sqdq4_10"
|
|
id="radix-«r15»"
|
|
name="input"
|
|
title=""
|
|
value=""
|
|
/>
|
|
</div>
|
|
<span
|
|
class="_message_19upo_85 _help-message_19upo_91"
|
|
id="radix-«r16»"
|
|
>
|
|
Enter the URL of a custom theme you want to apply.
|
|
</span>
|
|
</div>
|
|
</form>
|
|
<ul
|
|
class="mx_ThemeChoicePanel_CustomThemeList"
|
|
>
|
|
<li
|
|
aria-label="Alice theme"
|
|
class="mx_ThemeChoicePanel_CustomThemeList_theme"
|
|
>
|
|
<span
|
|
class="mx_ThemeChoicePanel_CustomThemeList_name"
|
|
>
|
|
Alice theme
|
|
</span>
|
|
<button
|
|
aria-label="Delete"
|
|
aria-labelledby="«r17»"
|
|
class="_icon-button_1pz9o_8 _destructive_1pz9o_95"
|
|
data-kind="primary"
|
|
role="button"
|
|
style="--cpd-icon-button-size: 32px;"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="_indicator-icon_zr2a0_17"
|
|
style="--cpd-icon-button-size: 100%;"
|
|
>
|
|
<svg
|
|
fill="currentColor"
|
|
height="1em"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
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>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_separator_7ckbw_8"
|
|
data-kind="primary"
|
|
data-orientation="horizontal"
|
|
role="separator"
|
|
/>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|
|
|
|
exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
|
|
<DocumentFragment>
|
|
<div
|
|
class="mx_SettingsSubsection mx_SettingsSubsection_newUi"
|
|
data-testid="themePanel"
|
|
>
|
|
<div
|
|
class="mx_SettingsSubsectionHeading"
|
|
>
|
|
<h3
|
|
class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
|
|
>
|
|
Theme
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
|
|
>
|
|
<form
|
|
class="_root_19upo_16"
|
|
>
|
|
<div
|
|
class="_inline-field_19upo_32"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_19o42_10"
|
|
>
|
|
<input
|
|
class="_input_19o42_24"
|
|
id="radix-«r0»"
|
|
name="systemTheme"
|
|
role="switch"
|
|
title=""
|
|
type="checkbox"
|
|
/>
|
|
<div
|
|
class="_ui_19o42_34"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59"
|
|
for="radix-«r0»"
|
|
>
|
|
Match system theme
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<form
|
|
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
|
|
>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r1»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="light"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r1»"
|
|
>
|
|
Light
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r2»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="dark"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r2»"
|
|
>
|
|
Dark
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
|
|
>
|
|
<div
|
|
class="_inline-field-control_19upo_44"
|
|
>
|
|
<div
|
|
class="_container_1e0uz_10"
|
|
>
|
|
<input
|
|
class="_input_1e0uz_18"
|
|
id="radix-«r3»"
|
|
name="themeSelector"
|
|
title=""
|
|
type="radio"
|
|
value="light-high-contrast"
|
|
/>
|
|
<div
|
|
class="_ui_1e0uz_19"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="_inline-field-body_19upo_38"
|
|
>
|
|
<label
|
|
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
|
|
for="radix-«r3»"
|
|
>
|
|
High contrast
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div
|
|
class="_separator_7ckbw_8"
|
|
data-kind="primary"
|
|
data-orientation="horizontal"
|
|
role="separator"
|
|
/>
|
|
</div>
|
|
</DocumentFragment>
|
|
`;
|