Color picker improvements

[praveen-murali-ind]

• Fixes Better color picker #2374

Changes

• Improved: spacing.
• Enabled: # prefix displaying.
• Enabled: eye picker by default.
• Updated: color palette styles.
• Updated: color input styles.
• Updated: color picker icon.

Description

Checklist

• I have made corresponding changes to the documentation.
• I have updated the types definition of modified exports.
• I have verified the functionality in some of the neeto web-apps.
• I have added tests that prove my fix is effective or that my feature works.
• I have added proper data-cy and data-testid attributes.
• I have added the necessary label (patch/minor/major - If package publish
  is required).

Reviewers

@deepakjosp _A

[praveen-murali-ind]

@deepakjosp _a Could you please work on the following?

• Show color palette by default. For now we can use the color values in the Storybook.

cc @josephmathew900

[deepakjosp]

@praveen-murali-ind as per our discussion let's refactor the Palette component to avoid the tailwind dependency and implement a more straight forward and simple way similar to what the react-colorful has implemented for the color boxes. This includes the change in the color list prop of the palette to array of color values and use those instead of the color bg classes and gradient as an inline style. Also these are breaking changes, we will have to refactor the usages in NeetoDesk and NeetoWireframe.

cc: @josephmathew900

[deepakjosp]

@praveen-murali-ind _a let's merge the PR with the current changes. Color palette changes can be taken up as a separate issue.

[deepakjosp]

@josephmathew900 _a I've updated the jest.config. Please review.

[josephmathew900]

LGTM