Feat/BOOK-293 button adjustments

* feat(BOOK-293): Adjusted padding of the buttons to match Figma design
* feat(BOOK-293): Updated variants for IconButton
* feat(BOOK-113): Updated focus indicators on buttons and added default focus ring color
* feat(BOOK-293): Replaced buttons inside booking widget

Approved-by: Christel Westerberg

packages/design-system/lib/components/Toasts/Toast.tsx

@@ -1,12 +1,12 @@
 import type { VariantProps } from 'class-variance-authority'
 
-import { toastVariants } from './variants'
 import { MaterialIcon, MaterialIconSetIconProps } from '../Icons/MaterialIcon'
+import { toastVariants } from './variants'
 
-import styles from './toasts.module.css'
-import { Typography } from '../Typography'
 import { useIntl } from 'react-intl'
 import { IconButton } from '../IconButton'
+import { Typography } from '../Typography'
+import styles from './toasts.module.css'
 
 export type ToastsProps = VariantProps<typeof toastVariants> & {
   variant: NonNullable<VariantProps<typeof toastVariants>['variant']>
@@ -39,12 +39,13 @@ export function Toast({ children, message, onClose, variant }: ToastsProps) {
       )}
       {onClose ? (
         <IconButton
-          onClick={onClose}
+          onPress={onClose}
           aria-label={intl.formatMessage({
             id: 'toast.dismissNotification',
             defaultMessage: 'Dismiss notification',
           })}
-          theme="Black"
+          variant="Muted"
+          emphasis
         >
           <MaterialIcon icon="close" />
         </IconButton>