From 6539d1f986071457e2099854db96fb43c1be0c8d Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Wed, 19 Jul 2023 19:01:14 -0700 Subject: [PATCH 1/2] add color tokens for hover and pressed --- .../src/components/Option/useOptionStyles.styles.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts b/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts index 1383af69d49a1..7109c94b1f8db 100644 --- a/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts +++ b/packages/react-components/react-combobox/src/components/Option/useOptionStyles.styles.ts @@ -27,10 +27,12 @@ const useStyles = makeStyles({ '&:hover': { backgroundColor: tokens.colorNeutralBackground1Hover, + color: tokens.colorNeutralForeground1Hover, }, '&:active': { backgroundColor: tokens.colorNeutralBackground1Pressed, + color: tokens.colorNeutralForeground1Pressed, }, }, From 06c689c046ffb9f71df2f90e1f10422b8635dcdc Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Wed, 19 Jul 2023 19:03:04 -0700 Subject: [PATCH 2/2] change file --- ...eact-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json diff --git a/change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json b/change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json new file mode 100644 index 0000000000000..2d45fd43f1970 --- /dev/null +++ b/change/@fluentui-react-combobox-61c39a8b-d105-4eb8-bcd6-542e55ca5db5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: add color tokens for option hover and pressed states", + "packageName": "@fluentui/react-combobox", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +}