Chip: Rename color property to kind and rename values

[ashetland]

Description

To improve clarity and consistency across the system, the color property should be renamed to kind. The values should also be renamed to align with this scheme and a brand version added.

Acceptance Criteria

kind = brand | danger | info | neutral | success | warning

Brand variant added.

Relevant Info

No response

Which Component

Chip

Example Use Case

No response

Esri team

Calcite (design)

[ashetland]

cc @SkyeSeitz @geospatialem @macandcheese

[macandcheese]

A note, these will again change when the chip-group / chip proposed updates are added. The values for kind at that time will be brand, neutral, and inverse. The appearance values will match that of button.

We should in the meantime remove the transparent appearance type, that was never intended to be used for Chip.

[ashetland]

Overview sticker sheet.

[github-actions]

Installed and assigned for verification.

[ashetland]

Updated sticker sheets that include the new updates to Chip. Accordion was removed from these as those updates will happen post-v1.0.

[benelan]

In the future, we can create one issue for doing the same task, even if it is split across multiple components (e.g. renaming a property or two). We can still do separate PRs per component, but having one issue makes it easier to track and manage. For example #5798 and #2925

We could say "rename color and outline on components x, y, z"

[SkyeSeitz]

In the future, we can create one issue for doing the same task, even if it is split across multiple components (e.g. renaming a property or two). We can still do separate PRs per component, but having one issue makes it easier to track and manage. For example #5798 and #2925

We could say "rename color and outline on components x, y, z"

SO much easier. Thanks, @benelan for the clarification. This is Aaron and my preference as well 😂

[github-actions]

Installed and assigned for verification.

[geospatialem]

Was able to verify the kind values for "brand", "neutral" and "inverse".

Do we need to verify for the remaining values? cc @ashetland @SkyeSeitz
Nevermind, the brilliant Adam mentioned the last sticker was updated. This is verified

Codepen for verification for "danger", "info", "success", and "warning"?