feat(ui) update AtlasKit components

react/features/base/dialog/components/web/StatelessDialog.js

@@ -1,6 +1,7 @@
 // @flow
 
-import Button, { ButtonGroup } from '@atlaskit/button';
+import ButtonGroup from '@atlaskit/button/button-group';
+import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalFooter } from '@atlaskit/modal-dialog';
 import _ from 'lodash';
 import React, { Component } from 'react';
@@ -8,6 +9,8 @@ import React, { Component } from 'react';
 import { translate } from '../../../i18n/functions';
 import type { DialogProps } from '../../constants';
 
+import ModalHeader from './ModalHeader';
+
 /**
  * The ID to be used for the cancel button if enabled.
  * @type {string}
@@ -127,10 +130,13 @@ class StatelessDialog extends Component<Props> {
             <Modal
                 autoFocus = { true }
                 components = {{
-                    Header: customHeader
+                    Header: customHeader ? customHeader : props => (
+                        <ModalHeader
+                            { ...props }
+                            heading = { titleString || t(titleKey) } />
+                    )
                 }}
                 footer = { this._renderFooter }
-                heading = { customHeader ? undefined : titleString || t(titleKey) }
                 i18n = { this.props.i18n }
                 onClose = { this._onDialogDismissed }
                 onDialogDismissed = { this._onDialogDismissed }