Chip redesign

[Mil4n0r]

Checklist
(Check off all the items before submitting)

• Build process is done without errors. All tests pass in the /lib directory.
• Self-reviewed the code before submitting.
• Meets accessibility standards.
• Added/updated documentation to /website as needed.
• Added/updated tests as needed.

Description
Redesign of the chip component following the new design kit specifications, already using the new token architecture (CSS variables).

Additional context

• Figma designs

[Mil4n0r]

Missing documentation.

@GomezIvann Regarding your comments, I agree we should take a look at the API of the component, however I would personally leave that for once we finish reimplementing the rest of the components using tokens. Please let me know what you think about it. Otherwise I can spend a bit more time and refactor the component if it is not something huge.

[GomezIvann]

Missing documentation.

@GomezIvann Regarding your comments, I agree we should take a look at the API of the component, however I would personally leave that for once we finish reimplementing the rest of the components using tokens. Please let me know what you think about it. Otherwise I can spend a bit more time and refactor the component if it is not something huge.

Agree on the API review, but the use of the Action Icon I think should be considered since it is been used in the designs:

[Mil4n0r]

Okay, I will look into it.

[Mil4n0r]

Already added! Please take a look at it.

[GomezIvann]

Looks perfect! Only the doc remains.

[Mil4n0r]

Added doc. I am aware that we are still using "Prefix action" and "Suffix action" as default texts for the ActionIcons that are used inside of the component. We should probably make some slight improvements for the API to handle this. For example:

title: { prefix: string, suffix: string }

Or something similar.

EDIT: I have created a new issue regarding this topic: #2188

[Mil4n0r]

I had accidentally modified the Container story, the change is now reverted sorry about that.