@atlaskit/help 9.1.20 → 9.1.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/help
 
+## 9.1.22
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.1.21
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.1.20
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -13,5 +13,5 @@ var createAndFire = exports.createAndFire = x.createAndFireEvent('atlaskit');
 var defaultAnalyticsAttributes = exports.defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };

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

@@ -17,7 +17,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulNoButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var ArticleWasHelpfulNoButton = exports.ArticleWasHelpfulNoButton = function ArticleWasHelpfulNoButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -13,7 +13,7 @@ var _messages = require("../../../../messages");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulYesButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -35,7 +35,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var buttonStyles = null;
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/Article/index.compiled.css

@@ -9,8 +9,8 @@
 ._1pbycs5v{z-index:2}
 ._1reo15vq{overflow-x:hidden}
 ._2lx21bp4{flex-direction:column}
+._4t3i1kz6{height:calc(100% - var(--ds-space-800, 60px))}
 ._4t3i1osq{height:100%}
-._4t3is6me{height:var(--_fwkl53)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._i0dlf1ug{flex-basis:0%}

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -127,10 +127,8 @@ var Article = exports.Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: articleContainerRef,
-      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3is6me _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"]),
-      style: _objectSpread(_objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']), {}, {
-        "--_fwkl53": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-800, 60px)", ")"))
-      })
+      style: _objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']),
+      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
     }, /*#__PURE__*/_react.default.createElement(_ArticleContent.default, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

package/dist/cjs/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}
 ._7ehi13ga:focus{box-shadow:var(--_1cokla9)}
+._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}
 ._irr32tgk:hover{background-color:var(--_1y60f1n)}
-._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}
 ._1di618xb:active{background-color:var(--_18th9fi)}
-._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/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -56,7 +56,7 @@ var BackButtonWithContext = function BackButtonWithContext(props) {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.19"
+      packageVersion: "9.1.21"
     }
   }, /*#__PURE__*/_react.default.createElement(BackButton, props));
 };

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

@@ -16,7 +16,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

package/dist/cjs/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)}
@@ -7,8 +8,8 @@
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19pkidpf{margin-top:0}
 ._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
-._1bsbb8xr{width:var(--_2br7en)}
 ._1bsbgktf{width:20px}
+._1bsbnau3{width:calc(100% - var(--ds-space-200, 1pc))}
 ._1bsbwgn3{width:calc(100% - 20px)}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1ule{display:block}
@@ -30,15 +31,38 @@
 ._syaz1a5u{color:var(--_1oh641w)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
-._vr2wstnw span{position:absolute}
+._vr2wstnw span{position:absolute}._10531a5u:visited{color:var(--_1oh641w)}
+._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}
 ._7ehiu5t6:focus{box-shadow:var(--_ow3z6t)}
+._f8pj1a5u:focus{color:var(--_1oh641w)}
+._nt751r31:focus{outline-color:currentColor}
+._1bnxglyw:hover{text-decoration-line:none}
+._1dit1r31:hover{outline-color:currentColor}
+._1qb1glyw:hover{outline-offset:none}
+._30l31a5u:hover{color:var(--_1oh641w)}
+._4hz81o36:hover{outline-width:medium}
+._9oik1r31:hover{text-decoration-color:currentColor}
 ._irr32tgk:hover{background-color:var(--_1y60f1n)}
-._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}
 ._1di618xb:active{background-color:var(--_18th9fi)}
-._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}
-._9h8h1a5u:active, ._f8pj1a5u:focus, ._30l31a5u:hover, ._10531a5u:visited{color:var(--_1oh641w)}
-._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}
+._9h8h1a5u:active{color:var(--_1oh641w)}
+._c2waglyw:active{text-decoration-line:none}

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -31,9 +31,8 @@ var HelpContentButtonContainer = exports.HelpContentButtonContainer = function H
       id: id,
       tabIndex: tabIndex,
       target: target,
-      className: (0, _runtime.ax)(["_2rkofajl _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbb8xr _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
+      className: (0, _runtime.ax)(["_2rkofajl _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbnau3 _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
       style: {
-        "--_2br7en": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
         "--_1oh641w": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N600, ")")),
         "--_ow3z6t": (0, _runtime.ix)("".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " 0 0 0 2px inset")),
         "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),
@@ -50,9 +49,8 @@ var HelpContentButtonContainer = exports.HelpContentButtonContainer = function H
     onKeyDown: onKeyDown,
     id: id,
     tabIndex: tabIndex,
-    className: (0, _runtime.ax)(["_2rkofajl _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbb8xr _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
+    className: (0, _runtime.ax)(["_2rkofajl _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbnau3 _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
     style: {
-      "--_2br7en": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
       "--_1oh641w": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N600, ")")),
       "--_ow3z6t": (0, _runtime.ix)("".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " 0 0 0 2px inset")),
       "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -28,7 +28,7 @@ var _previous = require("../../util/hooks/previous");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /** @jsxFrag */
 var packageName = "@atlaskit/help";
-var packageVersion = "9.1.19";
+var packageVersion = "9.1.21";
 var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {

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

@@ -1,17 +1,19 @@
-._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)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19pkou31{margin-top:var(--ds-space-200,14px)}
-._1bsb10tm{width:var(--_f02zv0)}
 ._1bsb1ejb{width:var(--ds-space-300,24px)}
+._1bsb1j1s{width:calc(100% - var(--ds-space-300, 24px) - var(--ds-space-300, 24px))}
 ._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/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -20,10 +20,7 @@ var searchInputContainerAiStyles = null;
 var SearchInputContainerAi = exports.SearchInputContainerAi = function SearchInputContainerAi(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb10tm _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"]),
-    style: {
-      "--_f02zv0": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-300, 24px)", ")"))
-    }
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb1j1s _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"])
   }, children);
 };
 var searchIconContainerStyles = null;

package/dist/cjs/components/Search/SearchResults/styled.compiled.css

@@ -13,8 +13,8 @@
 ._1reo15vq{overflow-x:hidden}
 ._2lx21bp4{flex-direction:column}
 ._3um015vq{visibility:hidden}
+._4t3i1kz6{height:calc(100% - var(--ds-space-800, 60px))}
 ._4t3i1osq{height:100%}
-._4t3is6me{height:var(--_fwkl53)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._ca0qidpf{padding-top:0}

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -48,9 +48,8 @@ var SearchResultsContainerAi = exports.SearchResultsContainerAi = function Searc
   var children = _ref2.children,
     transitionState = _ref2.transitionState;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3is6me _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
     style: _objectSpread(_objectSpread({}, transitionStyles[transitionState]), {}, {
-      "--_fwkl53": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-800, 60px)", ")")),
       "--_1peo1h6": (0, _runtime.ix)("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -15,7 +15,7 @@ var _styled2 = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.21"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/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}
 ._7ehi13ga:focus{box-shadow:var(--_1cokla9)}
+._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}
 ._irr31rbn:hover{background-color:var(--_1twi6n5)}
-._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}
 ._1di6n0pj:active{background-color:var(--_1bsdhru)}
-._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/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/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 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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;