@atlaskit/help 9.1.19 → 9.1.21

package/dist/cjs/components/contexts/navigationContext.js

@@ -270,6 +270,14 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
      */
     return isOverlayVisible;
   }, [currentHistory.length, isDefaultContentDefined, isOverlayVisible, currentView, isAiEnabled]);
+
+  // Use refs to store the latest function references without causing re-renders
+  var onGetHelpArticleRef = (0, _react.useRef)(onGetHelpArticle);
+  var onGetWhatsNewArticleRef = (0, _react.useRef)(onGetWhatsNewArticle);
+
+  // Update refs when functions change
+  onGetHelpArticleRef.current = onGetHelpArticle;
+  onGetWhatsNewArticleRef.current = onGetWhatsNewArticle;
   var fetchArticleData = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(historyItem) {
       var article;
@@ -281,14 +289,14 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
             _context.next = _context.t0 === _Help.ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === _Help.ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
             break;
           case 4:
-            if (onGetHelpArticle) {
+            if (onGetHelpArticleRef.current) {
               _context.next = 6;
               break;
             }
             throw new Error('onGetHelpArticle prop not defined');
           case 6:
             _context.next = 8;
-            return onGetHelpArticle({
+            return onGetHelpArticleRef.current({
               id: historyItem.id,
               type: historyItem.type,
               contentAri: historyItem.contentAri
@@ -297,7 +305,7 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
             article = _context.sent;
             return _context.abrupt("break", 19);
           case 10:
-            if (onGetWhatsNewArticle) {
+            if (onGetWhatsNewArticleRef.current) {
               _context.next = 12;
               break;
             }
@@ -310,7 +318,7 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
             return _context.abrupt("break", 19);
           case 14:
             _context.next = 16;
-            return onGetWhatsNewArticle({
+            return onGetWhatsNewArticleRef.current({
               id: historyItem.id,
               type: historyItem.type
             });
@@ -340,7 +348,8 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
     return function (_x) {
       return _ref5.apply(this, arguments);
     };
-  }(), [onGetHelpArticle, onGetWhatsNewArticle]);
+  }(), [] // Empty dependency array since we use refs
+  );
   var reloadArticle = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(historyItem) {
       var historyItemToReload;

package/dist/cjs/components/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/util/styled.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._100gwk75>img{height:var(--_ys364u)}
+._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._100g1wgc>img{height:calc(100% - var(--ds-space-050, 4px))}
 ._12vemgnk{background-repeat:no-repeat}
 ._15jg1osq>img>svg{height:100%}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
@@ -19,7 +19,7 @@
 ._bfhk17xe{background-color:var(--_kmlon4)}
 ._bfhkptpz{background-color:var(--_19g1tth)}
 ._ca0qidpf{padding-top:0}
-._iu1xwk75>img{width:var(--_ys364u)}
+._iu1x1wgc>img{width:calc(100% - var(--ds-space-050, 4px))}
 ._j7hq1en8{animation-name:k6xje6p}
 ._kqswh2mm{position:relative}
 ._n3tdidpf{padding-bottom:0}

package/dist/cjs/util/styled.js

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -86,10 +86,9 @@ var WhatsNewTypeIcon = exports.WhatsNewTypeIcon = function WhatsNewTypeIcon(_ref
     }
   }, [type]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_2rkolb4i _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1xwk75 _100gwk75 _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"]),
     style: {
-      backgroundColor: backgroundColor,
-      "--_ys364u": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-050, 4px)", ")"))
-    }
+      backgroundColor: backgroundColor
+    },
+    className: (0, _runtime.ax)(["_2rkolb4i _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1x1wgc _100g1wgc _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"])
   }, children);
 };

package/dist/es2019/analytics.js

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

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

