@atlaskit/help 9.1.20 → 9.1.21

package/dist/esm/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 _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.1.19"
+  packageVersion: "9.1.20"
 };
 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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.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.1.19"
+      packageVersion: "9.1.20"
     };
     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.1.19"
+  packageVersion: "9.1.20"
 };
 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.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/esm/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/esm/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 _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";
@@ -118,10 +118,8 @@ export var Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
-      className: 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": ix("calc(100% - ".concat("var(--ds-space-800, 60px)", ")"))
-      })
+      style: _objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']),
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,

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

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

package/dist/esm/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/esm/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 _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.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/esm/components/BackButton/index.js

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

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

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

package/dist/esm/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/esm/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';
@@ -24,9 +24,8 @@ export var HelpContentButtonContainer = function HelpContentButtonContainer(_ref
       id: id,
       tabIndex: tabIndex,
       target: target,
-      className: 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: 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": ix("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
         "--_1oh641w": ix("var(--ds-text-subtle, ".concat(N600, ")")),
         "--_ow3z6t": ix("".concat("var(--ds-border-focused, ".concat(B100, ")"), " 0 0 0 2px inset")),
         "--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")),
@@ -43,9 +42,8 @@ export var HelpContentButtonContainer = function HelpContentButtonContainer(_ref
     onKeyDown: onKeyDown,
     id: id,
     tabIndex: tabIndex,
-    className: 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: 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": ix("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
       "--_1oh641w": ix("var(--ds-text-subtle, ".concat(N600, ")")),
       "--_ow3z6t": ix("".concat("var(--ds-border-focused, ".concat(B100, ")"), " 0 0 0 2px inset")),
       "--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")),

package/dist/esm/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/esm/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 */
 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.1.19";
+var packageVersion = "9.1.20";
 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.36.1 */
+/* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/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';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.20"
 };
 var buttonStyles = null;
 export var SearchInput = function SearchInput(_ref) {

package/dist/esm/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/esm/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';
@@ -13,10 +13,7 @@ var searchInputContainerAiStyles = null;
 export var SearchInputContainerAi = function SearchInputContainerAi(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb10tm _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"]),
-    style: {
-      "--_f02zv0": ix("calc(100% - ".concat("var(--ds-space-300, 24px)", " - ", "var(--ds-space-300, 24px)", ")"))
-    }
+    className: ax(["_16jlidpf _1o9zkb7n _i0dl1wug _1bsb1j1s _4t3ixy5q _18u01ejb _2hwx1ejb _19pkou31 _otyrou31 _1f49idpf _1wpz1wug _vchhusvi"])
   }, children);
 };
 var searchIconContainerStyles = null;

package/dist/esm/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/esm/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 _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -41,9 +41,8 @@ export var SearchResultsContainerAi = function SearchResultsContainerAi(_ref2) {
   var children = _ref2.children,
     transitionState = _ref2.transitionState;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _v564tcs9 _kqswstnw _4t3is6me _1bsb1osq _154i1eca _bfhkvuon _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbyzo7u _ca0qidpf _u5f3pxbi _n3tdidpf _19bvpxbi _tzy4idpf _3um015vq"]),
+    className: 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": ix("calc(100% - ".concat("var(--ds-space-800, 60px)", ")")),
       "--_1peo1h6": ix("opacity ".concat(FADEIN_OVERLAY_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);

package/dist/esm/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/esm/components/WhatsNew/WhatsNewButton/index.js

@@ -11,7 +11,7 @@ import { ARTICLE_TYPE } from '../../../model/Help';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.20"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

package/dist/esm/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/esm/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/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -8,7 +8,7 @@ import { WhatsNewResultListItemWrapper, WhatsNewResultListItemTitleContainer, Wh
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.19"
+  packageVersion: "9.1.20"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/esm/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/esm/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 _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/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/esm/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 _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/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 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./index.compiled.css";

package/dist/esm/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/esm/components/contexts/navigationContext.js

@@ -8,7 +8,7 @@ var _excluded = ["body", "relatedArticles"],
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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';
@@ -262,6 +262,14 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
      */
     return isOverlayVisible;
   }, [currentHistory.length, isDefaultContentDefined, isOverlayVisible, currentView, isAiEnabled]);
+
+  // Use refs to store the latest function references without causing re-renders
+  var onGetHelpArticleRef = useRef(onGetHelpArticle);
+  var onGetWhatsNewArticleRef = useRef(onGetWhatsNewArticle);
+
+  // Update refs when functions change
+  onGetHelpArticleRef.current = onGetHelpArticle;
+  onGetWhatsNewArticleRef.current = onGetWhatsNewArticle;
   var fetchArticleData = useCallback( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(historyItem) {
       var article;
@@ -273,14 +281,14 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
             _context.next = _context.t0 === ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === 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
@@ -289,7 +297,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
             article = _context.sent;
             return _context.abrupt("break", 19);
           case 10:
-            if (onGetWhatsNewArticle) {
+            if (onGetWhatsNewArticleRef.current) {
               _context.next = 12;
               break;
             }
@@ -302,7 +310,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
             return _context.abrupt("break", 19);
           case 14:
             _context.next = 16;
-            return onGetWhatsNewArticle({
+            return onGetWhatsNewArticleRef.current({
               id: historyItem.id,
               type: historyItem.type
             });
@@ -332,7 +340,8 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     return function (_x) {
       return _ref5.apply(this, arguments);
     };
-  }(), [onGetHelpArticle, onGetWhatsNewArticle]);
+  }(), [] // Empty dependency array since we use refs
+  );
   var reloadArticle = useCallback( /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(historyItem) {
       var historyItemToReload;

package/dist/esm/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 _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/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/esm/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 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./styled.compiled.css";
@@ -77,10 +77,9 @@ export var WhatsNewTypeIcon = function WhatsNewTypeIcon(_ref3) {
     }
   }, [type]);
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rkolb4i _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1xwk75 _100gwk75 _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"]),
     style: {
-      backgroundColor: backgroundColor,
-      "--_ys364u": ix("calc(100% - ".concat("var(--ds-space-050, 4px)", ")"))
-    }
+      backgroundColor: backgroundColor
+    },
+    className: ax(["_2rkolb4i _1e0c1o8l _s7n4nkob _kqswh2mm _4t3ipxbi _1bsbpxbi _syazu67f _iu1x1wgc _100g1wgc _yti7stnw _5s2h1ssb _se2z1ssb _9qcx1ooe _15jg1osq _1jrq1osq"])
   }, children);
 };