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