Chip - Update indigo theme

[desig9stein]

Closes IgniteUI/igniteui-theming#326

[andiesm813]

Everything looks good here too. Thanks @desig9stein

[yradoeva]

There are some things I noticed during validation:

Light & Dark mode

1. L, M and S size - the width of the chip is with 2 px larger because the border is implemented outside vs. inside in the Design kit.
   In that case left and right paddings should be:
   L - 7px
   M - 5px
   S - 3px
   (screenshot is from M)

Light mode
2. Default - Hover - border color should be grays.500 (not grays.400)

3. Selected - disabled: text color should be white 40% (not grays.900 20%)

4. Primary - disabled: text color should be white 40% (not white)

5. Primary + Selected - disabled: text color should be white 40% (not white)

Dark mode
6. Default - Hover - border color should be grays.200 (not grays.100)

7. Primary - disabled: text color should be white 20% (not white)

8. Primary + Selected - disabled: text color should be white 20% (not white)

[andiesm813]

@desig9stein i dont know if you fixed it yet, but i dont see the issue nº 2...

Some of the opacity issues might be related to the addition of opacity on the disabled component, yes @desig9stein ? So the text color being white for some of the variant chips (info, success, warning and error) is correct according to the handoff. But the primary chip didnt follow these rules, because it looked identical to the selected chip... so i kept the same criteria for the primary chip. But this may be confusing....

The other variants are fine on disabled.... maybe i still need to fix the primary chip, to match the same behavior as the other colored variants?