fix: autocomplete to alpha.44

[sbellone]

Changes

• Updated to alpha.44
• Re-imported updated autocomplete-theme-classic and updated our overriding CSS:
  • Some CSS classes have been renamed (Touch -> Detached), updated or removed (.aa-Panel--desktop)
• Fixed detached mode CSS (background color was not respecting the theme)
• Exposed detachedMediaQuery to let user control the detached mode (https://algolia-autocomplete.netlify.app/docs/detached-mode/#what-is-detached)

How to test

• yarn dev
• Reduce your windows size to trigger detached mode

[bodinsamuel]

This is a duplicate of #220
Also I'm awaiting this fix algolia/autocomplete@5991e77 to be released

[sbellone]

I hadn't seen it, but:

• We don't want to "revert" the touch UI, it's better to keep it and expose a parameter
• _highlightResult is not part of our record shema
• I've taken the time to update the whole CSS and make the detached UI work correctly

Let's release this one to give a workaround to people running the UI on Gatsby?

[bodinsamuel]

• The clear button has not the correct color when hovered
• The detached input has not the same size

[sbellone]

The clear button has not the correct color when hovered

What is the correct color? There is not hover on a touch device anyway.

The detached input has not the same size

Yes it's a design choice, to look more like a button I imagine: https://github.com/algolia/autocomplete/blob/next/packages/autocomplete-theme-classic/src/theme.scss#L482

[bodinsamuel]

What is the correct color? There is not hover on a touch device anyway.

Well the bug is still there anyway, correct color could be white idk

Yes it's a design choice, to look more like a button I imagine:

it's up to us to decide our own design, and I think it's better if both type of input are the same height no?

[sbellone]

Well the bug is still there anyway, correct color could be white idk

Ok I thought we were talking the Cancel button, this bug was already here and I hadn't retested this part.

For the input height, we've already shipped it like that last time and I think it makes sense to have it look like a button since it opens a fullscreen search. One less CSS property to override also.