[Chip/ Chip Group] Enhance component's interactive states

[geospatialem]

Check existing issues

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

Description

Updates the chip's interactive states, for chip-group's with selection modes, as part of the larger epic in https://github.com/Esri/calcite-design-system/issues/9299.

Current state

Acceptance Criteria

Note that interaction state only apply to Chip Groups with selection modes.

• [ ] kind="neutral" appearance="solid":
  • [ ] Update :hover background color to foreground.3
  • [ ] Update :press background color to border.3
• [ ] kind="brand" appearance="solid":
  • [ ] Update :hover background color to brand.hover
  • [ ] Update :press background color to brand.press
• [ ] kind="inverse" appearance="solid":
  • [ ] Update :hover background color to inverse.hover
  • [ ] Update :press background color to inverse.press
• [ ] appearance="outline-fill" and appearance="outline":
  • [ ] Update :hover background color to foreground.2
  • [ ] Update :press background color to foreground.3
• [ ] kind="neutral" and appearance="outline" OR appearance="outline-fill":
  • [ ] Update :hover outline colors to border.input
  • [ ] Update :press outline colors to text.3

Relevant Info

Figma file

Which Component

chip/chip-group

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