@atlaskit/help 9.1.26 → 9.2.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/help
 
+## 9.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.2.0
+
+### Minor Changes
+
+- [`662c52bb64e22`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/662c52bb64e22) -
+  [ux] Added openInSameTab props to HelpContentButtonProps / home.homeOptions to support opening
+  help link in the same tab. This also removes the external icon next to the help link
+
 ## 9.1.26
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -5,7 +5,8 @@
 		"target": "es5",
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__help",
 		"rootDir": "../",
-		"composite": true
+		"composite": true,
+		"noCheck": true
 	},
 	"include": [
 		"../src/**/*.ts",

package/afm-jira/tsconfig.json

@@ -3,9 +3,10 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__help/app",
+		"outDir": "../../../../../jira/tsDist/@atlaskit__help/app",
 		"rootDir": "../",
-		"composite": true
+		"composite": true,
+		"noCheck": true
 	},
 	"include": [
 		"../src/**/*.ts",

package/afm-products/tsconfig.json

@@ -5,7 +5,8 @@
 		"target": "es5",
 		"outDir": "../../../../../tsDist/@atlaskit__help/app",
 		"rootDir": "../",
-		"composite": true
+		"composite": true,
+		"noCheck": true
 	},
 	"include": [
 		"../src/**/*.ts",

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.25"
+  packageVersion: "9.2.0"
 };

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.25"
+  packageVersion: "9.2.0"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,

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.25"
+  packageVersion: "9.2.0"
 };
 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.25"
+  packageVersion: "9.2.0"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -35,7 +35,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.25"
+  packageVersion: "9.2.0"
 };
 var buttonStyles = null;
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
@@ -243,7 +243,9 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           verticalAlign: 'middle'
         },
-        role: "img",
+        role: "img"
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+        ,
         "aria-label": "Success"
       }, /*#__PURE__*/_react.default.createElement(_statusSuccessCheckCircle.default, {
         spacing: "spacious",

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.25"
+      packageVersion: "9.2.0"
     };
     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.25"
+  packageVersion: "9.2.0"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -17,4 +17,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}

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

@@ -72,12 +72,15 @@ var Article = exports.Article = function Article(_ref) {
   }, [history]);
   var onArticleEntered = function onArticleEntered() {
     onArticleEnteredTimeout.current = window.setTimeout(function () {
+      var _articleContainerRef$;
       // if skipArticleSlideInAnimation is true, set to false after the
       // first slide-in animation
       // NOTE: skipArticleSlideInAnimation could be true only after the mounting
       if (skipArticleSlideInAnimation) {
         setSkipArticleSlideInAnimation(false);
       }
+      // Move focus to the article container for accessibility
+      (_articleContainerRef$ = articleContainerRef.current) === null || _articleContainerRef$ === void 0 || _articleContainerRef$.focus();
     }, _constants.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
   var onArticleExit = function onArticleExit() {
@@ -127,8 +130,9 @@ var Article = exports.Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       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"])
+      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/_react.default.createElement(_ArticleContent.default, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,
@@ -145,8 +149,9 @@ var Article = exports.Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       style: _objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']),
-      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
+      className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__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.25"
+  packageVersion: "9.2.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {
@@ -71,12 +71,18 @@ var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref
     role: "button",
     href: href,
     onClick: handleOnClick
-  }, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemContainer, null, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemTitleSection, null, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemTitleText, null, title), isLastPublishedVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemLinkIcon, null, /*#__PURE__*/_react.default.createElement(_linkExternalShortcut.default, {
+  }, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemContainer, null, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemTitleSection, null, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemTitleText, null, title), isLastPublishedVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  _react.default.createElement(_styled.ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemLinkIcon, null, /*#__PURE__*/_react.default.createElement(_linkExternalShortcut.default, {
     LEGACY_size: "small",
     label: "Opens in a new window",
     color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
     LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
-  }))), /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemTrustFactor, null, isNumViewsVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemHelpfulCount, null, /*#__PURE__*/_react.default.createElement(_thumbsUpLike.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemTrustFactor, null, isNumViewsVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  _react.default.createElement(_styled.ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemHelpfulCount, null, /*#__PURE__*/_react.default.createElement(_thumbsUpLike.default, {
     LEGACY_margin: "0 -0.25px 0 0",
     color: "currentColor",
     label: "Like",

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

@@ -53,6 +53,7 @@ var articlesListItemLinkIconStyles = null;
 var ArticlesListItemLinkIcon = exports.ArticlesListItemLinkIcon = function ArticlesListItemLinkIcon(_ref4) {
   var children = _ref4.children;
   return /*#__PURE__*/_react.default.createElement("span", {
+    "aria-label": "Opens in a new window",
     className: (0, _runtime.ax)(["_1wpz1wug _bozg1b66 _s7n4nkob"])
   }, children);
 };

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.25"
+      packageVersion: "9.2.0"
     }
   }, /*#__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.25"
+  packageVersion: "9.2.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,
@@ -28,7 +28,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
     text = _ref.text,
     icon = _ref.icon,
     onClick = _ref.onClick,
-    tooltipText = _ref.tooltipText;
+    tooltipText = _ref.tooltipText,
+    openInSameTab = _ref.openInSameTab;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleOnClick = (0, _react.useCallback)(function (event) {
@@ -51,13 +52,14 @@ var HelpContentButton = function HelpContentButton(_ref) {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
-  })), href != null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalLinkIcon, {
+  })), !openInSameTab && href != null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalLinkIcon, {
     dataTestId: "shortcutIcon"
   }, /*#__PURE__*/_react.default.createElement(_linkExternalShortcut.default, {
     color: "currentColor",
     LEGACY_size: "small",
     label: ""
   }))));