@@ -10,7 +10,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading }
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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

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

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 export const ArticleWasHelpfulNoButton = ({
   isSelected = false,

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

@@ -6,7 +6,7 @@ import { messages } from '../../../../messages';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -26,7 +26,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 const buttonStyles = null;
 export const ArticleWasHelpfulForm = ({

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

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

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

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "0.0.0-development"
+      packageVersion: "9.1.20"
     };
     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: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 export const WhatsNewArticle = ({
   intl: {

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

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

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

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

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

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

package/dist/es2019/components/ArticlesList/ArticlesListItem/styled.compiled.css

@@ -48,13 +48,34 @@
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz4gktf{line-height:20px}
+._12gr1o36:visited{outline-width:medium}
+._1726nqa1:visited{text-decoration-style:solid}
+._1dnaglyw:visited{outline-offset:none}
+._1x28glyw:visited{text-decoration-line:none}
+._1ydc1r31:visited{text-decoration-color:currentColor}
+._9nxe1r31:visited{outline-color:currentColor}
+._tpgfglyw:visited{outline-style:none}
+._1a3b1r31:focus{text-decoration-color:currentColor}
+._1bg4glyw:focus{outline-offset:none}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._4fprglyw:focus{text-decoration-line:none}
+._5goinqa1:focus{text-decoration-style:solid}
 ._7ehi1ssq:focus{box-shadow:var(--ds-border-focused,#4c9aff) 0 0 0 2px inset}
+._nt751r31:focus{outline-color:currentColor}
+._1bnxglyw:hover{text-decoration-line:none}
+._1dit1r31:hover{outline-color:currentColor}
+._1qb1glyw:hover{outline-offset:none}
+._4hz81o36:hover{outline-width:medium}
+._9oik1r31:hover{text-decoration-color:currentColor}
 ._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
-._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
+._jf4cnqa1:hover{text-decoration-style:solid}
+._ksodglyw:hover{outline-style:none}
+._13roglyw:active{outline-offset:none}
 ._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
-._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
-._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
-._1ohyglyw:active, ._49pcglyw:focus, ._ksodglyw:hover, ._tpgfglyw:visited{outline-style:none}
-._1q5t1r31:active, ._nt751r31:focus, ._1dit1r31:hover, ._9nxe1r31:visited{outline-color:currentColor}
-._1r9x1o36:active, ._1hvw1o36:focus, ._4hz81o36:hover, ._12gr1o36:visited{outline-width:medium}
-._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover, ._1x28glyw:visited{text-decoration-line:none}
+._1iohnqa1:active{text-decoration-style:solid}
+._1nrm1r31:active{text-decoration-color:currentColor}
+._1ohyglyw:active{outline-style:none}
+._1q5t1r31:active{outline-color:currentColor}
+._1r9x1o36:active{outline-width:medium}
+._c2waglyw:active{text-decoration-line:none}

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -50,7 +50,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "0.0.0-development"
+      packageVersion: "9.1.20"
     }
   }, /*#__PURE__*/React.createElement(BackButton, props));
 };

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

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

package/dist/es2019/components/HelpContentButton/styled.compiled.css

@@ -1,3 +1,4 @@
+
 ._11c8376l{font:var(--ds-font-body,inherit)}
 ._19itglyw{border:none}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
@@ -30,15 +31,38 @@
 ._syazc8hx{color:var(--ds-text-subtle,#344563)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
-._vr2wstnw span{position:absolute}
+._vr2wstnw span{position:absolute}._1053c8hx:visited{color:var(--ds-text-subtle,#344563)}
+._12gr1o36:visited{outline-width:medium}
+._1726nqa1:visited{text-decoration-style:solid}
+._1dnaglyw:visited{outline-offset:none}
+._1x28glyw:visited{text-decoration-line:none}
+._1ydc1r31:visited{text-decoration-color:currentColor}
+._9nxe1r31:visited{outline-color:currentColor}
+._tpgfglyw:visited{outline-style:none}
+._1a3b1r31:focus{text-decoration-color:currentColor}
+._1bg4glyw:focus{outline-offset:none}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._4fprglyw:focus{text-decoration-line:none}
+._5goinqa1:focus{text-decoration-style:solid}
 ._7ehi1ssq:focus{box-shadow:var(--ds-border-focused,#4c9aff) 0 0 0 2px inset}
+._f8pjc8hx:focus{color:var(--ds-text-subtle,#344563)}
+._nt751r31:focus{outline-color:currentColor}
+._1bnxglyw:hover{text-decoration-line:none}
+._1dit1r31:hover{outline-color:currentColor}
+._1qb1glyw:hover{outline-offset:none}
+._30l3c8hx:hover{color:var(--ds-text-subtle,#344563)}
+._4hz81o36:hover{outline-width:medium}
+._9oik1r31:hover{text-decoration-color:currentColor}
 ._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
-._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
+._jf4cnqa1:hover{text-decoration-style:solid}
+._ksodglyw:hover{outline-style:none}
+._13roglyw:active{outline-offset:none}
 ._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
-._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
-._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
-._1ohyglyw:active, ._49pcglyw:focus, ._ksodglyw:hover, ._tpgfglyw:visited{outline-style:none}
-._1q5t1r31:active, ._nt751r31:focus, ._1dit1r31:hover, ._9nxe1r31:visited{outline-color:currentColor}
-._1r9x1o36:active, ._1hvw1o36:focus, ._4hz81o36:hover, ._12gr1o36:visited{outline-width:medium}
-._9h8hc8hx:active, ._f8pjc8hx:focus, ._30l3c8hx:hover, ._1053c8hx:visited{color:var(--ds-text-subtle,#344563)}
-._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover, ._1x28glyw:visited{text-decoration-line:none}
+._1iohnqa1:active{text-decoration-style:solid}
+._1nrm1r31:active{text-decoration-color:currentColor}
+._1ohyglyw:active{outline-style:none}
+._1q5t1r31:active{outline-color:currentColor}
+._1r9x1o36:active{outline-width:medium}
+._9h8hc8hx:active{color:var(--ds-text-subtle,#344563)}
+._c2waglyw:active{text-decoration-line:none}

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.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 = "0.0.0-development";
+const packageVersion = "9.1.20";
 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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.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: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 const buttonStyles = null;
 export const SearchInput = ({

package/dist/es2019/components/Search/SearchInput/styled.compiled.css

@@ -1,4 +1,4 @@
-._1275nkob>button, ._1skznkob>span{vertical-align:middle}
+._1275nkob>button{vertical-align:middle}
 ._16jlidpf{flex-grow:0}
 ._18u01ejb{margin-left:var(--ds-space-300,24px)}
 ._18u01i6y{margin-left:var(--ds-space-negative-025,-2px)}
@@ -9,9 +9,11 @@
 ._1bsb1osq{width:100%}
 ._1f021ejb>span{height:var(--ds-space-300,24px)}
 ._1f49idpf{order:0}
-._1msb1o8l>button, ._1w7e1o8l>span{display:inline-block}
+._1msb1o8l>button{display:inline-block}
 ._1o9zkb7n{flex-shrink:1}
 ._1rckusvi>span{box-sizing:border-box}
+._1skznkob>span{vertical-align:middle}
+._1w7e1o8l>span{display:inline-block}
 ._1wpz1wug{align-self:auto}
 ._1wybidpf{font-size:0}
 ._1yg61b66>span{padding-left:var(--ds-space-050,4px)}

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

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

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

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

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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: "0.0.0-development"
+  packageVersion: "9.1.20"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.compiled.css

@@ -28,13 +28,34 @@
 ._vchhusvi{box-sizing:border-box}
 ._vwz4gktf{line-height:20px}
 ._y3gn1e5h{text-align:left}
+._12gr1o36:visited{outline-width:medium}
+._1726nqa1:visited{text-decoration-style:solid}
+._1dnaglyw:visited{outline-offset:none}
+._1x28glyw:visited{text-decoration-line:none}
+._1ydc1r31:visited{text-decoration-color:currentColor}
+._9nxe1r31:visited{outline-color:currentColor}
+._tpgfglyw:visited{outline-style:none}
+._1a3b1r31:focus{text-decoration-color:currentColor}
+._1bg4glyw:focus{outline-offset:none}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._4fprglyw:focus{text-decoration-line:none}
+._5goinqa1:focus{text-decoration-style:solid}
 ._7ehi1ssq:focus{box-shadow:var(--ds-border-focused,#4c9aff) 0 0 0 2px inset}
+._nt751r31:focus{outline-color:currentColor}
+._1bnxglyw:hover{text-decoration-line:none}
+._1dit1r31:hover{outline-color:currentColor}
+._1qb1glyw:hover{outline-offset:none}
+._4hz81o36:hover{outline-width:medium}
+._9oik1r31:hover{text-decoration-color:currentColor}
 ._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
-._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
+._jf4cnqa1:hover{text-decoration-style:solid}
+._ksodglyw:hover{outline-style:none}
+._13roglyw:active{outline-offset:none}
 ._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
-._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
-._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}
-._1ohyglyw:active, ._49pcglyw:focus, ._ksodglyw:hover, ._tpgfglyw:visited{outline-style:none}
-._1q5t1r31:active, ._nt751r31:focus, ._1dit1r31:hover, ._9nxe1r31:visited{outline-color:currentColor}
-._1r9x1o36:active, ._1hvw1o36:focus, ._4hz81o36:hover, ._12gr1o36:visited{outline-width:medium}
-._c2waglyw:active, ._4fprglyw:focus, ._1bnxglyw:hover, ._1x28glyw:visited{text-decoration-line:none}
+._1iohnqa1:active{text-decoration-style:solid}
+._1nrm1r31:active{text-decoration-color:currentColor}
+._1ohyglyw:active{outline-style:none}
+._1q5t1r31:active{outline-color:currentColor}
+._1r9x1o36:active{outline-width:medium}
+._c2waglyw:active{text-decoration-line:none}

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

@@ -1,4 +1,4 @@
-/* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* index.tsx generated by @compiled/babel-plugin v0.38.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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/components/contexts/navigationContext.js

@@ -1,4 +1,4 @@
-import React, { useReducer, useEffect, useCallback, useMemo } from 'react';
+import React, { useReducer, useEffect, useCallback, useMemo, useRef } from 'react';
 import isEqual from 'lodash/isEqual';
 import { REQUEST_STATE } from '../../model/Requests';
 import { ARTICLE_TYPE } from '../../model/Help';
@@ -266,28 +266,36 @@ export const NavigationContextProvider = ({
      */
     return isOverlayVisible;
   }, [currentHistory.length, isDefaultContentDefined, isOverlayVisible, currentView, isAiEnabled]);
+
+  // Use refs to store the latest function references without causing re-renders
+  const onGetHelpArticleRef = useRef(onGetHelpArticle);
+  const onGetWhatsNewArticleRef = useRef(onGetWhatsNewArticle);
+
+  // Update refs when functions change
+  onGetHelpArticleRef.current = onGetHelpArticle;
+  onGetWhatsNewArticleRef.current = onGetWhatsNewArticle;
   const fetchArticleData = useCallback(async historyItem => {
     try {
       let article;
       switch (historyItem.type) {
         case ARTICLE_TYPE.HELP_ARTICLE:
-          if (!onGetHelpArticle) {
+          if (!onGetHelpArticleRef.current) {
             throw new Error('onGetHelpArticle prop not defined');
           }
-          article = await onGetHelpArticle({
+          article = await onGetHelpArticleRef.current({
             id: historyItem.id,
             type: historyItem.type,
             contentAri: historyItem.contentAri
           });
           break;
         case ARTICLE_TYPE.WHATS_NEW:
-          if (!onGetWhatsNewArticle) {
+          if (!onGetWhatsNewArticleRef.current) {
             throw new Error('onGetWhatsNewArticle prop not defined');
           }
           if (historyItem.id === '') {
             break;
           }
-          article = await onGetWhatsNewArticle({
+          article = await onGetWhatsNewArticleRef.current({
             id: historyItem.id,
             type: historyItem.type
           });
@@ -308,7 +316,8 @@ export const NavigationContextProvider = ({
         state: REQUEST_STATE.error
       };
     }
-  }, [onGetHelpArticle, onGetWhatsNewArticle]);
+  }, [] // Empty dependency array since we use refs
+  );
   const reloadArticle = useCallback(async historyItem => {
     let historyItemToReload = {
       ...historyItem

package/dist/es2019/components/styled.js

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