Borderless and clearable props broken on Autocomplete, borderless also broken on TagBuilder

[Saladinek]

Bug Report

Prerequisites

• Can you reproduce the problem in a MWE?
• Are you running the latest version?
• Did you check the FAQs to see if that helps you?
• Are you reporting to the correct repository?
• Did you perform a search in the issues?

For more information, see the CONTRIBUTING guide.

Versions

You can get this information from executing npm version.

Description

Autocomplete component:

• has clearable prop always set to true

• does not properly remove border when borderless is set to true

TagBuilder component:

• does not properly remove border when borderless is set to true

Steps to Reproduce

Clearable:

1. Go to KitchenSink
2. Set the Autocomplete prop clearable to false

Expected Behaviour: Autocomplete does not have the icon on the right side to delete values
Actual Behaviour: Autocomplete can still be cleared via the available icon

Borderless:

1. Go to KitchenSink for Autocomplete or TagBuilder
2. Set the property borderless to true

Expected Behaviour: There is no border shown on hover, error, existing value or when focused
Actual Behaviour: Border is not shown only when there is error with no input value. Border is shown when focused, hovering or has value.

Environment details: [OS, Browser, ...]

Possible Solution

Solution on hold

[Saladinek]

Is the borderless property supposed to remove all borders (onHover, when value/error is set)?