[BUG][EuiColorPicker] Option Toggling is rendering the addStop prop onto a DIV incorrectly

[1Copenut]

Describe the bug
EuiColorPicker option toggle is rendering the addStop prop to a DIV incorrectly. React is warning on this item and

Environment and versions

• EUI version: v85.0.0 (latest)
• React version: 17
• Kibana version (if applicable): n/a
• Browser: Chrome
• Operating System: MacOS

To Reproduce
Steps to reproduce the behavior:

1. Go to CodeSandbox demo for EuiColorPicker option toggling
2. Click on dev tools in Chromium or Firefox, then click "Console"
3. See error:

Warning: React does not recognize the `addStop` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `addstop` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Expected behavior
There should not be an error and the addStep prop should not be rendered into the DOM.

Minimum reproducible sandbox
No sandbox necessary. This is accessible from production docs sandbox listed in To Reproduce

Screenshots

[helenrekha]

I can work on it. Could you please assign this issue to me?

[1Copenut]

Hi @helenrekha. Thank you for offering to work on this issue. The EuiColorStops element that was causing the issue is scheduled for deprecation.

EUI has a list of good first issues if you're interested in contributing.