Input colours doesn't match the design

[IGSvt]

Description

The input component should be updated in the following way:

-Border input (Material Design Light) :

Idle state:
-background (transparent)
-border (greys-500)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Idle & Hover state:
-background (transparent)
-border (greys-800)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Disable state:
-background (greys-100)
-border (greys-500)
-prefix icon/s (greys-500)
-suffix icon/s (greys-500)
-label (greys-500)
-placeholder text (greys-500)
-hint (greys-500)

Filled state:
-background (transparent)
-border (greys-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900); hint (greys-700)

Filled & Hover state:
-background (transparent)
-border (greys-800)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900); hint (greys-700)

Focus state:
-background (transparent)
-border (primary-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (primary-500)
-input text (greys-900)
-hint (primary-500)

Success state:
-background (transparent)
-border (success-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (success-500)
-input text (greys-900)
-hint (success-500)

Warn state:
-background (transparent)
-border (warn-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (warn-500)
-input text (greys-900)
-hint (warn-500)

Error state:
-background (transparent)
-border (error-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (error-500)
-input text (greys-900)
-hint (error-500)

-Box input (Material Design Light):

Idle state:
-background (greys-100)
-border (greys-500)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Idle & Hover state:
-background (greys-200)
-border (greys-500)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Disable state:
-background (greys-100)
-border (greys-500)
-prefix icon/s (greys-500)
-suffix icon/s (greys-500)
-label (greys-500)
-placeholder text (greys-500)
-hint (greys-500)

Filled state:
-background (greys-100)
-border (greys-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900)
-hint (greys-700)

Filled & Hover state:
-background (greys-200)
-border (greys-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900)
-hint (greys-700)

Focus state:
-background (greys-300)
-border (primary-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (primary-500)
-input text (greys-900)
-hint (primary-500)

Success state:
-background (greys-200)
-border (success-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (success-500)
-input text (greys-900)
-hint (success-500)

Warn state:
-background (greys-200)
-border (warn-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (warn-500)
-input text (greys-900)
-hint (warn-500)

-Border input (Material Design Dark) :

Idle state:
-background (transparent)
-border (greys-500)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Idle & Hover state:
-background (transparent)
-border (greys-800)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Disable state:
-background (greys-100)
-border (greys-500)
-prefix icon/s (greys-500)
-suffix icon/s (greys-500)
-label (greys-500)
-placeholder text (greys-500)
-hint (greys-500)

Filled state:
-background (transparent)
-border (greys-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900); hint (greys-700)

Filled & Hover state:
-background (transparent)
-border (greys-800)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900); hint (greys-700)

Focus state:
-background (transparent)
-border (primary-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (primary-500)
-input text (greys-900)
-hint (primary-500)

Success state:
-background (transparent)
-border (success-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (success-500)
-input text (greys-900)
-hint (success-500)

Warn state:
-background (transparent)
-border (warn-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (warn-500)
-input text (greys-900)
-hint (warn-500)

Error state:
-background (transparent)
-border (error-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (error-500)
-input text (greys-900)
-hint (error-500)

-Box input (Material Design Dark):

Idle state:
-background (greys-100, opacity 38%)
-border (greys-500)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Idle & Hover state:
-background (greys-200, opacity 38%)
-border (greys-500)
-prefix icon/s (greys-700)
-suffix icon/s (greys-700)
-label (greys-700)
-placeholder text (greys-700)
-hint (greys-700)

Disable state:
-background (greys-100)
-border (greys-500)
-prefix icon/s (greys-500)
-suffix icon/s (greys-500)
-label (greys-500)
-placeholder text (greys-500)
-hint (greys-500)

Filled state:
-background (greys-100, opacity 38%)
-border (greys-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900)
-hint (greys-700)

Filled & Hover state:
-background (greys-200, opacity 38%)
-border (greys-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (greys-700)
-input text (greys-900)
-hint (greys-700)

Focus state:
-background (greys-300, opacity 38%)
-border (primary-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (primary-500)
-input text (greys-900)
-hint (primary-500)

Success state:
-background (greys-200, opacity 38%)
-border (success-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (success-500)
-input text (greys-900)
-hint (success-500)

Warn state:
-background (greys-200, opacity 38%)
-border (warn-500)
-prefix icon/s (greys-900)
-suffix icon/s (greys-900)
-label (warn-500)
-input text (greys-900)
-hint (warn-500)