[Combo / Input / Select]: Background colors in some states don't match Figma (box design) in Material Dark

[andiesm813]

Description

This is happening for MATERIAL DARK theme when the components are used in BOX style.
The following BACKGROUND colors in these states in Angular / WebComponent, do not match the Figma design:

• Idle
• Idle & Hover
• Filled
• Filled & Hover
• Focused

Implemented Components

Figma Design

Expected result

1. The idle / Idle & Hover / Filled / Filled & Hover background colors should match the Figma backgrounds.
2. The Focused background color should match the Figma

[yradoeva]

The implementation should follow the Figma design kit, with 2 exceptions:

• Combo in focused state
  background color should be dark grays.300 with 38% opacity
  toggle button background should be dark grays.200

• Select in focused state
  background color should be dark grays.300 with 38% opacity
  toggle button background should be dark grays.200

This way all input components are aligned in focused state.

(Will be fixed soon in the design kit.)

[andiesm813]

Thanks @yradoeva Dani! I was going to clarify this too, after reading the comments on Figma. Thank you for taking the time to do it ;)