Wrong specifications images of several components

[Jialecl]

There are several components with wrong specs images:

• Date input:

Some of the values used in this image are incorrect. For example the font size values for the years.

• Dropdown:

Gap between icon and option text is marked in the spec image but it not marked as 10px.

• Header:

Header component has no divider and application name by itself. They are part of the content. We should remove them from the header image specs since it could cause misunderstandings.

• Paginator:

Vertical padding of 12px is missing.

• Slider:

Text input is the old one.

• Tabs:

When enabled but no selected tab, the font size is grey, not purple.

[github-actions]

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

[github-actions]

This issue is stale because it has been open for 15 days with no activity. If there are no further updates or modifications within the next 15 days, it will be automatically closed.

[rconcepcion3]

Attaching the updated specifications images. Here are the details by updated image:

• Date input: updated specifications for font sizes with updated ones
• Dropdown: added 10px distance specs between icon and text
• Header: removed divider and application name in the specs image
• Paginator: vertical padding specs above and below added
• Slider: 2 images (specs and anatomy) both with updated text input fields
• Tabs: updated states and state names. The text on the site also needs to be changed. We no longer use 'pressed' state. Here is the new text to use:

Tabs have different states based on the user interaction. These states include: enabled, hover, focus, active, disabled, and inactive.
specifications_images.zip