Jika/element-web
1
0
Fork 0
Code Issues Pull Requests Projects Wiki Activity

Fix Compound Link elements not having an underline. (#31583)

Browse Source 
* Do not alter text-decoration if an <a> tag is a Link.

* Update screenshots

* update compound web to 8.3.4

* Update snaps

* Update alllllll the snaps

* update screenshots
This commit is contained in:
Will Hunt
2026-01-05 09:27:00 +00:00
committed by GitHub
parent 7398a83ae4
commit cf7bf71d01
42 changed files with 394 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap
View File

@@ -102,7 +102,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"
@@ -143,7 +143,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://packages.element.io/desktop/install/macos/Element.dmg"
@@ -167,7 +167,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
Mac
</a>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe"
@@ -189,7 +189,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
Windows (64-bit)
</a>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe"
@@ -211,7 +211,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
Windows (ARM 64-bit)
</a>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://element.io/download#linux"

2
test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
View File

@@ -1018,7 +1018,7 @@ exports[`RoomView invites renders an invite room 1`] = `
Decline
</div>
<button
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
data-kind="tertiary"
data-size="lg"
role="button"

12
test/unit-tests/components/structures/auth/__snapshots__/CompleteSecurity-test.tsx.snap
View File

@@ -99,7 +99,7 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -119,7 +119,7 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
Use another device
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="lg"
role="button"
@@ -128,7 +128,7 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
Can't confirm?
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -279,7 +279,7 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -288,7 +288,7 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
Use recovery key
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="lg"
role="button"
@@ -297,7 +297,7 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
Can't confirm?
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"

4
test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap
View File

@@ -73,7 +73,7 @@ exports[`<MasUnlockCrossSigningAuthEntry/> should render 1`] = `
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8 mx_Dialog_nonDialogButton _has-icon_187yx_57"
class="_button_13vu4_8 mx_Dialog_nonDialogButton _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"
@@ -97,7 +97,7 @@ exports[`<MasUnlockCrossSigningAuthEntry/> should render 1`] = `
Continue to account
</button>
<button
class="_button_187yx_8 mx_Dialog_nonDialogButton"
class="_button_13vu4_8 mx_Dialog_nonDialogButton"
data-kind="tertiary"
data-size="lg"
role="button"

4
test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap
View File

@@ -59,7 +59,7 @@ exports[`ConfirmKeyStorageOffDialog renders 1`] = `
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="lg"
role="button"
@@ -68,7 +68,7 @@ exports[`ConfirmKeyStorageOffDialog renders 1`] = `
Go to Settings
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="lg"
role="button"

12
test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
View File

@@ -36,7 +36,7 @@ exports[`ShareDialog should not render the QR code if disabled 1`] = `
</span>
</div>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"
@@ -193,7 +193,7 @@ exports[`ShareDialog should not render the socials if disabled 1`] = `
</span>
</div>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"
@@ -319,7 +319,7 @@ exports[`ShareDialog should render a share dialog for a matrix event 1`] = `
Link to selected message
</label>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"
@@ -503,7 +503,7 @@ exports[`ShareDialog should render a share dialog for a room 1`] = `
Link to most recent message
</label>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"
@@ -660,7 +660,7 @@ exports[`ShareDialog should render a share dialog for a room member 1`] = `
</span>
</div>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"
@@ -817,7 +817,7 @@ exports[`ShareDialog should render a share dialog for an URL 1`] = `
</span>
</div>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="lg"
role="button"

4
test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap
View File

@@ -33,7 +33,7 @@ exports[`<UnpinAllDialog /> should render 1`] = `
class="mx_UnpinAllDialog_buttons"
>
<button
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
data-kind="primary"
data-size="lg"
role="button"
@@ -42,7 +42,7 @@ exports[`<UnpinAllDialog /> should render 1`] = `
Continue
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"

2
test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
View File

@@ -54,7 +54,7 @@ exports[`<LocationShareMenu /> with live location disabled goes to labs flag scr
</div>
<button
aria-disabled="true"
class="_button_187yx_8 mx_EnableLiveShare_button"
class="_button_13vu4_8 mx_EnableLiveShare_button"
data-kind="primary"
data-size="lg"
role="button"

2
test/unit-tests/components/views/messages/__snapshots__/MFileBody-test.tsx.snap
View File

@@ -9,7 +9,7 @@ exports[`<MFileBody/> should show a download button in file rendering type 1`] =
class="mx_MFileBody_download"
>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
rel="noreferrer noopener"

4
test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
View File

@@ -50,7 +50,7 @@ exports[`<ExtensionsCard /> should render empty state 1`] = `
tabindex="-1"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"
@@ -151,7 +151,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
tabindex="-1"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"

2
test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
View File

@@ -296,7 +296,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
class="mx_PinnedMessagesCard_unpin"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"

306
test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

72
test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
View File

@@ -144,13 +144,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -162,13 +162,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Send message
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -181,14 +181,14 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26 _disabled_dyt4i_118"
class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
data-kind="primary"
disabled=""
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -200,13 +200,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Jump to read receipt
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -219,13 +219,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -237,13 +237,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Share profile
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -260,13 +260,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -278,13 +278,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Ignore
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -446,13 +446,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -464,13 +464,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Send message
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -483,14 +483,14 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26 _disabled_dyt4i_118"
class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
data-kind="primary"
disabled=""
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -502,13 +502,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Jump to read receipt
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -521,13 +521,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -539,13 +539,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Share profile
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -562,13 +562,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -580,13 +580,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Deactivate user
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -603,13 +603,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -621,13 +621,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Ignore
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"

56
test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
View File

@@ -43,13 +43,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</div>
</div>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -61,13 +61,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Send message
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -80,13 +80,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -98,13 +98,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Invite
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -117,14 +117,14 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26 _disabled_dyt4i_118"
class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
data-kind="primary"
disabled=""
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -136,13 +136,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Jump to read receipt
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -155,13 +155,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -173,13 +173,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Share profile
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -192,13 +192,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -210,13 +210,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Mention
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -233,13 +233,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -251,13 +251,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Deactivate user
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -274,13 +274,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
class="mx_UserInfo_container"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="critical"
role="button"
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -292,13 +292,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Ignore
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"

2
test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
View File

@@ -59,7 +59,7 @@ exports[`<UserInfoHeaderVerificationView /> renders verify button 1`] = `
class="mx_UserInfo_container_verifyButton"
>
<button
class="_button_187yx_8 mx_UserInfo_verify_button"
class="_button_13vu4_8 mx_UserInfo_verify_button"
data-kind="tertiary"
data-size="sm"
role="button"

14
test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/EmptyRoomList-test.tsx.snap
View File

@@ -76,7 +76,7 @@ exports[`<EmptyRoomList /> should display the empty state for the invite filter
You don't have any unread invites
</span>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -101,7 +101,7 @@ exports[`<EmptyRoomList /> should display the empty state for the low priority f
You don't have any low priority rooms
</span>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -126,7 +126,7 @@ exports[`<EmptyRoomList /> should display the empty state for the mention filter
You don't have any unread mentions
</span>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -151,7 +151,7 @@ exports[`<EmptyRoomList /> should display the empty state for the unread filter
Congrats! You don’t have any unread messages
</span>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -185,7 +185,7 @@ exports[`<EmptyRoomList /> should not render the new room button if the user doe
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"
@@ -232,7 +232,7 @@ exports[`<EmptyRoomList /> should render the default placeholder when there is n
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"
@@ -253,7 +253,7 @@ exports[`<EmptyRoomList /> should render the default placeholder when there is n
Start chat
</button>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"

2
test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
View File

@@ -9,7 +9,7 @@ exports[`<RoomListSearch /> renders 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_187yx_8 _search_z7ks9_16 _has-icon_187yx_57"
class="_button_13vu4_8 _search_z7ks9_16 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
id="room-list-search-button"

48
test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
View File

@@ -202,7 +202,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
tabindex="-1"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -211,7 +211,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -223,13 +223,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
View in timeline
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -242,7 +242,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -251,7 +251,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -268,13 +268,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Unpin
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -287,7 +287,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -296,7 +296,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -308,13 +308,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Forward
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -333,7 +333,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
role="separator"
/>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="critical"
data-orientation="vertical"
data-radix-collection-item=""
@@ -342,7 +342,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -354,13 +354,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Delete
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -393,7 +393,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
tabindex="-1"
>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -402,7 +402,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -414,13 +414,13 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
View in timeline
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -433,7 +433,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
</svg>
</button>
<button
class="_item_dyt4i_8 _interactive_dyt4i_26"
class="_item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -442,7 +442,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
>
<svg
aria-hidden="true"
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
fill="currentColor"
height="24"
viewBox="0 0 24 24"
@@ -454,13 +454,13 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
/>
</svg>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
Forward
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"

6
test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
View File

@@ -128,7 +128,7 @@ exports[`<PinnedMessageBanner /> should display the last message when the pinned
</div>
</button>
<button
class="_button_187yx_8 mx_PinnedMessageBanner_actions"
class="_button_13vu4_8 mx_PinnedMessageBanner_actions"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -438,7 +438,7 @@ exports[`<PinnedMessageBanner /> should render 2 pinned event 1`] = `
</div>
</button>
<button
class="_button_187yx_8 mx_PinnedMessageBanner_actions"
class="_button_13vu4_8 mx_PinnedMessageBanner_actions"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -520,7 +520,7 @@ exports[`<PinnedMessageBanner /> should render 4 pinned event 1`] = `
</div>
</button>
<button
class="_button_187yx_8 mx_PinnedMessageBanner_actions"
class="_button_13vu4_8 mx_PinnedMessageBanner_actions"
data-kind="tertiary"
data-size="lg"
role="button"

4
test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
View File

@@ -60,7 +60,7 @@ exports[`PowerLevelSelector should display only the current user 1`] = `
<button
aria-disabled="true"
aria-label="Apply"
class="_button_187yx_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
class="_button_13vu4_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_187yx_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
class="_button_13vu4_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
data-kind="primary"
data-size="sm"
role="button"

12
test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
View File

@@ -53,7 +53,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
class="mx_EncryptionDetails_buttons"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
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_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
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_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
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_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
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_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
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_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
data-kind="tertiary"
data-size="sm"
role="button"

20
test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
View File

@@ -140,7 +140,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -298,7 +298,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
>
<button
aria-disabled="true"
class="_button_187yx_8"
class="_button_13vu4_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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -479,7 +479,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
>
<button
aria-disabled="true"
class="_button_187yx_8"
class="_button_13vu4_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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -597,7 +597,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -759,7 +759,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
class="mx_EncryptionCard_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"

4
test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
View File

@@ -134,7 +134,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
>
<button
aria-disabled="false"
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"

4
test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
View File

@@ -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_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
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_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="sm"
role="button"

4
test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap
View File

@@ -40,7 +40,7 @@ exports[`<RecoveyPanelOutOfSync /> should render 1`] = `
class="mx_RecoveryPanelOutOfSync"
>
<button
class="_button_187yx_8"
class="_button_13vu4_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_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="sm"
role="button"

14
test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
View File

@@ -161,7 +161,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
>
<button
aria-disabled="false"
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -344,7 +344,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
>
<button
aria-disabled="false"
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -530,7 +530,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
>
<button
aria-disabled="false"
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
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_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -716,7 +716,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
>
<button
aria-disabled="true"
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
data-kind="primary"
data-size="lg"
role="button"

12
test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
View File

@@ -42,7 +42,7 @@ exports[`<EncryptionUserSettingsTab /> should display a verify button when the e
</div>
</div>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="sm"
role="button"
@@ -124,7 +124,7 @@ exports[`<EncryptionUserSettingsTab /> should display the identity needs reset p
</div>
<div>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"
@@ -186,7 +186,7 @@ exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync p
class="mx_RecoveryPanelOutOfSync"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -195,7 +195,7 @@ exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync p
Forgot recovery key?
</button>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="primary"
data-size="sm"
role="button"
@@ -393,7 +393,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
>
<button
aria-disabled="false"
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
data-kind="primary"
data-size="lg"
role="button"
@@ -402,7 +402,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
Continue
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="tertiary"
data-size="lg"
role="button"

40
test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
View File

@@ -26,7 +26,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
class="mx_ThreadsActivityCentre_rows"
>
<button
class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -34,7 +34,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
tabindex="-1"
>
<div
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
>
<span
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -48,13 +48,13 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
This is a real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -74,7 +74,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</div>
</button>
<button
class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -82,7 +82,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
tabindex="-1"
>
<div
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
>
<span
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -96,13 +96,13 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
A notification
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -185,7 +185,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
class="mx_ThreadsActivityCentre_rows"
>
<button
class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -193,7 +193,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
tabindex="-1"
>
<div
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
>
<span
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -207,13 +207,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
This is a third real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -233,7 +233,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</div>
</button>
<button
class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -241,7 +241,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
tabindex="-1"
>
<div
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
>
<span
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -255,13 +255,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
This is a real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"
@@ -281,7 +281,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</div>
</button>
<button
class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
data-kind="primary"
data-orientation="vertical"
data-radix-collection-item=""
@@ -289,7 +289,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
tabindex="-1"
>
<div
class="_icon_dyt4i_50"
class="_icon_lqfwq_50"
>
<span
class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -303,13 +303,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
</span>
</div>
<span
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
>
This is a second real highlight
</span>
<svg
aria-hidden="true"
class="_nav-hint_dyt4i_59"
class="_nav-hint_lqfwq_59"
fill="currentColor"
height="24"
viewBox="8 0 8 24"

8
test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap
View File

@@ -15,7 +15,7 @@ exports[`GenericToast should render as expected with detail content 1`] = `
class="mx_Toast_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -24,7 +24,7 @@ exports[`GenericToast should render as expected with detail content 1`] = `
Reject
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"
@@ -57,7 +57,7 @@ exports[`GenericToast should render as expected without detail content 1`] = `
class="mx_Toast_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -66,7 +66,7 @@ exports[`GenericToast should render as expected without detail content 1`] = `
Reject
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"

8
test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap
View File

@@ -13,7 +13,7 @@ exports[`VerificationRequestToast should render a cross-user verification 1`] =
class="mx_Toast_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -22,7 +22,7 @@ exports[`VerificationRequestToast should render a cross-user verification 1`] =
Ignore
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"
@@ -53,7 +53,7 @@ exports[`VerificationRequestToast should render a self-verification 1`] = `
class="mx_Toast_buttons"
>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="secondary"
data-size="sm"
role="button"
@@ -62,7 +62,7 @@ exports[`VerificationRequestToast should render a self-verification 1`] = `
Ignore
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"

4
test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap
View File

@@ -62,7 +62,7 @@ exports[`UnverifiedSessionToast when rendering the toast should render as expect
class="mx_Toast_buttons"
>
<button
class="_button_187yx_8 _destructive_187yx_107"
class="_button_13vu4_8 _destructive_13vu4_110"
data-kind="secondary"
data-size="sm"
role="button"
@@ -71,7 +71,7 @@ exports[`UnverifiedSessionToast when rendering the toast should render as expect
No
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"

12
test/unit-tests/vector/__snapshots__/init-test.ts.snap
View File

@@ -106,7 +106,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="sm"
role="button"
@@ -130,7 +130,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
Learn more
</button>
<button
class="_button_187yx_8"
class="_button_13vu4_8"
data-kind="primary"
data-size="sm"
role="button"
@@ -156,7 +156,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://packages.element.io/desktop/install/macos/Element.dmg"
@@ -180,7 +180,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
Mac
</a>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe"
@@ -202,7 +202,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
Windows (64-bit)
</a>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe"
@@ -224,7 +224,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
Windows (ARM 64-bit)
</a>
<a
class="_button_187yx_8 _has-icon_187yx_57"
class="_button_13vu4_8 _has-icon_13vu4_60"
data-kind="secondary"
data-size="lg"
href="https://element.io/download#linux"