@atlaskit/help 7.2.15 → 7.2.17

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -1,4 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+/** @jsxFrag */
+
 import React, { useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
@@ -13,6 +16,7 @@ import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
+import { jsx } from '@emotion/react';
 import { messages } from '../../../../messages';
 import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
 import ArticleWasHelpfulNoButton from './WasHelpfulNoButton';
@@ -21,7 +25,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export const ArticleWasHelpfulForm = ({
   onWasHelpfulSubmit,
@@ -119,73 +123,73 @@ export const ArticleWasHelpfulForm = ({
   };
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(ArticleFeedbackText, {
+      return jsx(React.Fragment, null, jsx(ArticleFeedbackContainer, null, jsx(ArticleFeedbackText, {
         style: {
           paddingRight: "var(--ds-space-100, 8px)"
         }
-      }, formatMessage(messages.help_article_rating_title)), /*#__PURE__*/React.createElement(ButtonGroup, null, handleArticleWasHelpfulYesButtonClick && /*#__PURE__*/React.createElement(ArticleWasHelpfulYesButton, {
+      }, formatMessage(messages.help_article_rating_title)), jsx(ButtonGroup, null, handleArticleWasHelpfulYesButtonClick && jsx(ArticleWasHelpfulYesButton, {
         onClick: handleArticleWasHelpfulYesButtonClick,
         isSelected: wasHelpful === true
-      }), handleArticleWasHelpfulNoButtonClick && /*#__PURE__*/React.createElement(ArticleWasHelpfulNoButton, {
+      }), handleArticleWasHelpfulNoButtonClick && jsx(ArticleWasHelpfulNoButton, {
         onClick: handleArticleWasHelpfulNoButtonClick,
         isSelected: wasHelpful === false
-      }))), wasHelpful !== null && onWasHelpfulSubmit && /*#__PURE__*/React.createElement(ArticleFeedbackAnswerWrapper, null, /*#__PURE__*/React.createElement(Form, {
+      }))), wasHelpful !== null && onWasHelpfulSubmit && jsx(ArticleFeedbackAnswerWrapper, null, jsx(Form, {
         onSubmit: onFeedbackSubmitClick
       }, ({
         formProps
       }) => {
-        return /*#__PURE__*/React.createElement("form", _extends({}, formProps, {
+        return jsx("form", _extends({}, formProps, {
           name: "form-example"
-        }), /*#__PURE__*/React.createElement(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && /*#__PURE__*/React.createElement(Field, {
+        }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
           name: "feedbackReason",
           isRequired: true
         }, ({
           fieldProps
-        }) => /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
+        }) => jsx(RadioGroup, _extends({}, fieldProps, {
           options: negativeFeedbackReason,
           onChange: radioGroupReasonOnChange
-        }))), /*#__PURE__*/React.createElement(Field, {
+        }))), jsx(Field, {
           name: "feedbackReasonText",
           defaultValue: ""
         }, ({
           fieldProps
-        }) => /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {
+        }) => jsx(TextArea, _extends({}, fieldProps, {
           minimumRows: 4,
           maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
           value: feedbackReasonText,
           onChange: feedbackReasonTextOnChange
-        }))), /*#__PURE__*/React.createElement(CheckboxField, {
+        }))), jsx(CheckboxField, {
           name: "contactMe"
         }, ({
           fieldProps
-        }) => /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
+        }) => jsx(Checkbox, _extends({}, fieldProps, {
           isChecked: contactMe,
           onChange: checkboxContactMeOnChange,
           label: formatMessage(messages.help_article_rating_form_contact_me)
-        }))), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+        }))), jsx(FormFooter, null, jsx(ButtonGroup, null, jsx(Button, {
           type: "submit",
           appearance: "primary",
           isDisabled: !wasHelpful && feedbackReason === '',
           isLoading: wasHelpfulFormSubmitLoading
-        }, formatMessage(messages.help_article_rating_form_submit)), /*#__PURE__*/React.createElement(Button, {
+        }, formatMessage(messages.help_article_rating_form_submit)), jsx(Button, {
           onClick: onFeedbackSubmitCancel
         }, formatMessage(messages.help_article_rating_form_cancel)))));
       })));
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
-      return /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement("span", {
+      return jsx(ArticleFeedbackContainer, null, jsx("span", {
         style: {
           paddingRight: "var(--ds-space-100, 8px)",
           verticalAlign: 'middle'
         }
-      }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
+      }, jsx(CheckCircleIcon, {
         primaryColor: `var(--ds-icon-success, ${colors.G400})`,
         label: ""
-      })), /*#__PURE__*/React.createElement(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_Success)));
+      })), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_Success)));
     }
   } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(SectionMessage, {
+    return jsx(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && jsx(ArticleFeedbackContainer, null, jsx(SectionMessage, {
       appearance: "warning"
-    }, /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_rating_form_failed)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Button, {
+    }, jsx("p", null, formatMessage(messages.help_article_rating_form_failed)), jsx("p", null, jsx(Button, {
       appearance: "link",
       spacing: "compact",
       css: {
@@ -200,8 +204,8 @@ export const ArticleWasHelpfulForm = ({
   return null;
 };
 const ArticleWasHelpfulFormWithContext = props => {
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+  return jsx(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, /*#__PURE__*/React.createElement(ArticleWasHelpfulForm, props));
+  }, jsx(ArticleWasHelpfulForm, props));
 };
 export default injectIntl(ArticleWasHelpfulFormWithContext);

package/dist/es2019/components/Article/HelpArticle/index.js

@@ -59,7 +59,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.2.15"
+      packageVersion: "7.2.17"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

package/dist/es2019/components/Article/WhatsNewArticle/index.js

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 const analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export const WhatsNewArticle = ({
   intl: {

package/dist/es2019/components/ArticlesList/ArticlesListItem/index.js

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export const ArticlesListItem = ({
   styles,

package/dist/es2019/components/ArticlesList/styled.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 export const truncate = (width = '100%') => css`
   overflow-x: hidden;

package/dist/es2019/components/HelpContentButton/index.js

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 const analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 const HelpContentButton = ({
   id = '',

package/dist/es2019/components/RelatedArticles/index.js

@@ -1,3 +1,6 @@
+/** @jsx jsx */
+/** @jsxFrag */
+
 import React, { useState, useEffect, useCallback } from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
@@ -10,8 +13,9 @@ import { DividerLine } from '../../util/styled';
 import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
+import { jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.2.15";
+const packageVersion = "7.2.17";
 export const RelatedArticles = ({
   style = 'primary',
   routeGroup,
@@ -62,9 +66,9 @@ export const RelatedArticles = ({
     }
   }, [prevRouteGroup, prevRouteName, routeGroup, routeName, updateRelatedArticles]);
   if (hasError) {
-    return /*#__PURE__*/React.createElement(SectionMessage, {
+    return jsx(SectionMessage, {
       appearance: "warning"
-    }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, formatMessage(messages.help_related_article_endpoint_error_title))), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_related_article_endpoint_error_description)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Button, {
+    }, jsx("p", null, jsx("strong", null, formatMessage(messages.help_related_article_endpoint_error_title))), jsx("p", null, formatMessage(messages.help_related_article_endpoint_error_description)), jsx("p", null, jsx(Button, {
       appearance: "link",
       spacing: "compact",
       css: {
@@ -76,7 +80,7 @@ export const RelatedArticles = ({
       onClick: updateRelatedArticles
     }, formatMessage(messages.help_related_article_endpoint_error_button_label))));
   } else {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DividerLine, null), /*#__PURE__*/React.createElement(RelatedArticlesTitle, null, formatMessage(messages.help_related_article_title))), isLoading ? /*#__PURE__*/React.createElement(RelatedArticlesLoading, null) : /*#__PURE__*/React.createElement(ArticlesList, {
+    return jsx(React.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && jsx(React.Fragment, null, jsx(DividerLine, null), jsx(RelatedArticlesTitle, null, formatMessage(messages.help_related_article_title))), isLoading ? jsx(RelatedArticlesLoading, null) : jsx(ArticlesList, {
       style: style,
       articles: relatedArticles,
       onArticlesListItemClick: onRelatedArticlesListItemClick,

package/dist/es2019/components/RelatedArticles/styled.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';

package/dist/es2019/components/Search/SearchInput/index.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+
 import React, { useRef, useCallback } from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Textfield from '@atlaskit/textfield';
@@ -6,6 +8,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
+import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';
@@ -14,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export const SearchInput = ({
   intl: {
@@ -69,17 +72,17 @@ export const SearchInput = ({
   if (inputRef && inputRef.current) {
     inputRef.current.value = searchValue;
   }
-  return /*#__PURE__*/React.createElement(SearchInputContainer, null, /*#__PURE__*/React.createElement(Textfield, {
+  return jsx(SearchInputContainer, null, jsx(Textfield, {
     title: "Help articles search input",
     autoComplete: "off",
     ref: inputRef,
     name: "help-search-input",
-    elemBeforeInput: /*#__PURE__*/React.createElement(SearchIconContainer, null, /*#__PURE__*/React.createElement(SearchIcon, {
+    elemBeforeInput: jsx(SearchIconContainer, null, jsx(SearchIcon, {
       label: ""
     })),
-    elemAfterInput: /*#__PURE__*/React.createElement(CloseButtonAndSpinnerContainer, null, searchState === REQUEST_STATE.loading && /*#__PURE__*/React.createElement(Spinner, {
+    elemAfterInput: jsx(CloseButtonAndSpinnerContainer, null, searchState === REQUEST_STATE.loading && jsx(Spinner, {
       size: "small"
-    }), searchValue !== '' && /*#__PURE__*/React.createElement(Button, {
+    }), searchValue !== '' && jsx(Button, {
       css: {
         width: `${gridSize() * 3}px`,
         height: `${gridSize() * 3}px`
@@ -87,7 +90,7 @@ export const SearchInput = ({
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
       spacing: "none"
-    }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
+    }, jsx(EditorCloseIcon, {
       label: ""
     }))),
     placeholder: formatMessage(messages.help_search_placeholder),
@@ -97,8 +100,8 @@ export const SearchInput = ({
   }));
 };
 const SearchInputWithContext = props => {
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+  return jsx(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, /*#__PURE__*/React.createElement(SearchInput, props));
+  }, jsx(SearchInput, props));
 };
 export default injectIntl(SearchInputWithContext);

package/dist/es2019/components/WhatsNew/WhatsNewButton/index.js

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export const WhatsNewButton = ({
   productName,

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';

package/dist/es2019/util/styled.js

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 
+import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import { keyframes } from '@emotion/core';
 import { WHATS_NEW_ITEM_TYPES } from '../model/WhatsNew';
 export const DividerLine = styled.div`
   background-color: ${`var(--ds-border, ${colors.N30A})`};

package/dist/esm/analytics.js

@@ -5,5 +5,5 @@ export var createAndFire = x.createAndFireEvent('atlaskit');
 export var defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };

package/dist/esm/components/Article/ArticleLoadingFail/index.js

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export var ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+/** @jsxFrag */
+
 import React, { useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
@@ -14,6 +17,7 @@ import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { colors } from '@atlaskit/theme';
+import { jsx } from '@emotion/react';
 import { messages } from '../../../../messages';
 import ArticleWasHelpfulYesButton from './WasHelpfulYesButton';
 import ArticleWasHelpfulNoButton from './WasHelpfulNoButton';
@@ -22,7 +26,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
@@ -137,75 +141,75 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   };
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(ArticleFeedbackText, {
+      return jsx(React.Fragment, null, jsx(ArticleFeedbackContainer, null, jsx(ArticleFeedbackText, {
         style: {
           paddingRight: "var(--ds-space-100, 8px)"
         }
-      }, formatMessage(messages.help_article_rating_title)), /*#__PURE__*/React.createElement(ButtonGroup, null, handleArticleWasHelpfulYesButtonClick && /*#__PURE__*/React.createElement(ArticleWasHelpfulYesButton, {
+      }, formatMessage(messages.help_article_rating_title)), jsx(ButtonGroup, null, handleArticleWasHelpfulYesButtonClick && jsx(ArticleWasHelpfulYesButton, {
         onClick: handleArticleWasHelpfulYesButtonClick,
         isSelected: wasHelpful === true
-      }), handleArticleWasHelpfulNoButtonClick && /*#__PURE__*/React.createElement(ArticleWasHelpfulNoButton, {
+      }), handleArticleWasHelpfulNoButtonClick && jsx(ArticleWasHelpfulNoButton, {
         onClick: handleArticleWasHelpfulNoButtonClick,
         isSelected: wasHelpful === false
-      }))), wasHelpful !== null && onWasHelpfulSubmit && /*#__PURE__*/React.createElement(ArticleFeedbackAnswerWrapper, null, /*#__PURE__*/React.createElement(Form, {
+      }))), wasHelpful !== null && onWasHelpfulSubmit && jsx(ArticleFeedbackAnswerWrapper, null, jsx(Form, {
         onSubmit: onFeedbackSubmitClick
       }, function (_ref2) {
         var formProps = _ref2.formProps;
-        return /*#__PURE__*/React.createElement("form", _extends({}, formProps, {
+        return jsx("form", _extends({}, formProps, {
           name: "form-example"
-        }), /*#__PURE__*/React.createElement(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && /*#__PURE__*/React.createElement(Field, {
+        }), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_title)), !wasHelpful && jsx(Field, {
           name: "feedbackReason",
           isRequired: true
         }, function (_ref3) {
           var fieldProps = _ref3.fieldProps;
-          return /*#__PURE__*/React.createElement(RadioGroup, _extends({}, fieldProps, {
+          return jsx(RadioGroup, _extends({}, fieldProps, {
             options: negativeFeedbackReason,
             onChange: radioGroupReasonOnChange
           }));
-        }), /*#__PURE__*/React.createElement(Field, {
+        }), jsx(Field, {
           name: "feedbackReasonText",
           defaultValue: ""
         }, function (_ref4) {
           var fieldProps = _ref4.fieldProps;
-          return /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {
+          return jsx(TextArea, _extends({}, fieldProps, {
             minimumRows: 4,
             maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
             value: feedbackReasonText,
             onChange: feedbackReasonTextOnChange
           }));
-        }), /*#__PURE__*/React.createElement(CheckboxField, {
+        }), jsx(CheckboxField, {
           name: "contactMe"
         }, function (_ref5) {
           var fieldProps = _ref5.fieldProps;
-          return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
+          return jsx(Checkbox, _extends({}, fieldProps, {
             isChecked: contactMe,
             onChange: checkboxContactMeOnChange,
             label: formatMessage(messages.help_article_rating_form_contact_me)
           }));
-        }), /*#__PURE__*/React.createElement(FormFooter, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+        }), jsx(FormFooter, null, jsx(ButtonGroup, null, jsx(Button, {
           type: "submit",
           appearance: "primary",
           isDisabled: !wasHelpful && feedbackReason === '',
           isLoading: wasHelpfulFormSubmitLoading
-        }, formatMessage(messages.help_article_rating_form_submit)), /*#__PURE__*/React.createElement(Button, {
+        }, formatMessage(messages.help_article_rating_form_submit)), jsx(Button, {
           onClick: onFeedbackSubmitCancel
         }, formatMessage(messages.help_article_rating_form_cancel)))));
       })));
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
-      return /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement("span", {
+      return jsx(ArticleFeedbackContainer, null, jsx("span", {
         style: {
           paddingRight: "var(--ds-space-100, 8px)",
           verticalAlign: 'middle'
         }
-      }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
+      }, jsx(CheckCircleIcon, {
         primaryColor: "var(--ds-icon-success, ".concat(colors.G400, ")"),
         label: ""
-      })), /*#__PURE__*/React.createElement(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_Success)));
+      })), jsx(ArticleFeedbackText, null, formatMessage(messages.help_article_rating_form_Success)));
     }
   } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && /*#__PURE__*/React.createElement(ArticleFeedbackContainer, null, /*#__PURE__*/React.createElement(SectionMessage, {
+    return jsx(React.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && jsx(ArticleFeedbackContainer, null, jsx(SectionMessage, {
       appearance: "warning"
-    }, /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_rating_form_failed)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Button, {
+    }, jsx("p", null, formatMessage(messages.help_article_rating_form_failed)), jsx("p", null, jsx(Button, {
       appearance: "link",
       spacing: "compact",
       css: {
@@ -220,8 +224,8 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   return null;
 };
 var ArticleWasHelpfulFormWithContext = function ArticleWasHelpfulFormWithContext(props) {
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+  return jsx(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, /*#__PURE__*/React.createElement(ArticleWasHelpfulForm, props));
+  }, jsx(ArticleWasHelpfulForm, props));
 };
 export default injectIntl(ArticleWasHelpfulFormWithContext);

package/dist/esm/components/Article/HelpArticle/index.js

@@ -55,7 +55,7 @@ export var HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.2.15"
+      packageVersion: "7.2.17"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

package/dist/esm/components/Article/WhatsNewArticle/index.js

@@ -13,7 +13,7 @@ import { WhatsNewTypeTitle, WhatsNewTitleText, WhatsNewIconContainer, RelatedLin
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/esm/components/ArticlesList/ArticlesListItem/index.js

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

package/dist/esm/components/ArticlesList/styled.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';

package/dist/esm/components/HelpContentButton/index.js

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

package/dist/esm/components/RelatedArticles/index.js

@@ -1,6 +1,9 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @jsx jsx */
+/** @jsxFrag */
+
 import React, { useState, useEffect, useCallback } from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
@@ -13,8 +16,9 @@ import { DividerLine } from '../../util/styled';
 import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
+import { jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.2.15";
+var packageVersion = "7.2.17";
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,
@@ -91,9 +95,9 @@ export var RelatedArticles = function RelatedArticles(_ref) {
     }
   }, [prevRouteGroup, prevRouteName, routeGroup, routeName, updateRelatedArticles]);
   if (hasError) {
-    return /*#__PURE__*/React.createElement(SectionMessage, {
+    return jsx(SectionMessage, {
       appearance: "warning"
-    }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, formatMessage(messages.help_related_article_endpoint_error_title))), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_related_article_endpoint_error_description)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Button, {
+    }, jsx("p", null, jsx("strong", null, formatMessage(messages.help_related_article_endpoint_error_title))), jsx("p", null, formatMessage(messages.help_related_article_endpoint_error_description)), jsx("p", null, jsx(Button, {
       appearance: "link",
       spacing: "compact",
       css: {
@@ -105,7 +109,7 @@ export var RelatedArticles = function RelatedArticles(_ref) {
       onClick: updateRelatedArticles
     }, formatMessage(messages.help_related_article_endpoint_error_button_label))));
   } else {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DividerLine, null), /*#__PURE__*/React.createElement(RelatedArticlesTitle, null, formatMessage(messages.help_related_article_title))), isLoading ? /*#__PURE__*/React.createElement(RelatedArticlesLoading, null) : /*#__PURE__*/React.createElement(ArticlesList, {
+    return jsx(React.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && jsx(React.Fragment, null, jsx(DividerLine, null), jsx(RelatedArticlesTitle, null, formatMessage(messages.help_related_article_title))), isLoading ? jsx(RelatedArticlesLoading, null) : jsx(ArticlesList, {
       style: style,
       articles: relatedArticles,
       onArticlesListItemClick: onRelatedArticlesListItemClick,

package/dist/esm/components/RelatedArticles/styled.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
 import { fontSize } from '@atlaskit/theme/constants';