Feature/53585 Migrate cookie message

[jszczech]

No description provided.

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://alpaca-ui-git-feature-53585.snowdog1.now.sh

[Aekal]

• In CookieMessage.js line 59 we have document, but to avoid ssr problems I think we should change it to:

const focusable = this.$root.$el.querySelectorAll('button:not([disabled]), a[href], area[href] input:not([disabled]), select:not([disabled]), textarea:not([disabled]), *[tabindex]:not([tabindex="-1"]), object, embed, *[contenteditable]')

Also this focusable list should be defined after this.isOpen = false, because now cookie itself is the first item to be focused

[Aekal]

• Please also fix hover and focus styles on button
  
• The icon is not highlighted on button hover

[Aekal]

Move this transition to &__close-icon styles, now the transition effect works only in one-way

[szafran89]

sth wrong with line spaces, probably line-height http://prntscr.com/nvu3l7