UI kit sync

[m0ksem]

https://www.figma.com/community/file/1534484864281702906/vuestic-ui

• Update colors. Expand colors pallet (do not change current pallet).

• Add radius css variables to essential CSS files.

• Update components one-by-one using new colors, radiuses and paddings.
  // Design sizes configuration trough presets using CSS variables. Try to keep it consistent between components.

  • alert
  • banner
  • popover
  • toast
  • avatar
  • userpic
  • badge
  • label
  • tag
  • button - remove size prop, use pressets.
  • icon button
  • button group
  • button toggle
  • chip
  • pill
  • table
  • modal
  • checkbox
  • colour input
  • counter
  • date input
  • file upload
  • inline select
  • segmented control
  • input
  • option list
  • radio button
  • rating
  • select
  • combobox
  • switch
  • toggle
  • textarea
  • time input
  • accordion
  • collapse
  • divider
  • separator
  • dude
  • breadcrumbs
  • sidebar
  • stepper
  • wizard
  • tabs

• Remove old pallet

• Update typography