fix: button styles for disabledFocusable and text variation (#26012)

* fix: button styles for disabledFocusable and text variation * chore: add changelog
microsoft · Dec 19, 2022 · e79659c · e79659c
1 parent 25bc50c
commit e79659c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md
@@ -21,6 +21,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - `Carousel` fix for FZ - Adding data-is-visible prop #25973 @kolaps33 ([#25973](https://github.com/microsoft/fluentui/pull/25973))
 - Fix `Dropdown` allowing interaction with selected items when disabled @chpalac ([#25954](https://github.com/microsoft/fluentui/pull/25954))
+- Fix `Button` styles for `disabledFocusable` when `text` @chpalac ([#26012](https://github.com/microsoft/fluentui/pull/26012))
 
 <!--------------------------------[ v0.65.0 ]------------------------------- -->
 ## [v0.65.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-northstar_v0.65.0) (2022-10-31)

diff --git a/packages/fluentui/react-northstar/src/themes/teams/components/Button/buttonStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/components/Button/buttonStyles.ts
@@ -235,6 +235,9 @@ export const buttonStyles: ComponentSlotStylesPrepared<ButtonStylesProps, Button
  ':hover': {
  color: v.textColorDisabled,
  },
+ ':active': {
+ color: v.textColorDisabled,
+ },
  }),
 
  ...(!p.text && {