InputSearch doesn't disable buttons when prop disabled is set

[estacioneto]

Describe the bug

That's the issue.

To Reproduce

Use this code in the InputSearch example and then click the clear icon button.

initialState = { value1: 'something', value2: '', value3: '' }
;<div>
  <InputSearch
    placeholder="Search..."
    value={state.value1}
    label="Small"
    size="small"
    onChange={e => setState({ value1: e.target.value })}
    onSubmit={e => {
      e.preventDefault()
      console.log('submited! search this: ', e.target.value)
    }}
    disabled
  />
  <br />
  <InputSearch
    placeholder="Search..."
    value={state.value2}
    label="Regular"
    size="regular"
    onChange={e => setState({ value2: e.target.value })}
    onSubmit={e => {
      e.preventDefault()
      console.log('submited! search this: ', e.target.value)
    }}
  />
  <br />
  <InputSearch
    placeholder="Search..."
    value={state.value3}
    label="Large"
    size="large"
    onChange={e => setState({ value3: e.target.value })}
    onSubmit={e => {
      e.preventDefault()
      console.log('submited! search this: ', e.target.value)
    }}
  />
</div>

Expected behavior

Should not clear the input value

[vlaux]

Should this clearable button be even visible when input is disabled?
Our Select, when disabled, hides this icon:

[davicostalf]

I agree with @vlaux, there shouldn't be a clear icon in the disabled variant.