Update IconButton colors (#30124)
* chore: update `@vector-im/compound-web` to 8.0.0 * refactor(IconButton): use `kind="secondary"` instead of `subtleBackground` props * test: update snapshots * fix: force color on room header toggle * fix: TAC button color * test(e2e): update release announcement screenshot
This commit is contained in:
@@ -32,7 +32,8 @@ exports[`AppTile destroys non-persisted right panel widget on room change 1`] =
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r0»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
|
||||
@@ -20,7 +20,8 @@ exports[`<BaseCard /> should close when clicking X button 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r0»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
|
||||
@@ -20,7 +20,8 @@ exports[`<ExtensionsCard /> should render empty state 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r0»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -120,7 +121,8 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r6»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
|
||||
@@ -20,7 +20,8 @@ exports[`<PinnedMessagesCard /> should show the empty state when there are no pi
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«re»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -101,7 +102,8 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«rk»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -167,7 +169,8 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open menu"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rv»"
|
||||
role="button"
|
||||
@@ -245,7 +248,8 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open menu"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r16»"
|
||||
role="button"
|
||||
@@ -322,7 +326,8 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«rt2»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -388,7 +393,8 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open menu"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rtd»"
|
||||
role="button"
|
||||
@@ -466,7 +472,8 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open menu"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rtk»"
|
||||
role="button"
|
||||
|
||||
@@ -17,7 +17,8 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
|
||||
/>
|
||||
<button
|
||||
aria-labelledby="«rq»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -126,7 +127,8 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
|
||||
</span>
|
||||
</p>
|
||||
<button
|
||||
class="_icon-button_m2erp_8 mx_RoomSummaryCard_topic_chevron"
|
||||
class="_icon-button_1pz9o_8 mx_RoomSummaryCard_topic_chevron"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 24px;"
|
||||
tabindex="0"
|
||||
@@ -775,7 +777,8 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
|
||||
/>
|
||||
<button
|
||||
aria-labelledby="«r0»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -1496,7 +1499,8 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
|
||||
/>
|
||||
<button
|
||||
aria-labelledby="«rd»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -1605,7 +1609,8 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
|
||||
</span>
|
||||
</p>
|
||||
<button
|
||||
class="_icon-button_m2erp_8 mx_RoomSummaryCard_topic_chevron"
|
||||
class="_icon-button_1pz9o_8 mx_RoomSummaryCard_topic_chevron"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 24px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -20,7 +20,8 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r6i»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -306,7 +307,8 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r6s»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
|
||||
@@ -45,7 +45,8 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
|
||||
<button
|
||||
aria-disabled="true"
|
||||
aria-label="There's no one here to call"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
@@ -72,7 +73,8 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
|
||||
aria-disabled="true"
|
||||
aria-label="There's no one here to call"
|
||||
aria-labelledby="«r1dt»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
@@ -97,7 +99,8 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
|
||||
<button
|
||||
aria-label="Threads"
|
||||
aria-labelledby="«r1e2»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
@@ -123,7 +126,8 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
|
||||
<button
|
||||
aria-label="Room info"
|
||||
aria-labelledby="«r1e7»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -4,8 +4,9 @@ exports[`<VideoRoomChatButton /> renders button with an unread marker when room
|
||||
<button
|
||||
aria-label="Chat"
|
||||
aria-labelledby="«r6»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-indicator="default"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -22,7 +22,8 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open space menu"
|
||||
class="_icon-button_m2erp_8 mx_SpaceMenu_button"
|
||||
class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rc»"
|
||||
role="button"
|
||||
@@ -59,7 +60,8 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
|
||||
aria-haspopup="menu"
|
||||
aria-label="Room Options"
|
||||
aria-labelledby="«rg»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«re»"
|
||||
role="button"
|
||||
@@ -90,7 +92,8 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Add"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rl»"
|
||||
role="button"
|
||||
@@ -148,7 +151,8 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open space menu"
|
||||
class="_icon-button_m2erp_8 mx_SpaceMenu_button"
|
||||
class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«ro»"
|
||||
role="button"
|
||||
@@ -185,7 +189,8 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
|
||||
aria-haspopup="menu"
|
||||
aria-label="Room Options"
|
||||
aria-labelledby="«rs»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rq»"
|
||||
role="button"
|
||||
@@ -213,7 +218,8 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
|
||||
</button>
|
||||
<button
|
||||
aria-label="New message"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
@@ -268,7 +274,8 @@ exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open space menu"
|
||||
class="_icon-button_m2erp_8 mx_SpaceMenu_button"
|
||||
class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r0»"
|
||||
role="button"
|
||||
@@ -305,7 +312,8 @@ exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
|
||||
aria-haspopup="menu"
|
||||
aria-label="Room Options"
|
||||
aria-labelledby="«r4»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r2»"
|
||||
role="button"
|
||||
@@ -336,7 +344,8 @@ exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Add"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r9»"
|
||||
role="button"
|
||||
@@ -394,7 +403,8 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open space menu"
|
||||
class="_icon-button_m2erp_8 mx_SpaceMenu_button"
|
||||
class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r28»"
|
||||
role="button"
|
||||
@@ -431,7 +441,8 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
|
||||
aria-haspopup="menu"
|
||||
aria-label="Room Options"
|
||||
aria-labelledby="«r2c»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r2a»"
|
||||
role="button"
|
||||
@@ -462,7 +473,8 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Add"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r2h»"
|
||||
role="button"
|
||||
@@ -526,7 +538,8 @@ exports[`<RoomListHeaderView /> space menu should not display the space menu 1`]
|
||||
aria-haspopup="menu"
|
||||
aria-label="Room Options"
|
||||
aria-labelledby="«r2m»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r2k»"
|
||||
role="button"
|
||||
@@ -557,7 +570,8 @@ exports[`<RoomListHeaderView /> space menu should not display the space menu 1`]
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Add"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r2r»"
|
||||
role="button"
|
||||
|
||||
@@ -12,7 +12,8 @@ exports[`<RoomListItemMenuView /> should render the more options menu 1`] = `
|
||||
aria-haspopup="menu"
|
||||
aria-label="More Options"
|
||||
aria-labelledby="«r2»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r0»"
|
||||
role="button"
|
||||
@@ -43,7 +44,8 @@ exports[`<RoomListItemMenuView /> should render the more options menu 1`] = `
|
||||
aria-haspopup="menu"
|
||||
aria-label="Notification options"
|
||||
aria-labelledby="«r9»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r7»"
|
||||
role="button"
|
||||
@@ -87,7 +89,8 @@ exports[`<RoomListItemMenuView /> should render the notification options menu 1`
|
||||
aria-haspopup="menu"
|
||||
aria-label="More Options"
|
||||
aria-labelledby="«ri»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rg»"
|
||||
role="button"
|
||||
@@ -118,7 +121,8 @@ exports[`<RoomListItemMenuView /> should render the notification options menu 1`
|
||||
aria-haspopup="menu"
|
||||
aria-label="Notification options"
|
||||
aria-labelledby="«rp»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rn»"
|
||||
role="button"
|
||||
|
||||
@@ -8,7 +8,8 @@ exports[`<RoomListOptionsMenu /> should match snapshot 1`] = `
|
||||
aria-haspopup="menu"
|
||||
aria-label="Room Options"
|
||||
aria-labelledby="«r2»"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r0»"
|
||||
role="button"
|
||||
|
||||
@@ -35,7 +35,8 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open menu"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r5»"
|
||||
role="button"
|
||||
@@ -111,7 +112,8 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
|
||||
aria-expanded="false"
|
||||
aria-haspopup="menu"
|
||||
aria-label="Open menu"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«rd»"
|
||||
role="button"
|
||||
|
||||
@@ -20,7 +20,8 @@ exports[`<ThirdPartyMemberInfo /> should render invite 1`] = `
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r0»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
@@ -94,7 +95,8 @@ exports[`<ThirdPartyMemberInfo /> should render invite when room in not availabl
|
||||
</div>
|
||||
<button
|
||||
aria-labelledby="«r6»"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
data-testid="base-card-close-button"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
|
||||
@@ -241,7 +241,8 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
|
||||
<button
|
||||
aria-label="Delete"
|
||||
aria-labelledby="«r2f»"
|
||||
class="_icon-button_m2erp_8 _destructive_m2erp_74"
|
||||
class="_icon-button_1pz9o_8 _destructive_1pz9o_95"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
@@ -518,7 +519,8 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
|
||||
<button
|
||||
aria-label="Delete"
|
||||
aria-labelledby="«r17»"
|
||||
class="_icon-button_m2erp_8 _destructive_m2erp_74"
|
||||
class="_icon-button_1pz9o_8 _destructive_1pz9o_95"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 32px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -7,7 +7,8 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -108,7 +109,8 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
|
||||
</div>
|
||||
<button
|
||||
aria-label="Copy"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -167,7 +169,8 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -300,7 +303,8 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -455,7 +459,8 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -571,7 +576,8 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -672,7 +678,8 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
|
||||
</div>
|
||||
<button
|
||||
aria-label="Copy"
|
||||
class="_icon-button_m2erp_8"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="primary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -7,7 +7,8 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -7,7 +7,8 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -189,7 +190,8 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -371,7 +373,8 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
@@ -556,7 +559,8 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -178,7 +178,8 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
|
||||
>
|
||||
<button
|
||||
aria-label="Back"
|
||||
class="_icon-button_m2erp_8 _subtle-bg_m2erp_29"
|
||||
class="_icon-button_1pz9o_8"
|
||||
data-kind="secondary"
|
||||
role="button"
|
||||
style="--cpd-icon-button-size: 28px;"
|
||||
tabindex="0"
|
||||
|
||||
@@ -234,7 +234,8 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
|
||||
aria-haspopup="menu"
|
||||
aria-label="Threads"
|
||||
aria-labelledby="«r12»"
|
||||
class="_icon-button_m2erp_8 mx_ThreadsActivityCentreButton"
|
||||
class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r10»"
|
||||
role="button"
|
||||
|
||||
@@ -151,7 +151,8 @@ exports[`ThreadsActivityCentre should close the release announcement when the TA
|
||||
aria-haspopup="menu"
|
||||
aria-label="Threads"
|
||||
aria-labelledby="«rq»"
|
||||
class="_icon-button_m2erp_8 mx_ThreadsActivityCentreButton"
|
||||
class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
|
||||
data-kind="primary"
|
||||
data-state="open"
|
||||
id="radix-«ro»"
|
||||
role="button"
|
||||
@@ -487,7 +488,8 @@ exports[`ThreadsActivityCentre should render the release announcement 1`] = `
|
||||
aria-haspopup="menu"
|
||||
aria-label="Threads"
|
||||
aria-labelledby="«ra»"
|
||||
class="_icon-button_m2erp_8 mx_ThreadsActivityCentreButton"
|
||||
class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
|
||||
data-kind="primary"
|
||||
data-state="closed"
|
||||
id="radix-«r8»"
|
||||
role="button"
|
||||
|
||||
Reference in New Issue
Block a user