New Component: chip-group and selection modes

[macandcheese]

Description

We need a workflow for single or multi selection of chips.

Material refers to these as “choice” / “filter” chips - https://material.io/components/chips#types

Our options could match other components in our system like dropdown, accordion, etc., with a single/ multi / single-persist / none selection mode prop.

User Stories

Single select cc @asangma

Multi select: Category search on : https://developers.arcgis.com/calcite-design-system/icons/

That functionally works as "multi select choice chips" would (missing some keyboard affordances)

<calcite-chip-group selection-mode="single/multi/single-persist">
    <calcite-chip></calcite-chip>
    <calcite-chip></calcite-chip>
<calcite-chip-group>

• To improve keyboard navigability, it needs to work with arrow / home / end - Do we need to render a hidden semantic analog here like in calcite-rating?
• A calcite-chip would need an active prop to determine styling.
• A wrapping calcite-chip-group would set the selection-mode, similar to a dropdown group or accordion component.
• In addition to selection modes - calcite-chip-group would be able to space consistently chips used in static display, or dismissible chip grid. Need to evaluate keyboard behavior for chips in chip group without selection - do they need focus? only when dismissible?

High priority for Online (analysis/home app)

[macandcheese]

Can we bump the priority of this? We are still using a hand-rolled solution using Calcite Chips on the icon search linked above.

[ethanbdev]

+1, have a need for this as well!

[macandcheese]

@julio8a @benelan - can we take a look at adding some priority to this?

[mitc7862]

This looks great! We really need this in Map Viewer and Analysis Studio.

[macandcheese]

@benelan let's look at re-prioritizing this one if possible next triage.

[ethanbdev]

@jay-bis ended up implementing something similar for a different project, I am not sure if some if it could be reused / moved to this repository

[ellenupp]

We could also use something like this in Dashboards. We're currently implementing something similar using calcite-buttons:

But we also have an "edit" mode where items can be reordered and renamed.

[github-actions[bot]]

Installed and assigned for verification.

[geospatialem]

Verified in master with mouse, keyboard, and AT - JAWS and NVDA.

Referencing issue https://github.com/Esri/calcite-components/issues/6825 for additional keyboard support down the line.