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:
Florian Duros
2025-06-13 10:28:43 +02:00
committed by GitHub
parent 0f0f904cb0
commit 1e3fd9d3aa
30 changed files with 202 additions and 107 deletions
@@ -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"