Acceptance criteria

The disabled state for the Search component has some bugs.

Default story

• React: When the disabled prop is set to true, the icons should be using the$icon-disabled color token.
• WC: Same as React, and there is also a buggy flashing border around the close icon when switching the disabled prop between false and true.

Disabled story

• React: The search icon should be using the $icon-disabled color token.
• WC: Same as React.

Expandable story

• React: When the disabled prop is set to true, you can still interact with the search and you should not be able to.
• WC: Same as React.

Expandable With Layer story

• React: When the disabled prop is set to true, you can still interact with the search and you should not be able to.
• WC: Same as React. But also, looks like its only trying to set a disabled state for the $background example, the $layer-01 and $layer-02 examples don't seem to change.

With Layer story

• React: When the disabled prop is set to true, the icons should be using the$icon-disabled color token.
• WC: Same as React. But also, looks like its only trying to set a disabled state for the $background example, the $layer-01 and $layer-02 examples don't seem to change.

Design spec