WRR-14756: Refactor ColorPicker to use TabGroup instead of TabLayout

[adrian-cocoara-lgp]

Checklist

• I have read and understand the contribution guide
• A CHANGELOG entry is included
• At least one test case is included for this feature or bug fix
• Documentation was added or is not needed
• This is an API breaking change

Issue Resolved / Feature Added

Replaced TabLayout with TabGroup to render ColorPicker's tabs

Resolution

Additional Considerations

Added CSS variables and updated ui-tests to work with the new structure

Links

WRR-14756

Comments

Enact-DCO-1.0-Signed-off-by: Adrian Cocoara adrian.cocoara@lgepartner.com

[codecov]

Codecov Report

Attention: Patch coverage is 75.00000% with 3 lines in your changes missing coverage. Please review.

Project coverage is 81.14%. Comparing base (b2f9904) to head (725babe).
Report is 1 commits behind head on feature/ColorPickerPOC.

Files with missing lines	Patch %	Lines
ColorPicker/ColorPicker.js	75.00%	3 Missing ⚠️

Additional details and impacted files

@@                    Coverage Diff                     @@
##           feature/ColorPickerPOC    #1801      +/-   ##
==========================================================
- Coverage                   81.14%   81.14%   -0.01%     
==========================================================
  Files                         154      154              
  Lines                        7118     7127       +9     
  Branches                     2095     2099       +4     
==========================================================
+ Hits                         5776     5783       +7     
- Misses                       1023     1025       +2     
  Partials                      319      319              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[stanca-pop-lgp]

Please also create variables for colors.

[stanca-pop-lgp]

LGTM