[fab] Enhance component's interactive states

[geospatialem]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Description

Updates the fab's interactive states as part of the larger epic in https://github.com/Esri/calcite-design-system/issues/9299.

Current state

Acceptance Criteria

• [ ] Remove shadow change on :hover
  • [ ] Revisit in a "personality" micro-interaction audit - those decorative extra interactions that are not required for usability, but nice to add personality
  • [ ] Remove :hover styling from the focus state
• [ ] kind="neutral":
  • [ ] Update :hover background color to foreground.3
  • [ ] Update :press background color to border.3
• [ ] appearance="outline-fill":
  • [ ] Update :hover to a foreground.2 background change instead of a stroke width change
  • [ ] Update :press to a foreground.3 background change instead of a stroke width change
• [ ] kind="neutral" appearance="outline-fill":
  • [ ] Update :press stroke to border.input

Relevant Info

Figma file

Which Component

fab

Example Use Case

No response

Priority impact

impact - p2 - want for an upcoming milestone

Calcite package

• [X] @esri/calcite-components
• [ ] @esri/calcite-components-angular
• [ ] @esri/calcite-components-react
• [ ] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

[github-actions[bot]]

cc @geospatialem, @brittneytewks