@atlaskit/help 9.4.6 → 9.4.8

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState, useLayoutEffect, useRef, useEffect, useCallback } from 'react';
@@ -104,6 +104,7 @@ export const Article = ({
     in: showArticle,
     timeout: SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,
@@ -128,6 +129,7 @@ export const Article = ({
     in: showArticle,
     timeout: SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,

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

@@ -9,7 +9,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 const highlightText = text => {
   if (!text) {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { Transition } from 'react-transition-group';
@@ -16,6 +16,7 @@ export const BackButton = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
+  const transitionRef = useRef(null);
   const handleOnClick = event => {
     if (onClick) {
       const analyticsEvent = createAnalyticsEvent({
@@ -27,9 +28,11 @@ export const BackButton = ({
   return /*#__PURE__*/React.createElement(Transition, {
     in: isVisible,
     timeout: BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS,
+    nodeRef: transitionRef,
     mountOnEnter: true,
     unmountOnExit: true
   }, state => /*#__PURE__*/React.createElement(BackButtonContainer, {
+    ref: transitionRef,
     transitionState: state
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: event => {
@@ -49,7 +52,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.4.5"
+      packageVersion: "0.0.0-development"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

package/dist/es2019/components/Help.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { withAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider as ReactIntlProvider } from 'react-intl';
+import { IntlProvider as ReactIntlNextProvider } from 'react-intl-next';
 import { defaultAnalyticsAttributes } from '../analytics';
 import { HeaderContextProvider } from './contexts/headerContext';
 import { HomeContextProvider } from './contexts/homeContext';
@@ -15,10 +16,13 @@ import HelpContent from './HelpContent';
 const LocaleIntlProvider = ({
   locale = 'en',
   children
-}) => /*#__PURE__*/React.createElement(IntlProvider, {
-  key: locale,
+}) => /*#__PURE__*/React.createElement(ReactIntlProvider, {
+  key: `v6-${locale}`,
   locale: locale
-}, children);
+}, /*#__PURE__*/React.createElement(ReactIntlNextProvider, {
+  key: `v5-${locale}`,
+  locale: locale
+}, children));
 export class Help extends React.PureComponent {
   render() {
     const {

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

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

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 /** @jsxFrag */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -16,7 +16,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 const packageName = "@atlaskit/help";
-const packageVersion = "9.4.5";
+const packageVersion = "0.0.0-development";
 const buttonStyles = null;
 export const RelatedArticles = ({
   style = 'primary',

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useRef, useCallback } from 'react';
@@ -18,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 const buttonStyles = null;
 export const SearchInput = ({

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -41,6 +41,8 @@ export const SearchResults = ({
   }, [onSearchResultItemClick, openArticle, openExternalSearchUrlInNewTab]);
   const [suggestionsCount, setSuggestionsCount] = useState(0);
   const liveRegionRef = useRef(null);
+  const searchResultsAiRef = useRef(null);
+  const searchResultsRef = useRef(null);
   useEffect(() => {
     if (searchResult) {
       setSuggestionsCount(searchResult.length);
@@ -50,8 +52,10 @@ export const SearchResults = ({
   }, [searchResult]);
   return isAiEnabled ? /*#__PURE__*/React.createElement(Transition, {
     in: view === VIEW.SEARCH && isSearchResultVisible,
-    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsAiRef
   }, state => /*#__PURE__*/React.createElement(SearchResultsContainerAi, {
+    ref: searchResultsAiRef,
     transitionState: state
   }, /*#__PURE__*/React.createElement("div", {
     ref: liveRegionRef,
@@ -89,8 +93,10 @@ export const SearchResults = ({
     onSearch: onSearch
   }))) : /*#__PURE__*/React.createElement(Transition, {
     in: view === VIEW.SEARCH && isSearchResultVisible,
-    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS
+    timeout: FADEIN_OVERLAY_TRANSITION_DURATION_MS,
+    nodeRef: searchResultsRef
   }, state => /*#__PURE__*/React.createElement(SearchResultsContainer, {
+    ref: searchResultsRef,
     transitionState: state
   }, /*#__PURE__*/React.createElement("div", {
     ref: liveRegionRef,

package/dist/es2019/components/Search/SearchResults/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
@@ -23,21 +23,25 @@ const transitionStyles = {
     visibility: 'hidden'
   }
 };
-export const SearchResultsContainer = ({
+export const SearchResultsContainer = /*#__PURE__*/React.forwardRef(({
   children,
   transitionState
-}) => /*#__PURE__*/React.createElement("div", {
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
   style: transitionStyles[transitionState],
   className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v5643rtd _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"])
-}, children);
+}, children));
+SearchResultsContainer.displayName = 'SearchResultsContainer';
 const searchResultsContainerAiStyles = null;
-export const SearchResultsContainerAi = ({
+export const SearchResultsContainerAi = /*#__PURE__*/React.forwardRef(({
   children,
   transitionState
-}) => /*#__PURE__*/React.createElement("div", {
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
   style: transitionStyles[transitionState],
   className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v5643rtd _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"])
-}, children);
+}, children));
+SearchResultsContainerAi.displayName = 'SearchResultsContainerAi';
 const searchResultEmptyMessageImageStyles = null;
 export const SearchResultEmptyMessageImage = ({
   children

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export const WhatsNewButton = ({
   productName,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export const WhatsNewResultListItem = ({
   intl: {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 /** @jsxFrag */
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/components/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -65,14 +65,16 @@ const backButtonContainerTransitionStyles = {
     opacity: 0
   }
 };
-export const BackButtonContainer = ({
+export const BackButtonContainer = /*#__PURE__*/React.forwardRef(({
   transitionState,
   children
-}) => /*#__PURE__*/React.createElement("div", {
+}, ref) => /*#__PURE__*/React.createElement("div", {
+  ref: ref,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
   style: backButtonContainerTransitionStyles[transitionState],
   className: ax(["_v5641kd4 _kqswstnw _19pkou31 _1ltv1ejb _4t3ixy5q _tzy4idpf"])
-}, children);
+}, children));
+BackButtonContainer.displayName = 'BackButtonContainer';
 const ulStyles = null;
 export const StyledUl = ({
   children

package/dist/es2019/util/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useState } from 'react';

package/dist/esm/analytics.js

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

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
@@ -27,7 +27,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var buttonStyles = null;
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["id", "top", "paddingRight", "children"];

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

@@ -56,7 +56,7 @@ export var HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.4.5"
+      packageVersion: "0.0.0-development"
     };
     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: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
@@ -114,6 +114,7 @@ export var Article = function Article(_ref) {
     in: showArticle,
     timeout: SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,
@@ -133,6 +134,7 @@ export var Article = function Article(_ref) {
     in: showArticle,
     timeout: SLIDEIN_OVERLAY_TRANSITION_DURATION_MS,
     enter: !skipArticleSlideInAnimation,
+    nodeRef: articleContainerRef,
     onEntered: onArticleEntered,
     onExit: onArticleExit,
     unmountOnExit: true,

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

@@ -9,7 +9,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.4.5"
+  packageVersion: "0.0.0-development"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { Transition } from 'react-transition-group';
@@ -13,6 +13,7 @@ export var BackButton = function BackButton(_ref) {
     formatMessage = _ref.intl.formatMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var transitionRef = useRef(null);
   var handleOnClick = function handleOnClick(event) {
     if (onClick) {
       var _analyticsEvent = createAnalyticsEvent({
@@ -24,10 +25,12 @@ export var BackButton = function BackButton(_ref) {
   return /*#__PURE__*/React.createElement(Transition, {
     in: isVisible,
     timeout: BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS,
+    nodeRef: transitionRef,
     mountOnEnter: true,
     unmountOnExit: true
   }, function (state) {
     return /*#__PURE__*/React.createElement(BackButtonContainer, {
+      ref: transitionRef,
       transitionState: state
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: function onClick(event) {
@@ -48,7 +51,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.4.5"
+      packageVersion: "0.0.0-development"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

package/dist/esm/components/Help.js

@@ -10,7 +10,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { withAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider as ReactIntlProvider } from 'react-intl';
+import { IntlProvider as ReactIntlNextProvider } from 'react-intl-next';
 import { defaultAnalyticsAttributes } from '../analytics';
 import { HeaderContextProvider } from './contexts/headerContext';
 import { HomeContextProvider } from './contexts/homeContext';
@@ -25,10 +26,13 @@ var LocaleIntlProvider = function LocaleIntlProvider(_ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(IntlProvider, {
-    key: locale,
+  return /*#__PURE__*/React.createElement(ReactIntlProvider, {
+    key: "v6-".concat(locale),
     locale: locale
-  }, children);
+  }, /*#__PURE__*/React.createElement(ReactIntlNextProvider, {
+    key: "v5-".concat(locale),
+    locale: locale
+  }, children));
 };
 export var Help = /*#__PURE__*/function (_React$PureComponent) {
   function Help() {

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

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

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
@@ -20,7 +20,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 var packageName = "@atlaskit/help";
-var packageVersion = "9.4.5";
+var packageVersion = "0.0.0-development";
 var buttonStyles = null;
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.39.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];