+  var target = href ? openInSameTab ? '_self' : '_blank' : undefined;
   return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
     data: analitycsContextData
   }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonContainer, {
@@ -66,7 +68,7 @@ var HelpContentButton = function HelpContentButton(_ref) {
     href: href,
     id: id,
     tabIndex: 0,
-    target: href && '_blank'
+    target: target
   }, tooltipText ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: tooltipText,
     position: "left"

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

@@ -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.25";
+var packageVersion = "9.2.0";
 var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -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.25"
+  packageVersion: "9.2.0"
 };
 var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
@@ -102,7 +102,9 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
     }), searchValue !== '' && /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
-      spacing: "none",
+      spacing: "none"
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+      ,
       "aria-label": "Clear",
       className: (0, _runtime.ax)(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/_react.default.createElement(_crossEditorClose.default, {

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.25"
+  packageVersion: "9.2.0"
 };
 var WhatsNewButton = exports.WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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.25"
+  packageVersion: "9.2.0"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/es2019/analytics.js

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

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: "9.1.25"
+  packageVersion: "9.2.0"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,

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: "9.1.25"
+  packageVersion: "9.2.0"
 };
 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: "9.1.25"
+  packageVersion: "9.2.0"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -26,7 +26,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.25"
+  packageVersion: "9.2.0"
 };
 const buttonStyles = null;
 export const ArticleWasHelpfulForm = ({
@@ -215,7 +215,9 @@ export const ArticleWasHelpfulForm = ({
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           verticalAlign: 'middle'
         },
-        role: "img",
+        role: "img"
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+        ,
         "aria-label": "Success"
       }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
         spacing: "spacious",

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

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

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

@@ -17,4 +17,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}

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

@@ -53,12 +53,15 @@ export const Article = ({
   }, [history]);
   const onArticleEntered = () => {
     onArticleEnteredTimeout.current = window.setTimeout(() => {
+      var _articleContainerRef$;
       // if skipArticleSlideInAnimation is true, set to false after the
       // first slide-in animation
       // NOTE: skipArticleSlideInAnimation could be true only after the mounting
       if (skipArticleSlideInAnimation) {
         setSkipArticleSlideInAnimation(false);
       }
+      // Move focus to the article container for accessibility
+      (_articleContainerRef$ = articleContainerRef.current) === null || _articleContainerRef$ === void 0 ? void 0 : _articleContainerRef$.focus();
     }, SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
   const onArticleExit = () => {
@@ -108,13 +111,14 @@ export const Article = ({
   }, state => {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...transitionStyles[state],
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']
       },
-      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,
@@ -131,13 +135,14 @@ export const Article = ({
   }, state => {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...transitionStyles[state],
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']
       },
-      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,

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: "9.1.25"
+  packageVersion: "9.2.0"
 };
 const highlightText = text => {
   if (!text) {
@@ -63,12 +63,18 @@ export const ArticlesListItem = ({
     role: "button",
     href: href,
     onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), isLastPublishedVisible && /*#__PURE__*/React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
+  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), isLastPublishedVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
     LEGACY_size: "small",
     label: "Opens in a new window",
     color: `var(--ds-icon-subtle, ${colors.N90})`,
     LEGACY_secondaryColor: `var(--ds-icon-subtle, ${colors.N90})`
-  }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible && /*#__PURE__*/React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
+  }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
     LEGACY_margin: "0 -0.25px 0 0",
     color: "currentColor",
     label: "Like",

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

@@ -36,6 +36,7 @@ const articlesListItemLinkIconStyles = null;
 export const ArticlesListItemLinkIcon = ({
   children
 }) => /*#__PURE__*/React.createElement("span", {
+  "aria-label": "Opens in a new window",
   className: ax(["_1wpz1wug _bozg1b66 _s7n4nkob"])
 }, children);
 const articlesListItemTitleTextStyles = null;

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

@@ -50,7 +50,7 @@ const BackButtonWithContext = props => {
     data: {
       componentName: 'backButton',
       packageName: "@atlaskit/help",
-      packageVersion: "9.1.25"
+      packageVersion: "9.2.0"
     }
   }, /*#__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: "9.1.25"
+  packageVersion: "9.2.0"
 };
 const HelpContentButton = ({
   id = '',
@@ -17,7 +17,8 @@ const HelpContentButton = ({
   text,
   icon,
   onClick,
-  tooltipText
+  tooltipText,
+  openInSameTab
 }) => {
   const {
     createAnalyticsEvent
@@ -42,13 +43,14 @@ const HelpContentButton = ({
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
-  })), href != null && /*#__PURE__*/React.createElement(HelpContentButtonExternalLinkIcon, {
+  })), !openInSameTab && href != null && /*#__PURE__*/React.createElement(HelpContentButtonExternalLinkIcon, {
     dataTestId: "shortcutIcon"
   }, /*#__PURE__*/React.createElement(ShortcutIcon, {
     color: "currentColor",
     LEGACY_size: "small",
     label: ""
   }))));
+  const target = href ? openInSameTab ? '_self' : '_blank' : undefined;
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analitycsContextData
   }, /*#__PURE__*/React.createElement(HelpContentButtonContainer, {
@@ -57,7 +59,7 @@ const HelpContentButton = ({
     href: href,
     id: id,
     tabIndex: 0,
-    target: href && '_blank'
+    target: target
   }, tooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipText,
     position: "left"

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

@@ -16,7 +16,7 @@ import { RelatedArticlesTitle } from './styled';
 import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 const packageName = "@atlaskit/help";
-const packageVersion = "9.1.25";
+const packageVersion = "9.2.0";
 const buttonStyles = null;
 export const RelatedArticles = ({
   style = 'primary',

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

@@ -18,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.25"
+  packageVersion: "9.2.0"
 };
 const buttonStyles = null;
 export const SearchInput = ({
@@ -98,7 +98,9 @@ export const SearchInput = ({
     }), searchValue !== '' && /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
-      spacing: "none",
+      spacing: "none"
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+      ,
       "aria-label": "Clear",
       className: ax(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/React.createElement(EditorCloseIcon, {

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

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

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

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

package/dist/esm/analytics.js

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

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

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

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

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

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

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

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

@@ -27,7 +27,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.25"
+  packageVersion: "9.2.0"
 };
 var buttonStyles = null;
 export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
@@ -235,7 +235,9 @@ export var ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           verticalAlign: 'middle'
         },
-        role: "img",
+        role: "img"
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+        ,
         "aria-label": "Success"
       }, /*#__PURE__*/React.createElement(CheckCircleIcon, {
         spacing: "spacious",

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.25"
+      packageVersion: "9.2.0"
     };
     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.25"
+  packageVersion: "9.2.0"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -17,4 +17,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}

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

@@ -63,12 +63,15 @@ export var Article = function Article(_ref) {
   }, [history]);
   var onArticleEntered = function onArticleEntered() {
     onArticleEnteredTimeout.current = window.setTimeout(function () {
+      var _articleContainerRef$;
       // if skipArticleSlideInAnimation is true, set to false after the
       // first slide-in animation
       // NOTE: skipArticleSlideInAnimation could be true only after the mounting
       if (skipArticleSlideInAnimation) {
         setSkipArticleSlideInAnimation(false);
       }
+      // Move focus to the article container for accessibility
+      (_articleContainerRef$ = articleContainerRef.current) === null || _articleContainerRef$ === void 0 || _articleContainerRef$.focus();
     }, SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
   var onArticleExit = function onArticleExit() {
@@ -118,8 +121,9 @@ export var Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       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"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,
@@ -136,8 +140,9 @@ export var Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       style: _objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']),
-      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__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.25"
+  packageVersion: "9.2.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {
@@ -62,12 +62,18 @@ export var ArticlesListItem = function ArticlesListItem(_ref) {
     role: "button",
     href: href,
     onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), isLastPublishedVisible && /*#__PURE__*/React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
+  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), isLastPublishedVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
     LEGACY_size: "small",
     label: "Opens in a new window",
     color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
     LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
-  }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible && /*#__PURE__*/React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
+  }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
     LEGACY_margin: "0 -0.25px 0 0",
     color: "currentColor",
     label: "Like",

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

@@ -46,6 +46,7 @@ var articlesListItemLinkIconStyles = null;
 export var ArticlesListItemLinkIcon = function ArticlesListItemLinkIcon(_ref4) {
   var children = _ref4.children;
   return /*#__PURE__*/React.createElement("span", {
+    "aria-label": "Opens in a new window",
     className: ax(["_1wpz1wug _bozg1b66 _s7n4nkob"])
   }, children);
 };

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.25"
+      packageVersion: "9.2.0"
     }
   }, /*#__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.25"
+  packageVersion: "9.2.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,
@@ -19,7 +19,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
     text = _ref.text,
     icon = _ref.icon,
     onClick = _ref.onClick,
-    tooltipText = _ref.tooltipText;
+    tooltipText = _ref.tooltipText,
+    openInSameTab = _ref.openInSameTab;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var handleOnClick = useCallback(function (event) {
@@ -42,13 +43,14 @@ var HelpContentButton = function HelpContentButton(_ref) {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
-  })), href != null && /*#__PURE__*/React.createElement(HelpContentButtonExternalLinkIcon, {
+  })), !openInSameTab && href != null && /*#__PURE__*/React.createElement(HelpContentButtonExternalLinkIcon, {
     dataTestId: "shortcutIcon"
   }, /*#__PURE__*/React.createElement(ShortcutIcon, {
     color: "currentColor",
     LEGACY_size: "small",
     label: ""
   }))));
+  var target = href ? openInSameTab ? '_self' : '_blank' : undefined;
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: analitycsContextData
   }, /*#__PURE__*/React.createElement(HelpContentButtonContainer, {
@@ -57,7 +59,7 @@ var HelpContentButton = function HelpContentButton(_ref) {
     href: href,
     id: id,
     tabIndex: 0,
-    target: href && '_blank'
+    target: target
   }, tooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
     content: tooltipText,
     position: "left"

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

@@ -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.25";
+var packageVersion = "9.2.0";
 var buttonStyles = null;
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -18,7 +18,7 @@ import { useNavigationContext } from '../../contexts/navigationContext';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.1.25"
+  packageVersion: "9.2.0"
 };
 var buttonStyles = null;
 export var SearchInput = function SearchInput(_ref) {
@@ -93,7 +93,9 @@ export var SearchInput = function SearchInput(_ref) {
     }), searchValue !== '' && /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
-      spacing: "none",
+      spacing: "none"
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+      ,
       "aria-label": "Clear",
       className: ax(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/React.createElement(EditorCloseIcon, {

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.25"
+  packageVersion: "9.2.0"
 };
 export var WhatsNewButton = function WhatsNewButton(_ref) {
   var productName = _ref.productName,

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.25"
+  packageVersion: "9.2.0"
 };
 export var WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/types/components/HelpContentButton/index.d.ts

@@ -8,8 +8,9 @@ export type Props = {
     notificationLogProvider?: Promise<NotificationLogProvider>;
     notificationMax?: number;
     onClick?: (id: string, analytics: UIAnalyticsEvent, event: React.MouseEvent<HTMLElement>) => void;
+    openInSameTab?: boolean;
     text: string;
     tooltipText?: string;
 };
-declare const HelpContentButton: ({ id, href, notificationMax, notificationLogProvider, text, icon, onClick, tooltipText, }: Props) => React.JSX.Element;
+declare const HelpContentButton: ({ id, href, notificationMax, notificationLogProvider, text, icon, onClick, tooltipText, openInSameTab, }: Props) => React.JSX.Element;
 export default HelpContentButton;

package/dist/types-ts4.5/components/HelpContentButton/index.d.ts

@@ -8,8 +8,9 @@ export type Props = {
     notificationLogProvider?: Promise<NotificationLogProvider>;
     notificationMax?: number;
     onClick?: (id: string, analytics: UIAnalyticsEvent, event: React.MouseEvent<HTMLElement>) => void;
+    openInSameTab?: boolean;
     text: string;
     tooltipText?: string;
 };
-declare const HelpContentButton: ({ id, href, notificationMax, notificationLogProvider, text, icon, onClick, tooltipText, }: Props) => React.JSX.Element;
+declare const HelpContentButton: ({ id, href, notificationMax, notificationLogProvider, text, icon, onClick, tooltipText, openInSameTab, }: Props) => React.JSX.Element;
 export default HelpContentButton;

package/docs/0-intro.tsx

@@ -3,7 +3,7 @@ import { md, code, Props, AtlassianInternalWarning } from '@atlaskit/docs';
 
 const helpProps = require('!!extract-react-types-loader!../src/components/Help');
 
-const _default_1: any = md`
+const intro: React.ReactElement = md`
   ${(<AtlassianInternalWarning />)}
 
   ## Usage
@@ -84,4 +84,4 @@ export default Example;
 
   ${(<Props props={helpProps} />)}
 `;
-export default _default_1;
+export default intro;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "9.1.26",
+	"version": "9.2.1",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,27 +32,27 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/button": "^23.7.0",
+		"@atlaskit/checkbox": "^17.2.0",
+		"@atlaskit/form": "^15.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/help-article": "^6.0.0",
 		"@atlaskit/help-layout": "^6.3.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
 		"@atlaskit/notification-indicator": "^10.0.0",
-		"@atlaskit/notification-log-client": "^6.2.0",
+		"@atlaskit/notification-log-client": "^6.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/section-message": "^8.9.0",
-		"@atlaskit/select": "^21.3.0",
+		"@atlaskit/section-message": "^8.10.0",
+		"@atlaskit/select": "^21.5.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/textarea": "^8.0.0",
-		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/textarea": "^8.2.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"date-fns": "^2.17.0",