@atlaskit/help 7.7.3 → 7.8.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/help
 
+## 7.8.0
+
+### Minor Changes
+
+- [#152220](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152220)
+  [`e98602764f64b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e98602764f64b) -
+  [ux] Removed title highlight and changed styling for mark element
+
+## 7.7.4
+
+### Patch Changes
+
+- [#149132](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/149132)
+  [`ccbe88bebeb80`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ccbe88bebeb80) -
+  Updating what new button label key for intl
+
 ## 7.7.3
 
 ### Patch Changes

package/dist/cjs/analytics.js

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

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

@@ -15,7 +15,7 @@ var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var ArticleWasHelpfulYesButton = exports.ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -42,7 +42,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var buttonStyles = (0, _react2.css)({
   padding: '0',

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

@@ -57,14 +57,15 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
     }
     openArticle({
       id: articleData.id,
-      type: _Help.ARTICLE_TYPE.HELP_ARTICLE
+      type: _Help.ARTICLE_TYPE.HELP_ARTICLE,
+      contentAri: articleData.contentAri
     });
   }, [openArticle, onRelatedArticlesListItemClick]);
   var handleOnRelatedArticlesShowMoreClick = (0, _react.useCallback)(function (event, analyticsEvent, isCollapsed) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.7.3"
+      packageVersion: "7.8.0"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -22,7 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {
@@ -28,9 +28,9 @@ var highlightText = function highlightText(text) {
   var sections = [];
   html.forEach(function (node, i) {
     if (node.nodeName === 'SPAN') {
-      sections.push( /*#__PURE__*/_react.default.createElement("mark", {
+      sections.push( /*#__PURE__*/_react.default.createElement("b", null, /*#__PURE__*/_react.default.createElement(_styled.ArticlesListItemDescriptionHighlight, {
         key: i
-      }, node.textContent));
+      }, node.textContent)));
     } else {
       sections.push(node.textContent);
     }
@@ -72,7 +72,7 @@ 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, highlightText(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__*/_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: "",
     color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),

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

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArticlesListItemWrapper = exports.ArticlesListItemViewCount = exports.ArticlesListItemTypeTitle = exports.ArticlesListItemTrustFactor = exports.ArticlesListItemTitleText = exports.ArticlesListItemTitleSection = exports.ArticlesListItemSource = exports.ArticlesListItemLinkIcon = exports.ArticlesListItemLastModified = exports.ArticlesListItemHelpfulCount = exports.ArticlesListItemDescription = exports.ArticlesListItemContainer = void 0;
+exports.ArticlesListItemWrapper = exports.ArticlesListItemViewCount = exports.ArticlesListItemTypeTitle = exports.ArticlesListItemTrustFactor = exports.ArticlesListItemTitleText = exports.ArticlesListItemTitleSection = exports.ArticlesListItemSource = exports.ArticlesListItemLinkIcon = exports.ArticlesListItemLastModified = exports.ArticlesListItemHelpfulCount = exports.ArticlesListItemDescriptionHighlight = exports.ArticlesListItemDescription = exports.ArticlesListItemContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _typography = require("@atlaskit/theme/typography");
@@ -152,4 +152,10 @@ var ArticlesListItemLastModified = exports.ArticlesListItemLastModified = _style
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
   padding: "var(--ds-space-050, 4px)".concat(" 0")
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
+var ArticlesListItemDescriptionHighlight = exports.ArticlesListItemDescriptionHighlight = _styled.default.mark({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  color: "var(--ds-background-accent-yellow-subtlest, ".concat(colors.Y100, ")")
 });

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -33,7 +33,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.7.3";
+var packageVersion = "7.8.0";
 var buttonStyles = (0, _react2.css)({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -32,7 +32,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var buttonStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -63,7 +63,8 @@ var SearchResults = exports.SearchResults = function SearchResults() {
     if (!openExternalSearchUrlInNewTab || articleData.href == null) {
       openArticle({
         id: articleData.id,
-        type: _Help.ARTICLE_TYPE.HELP_ARTICLE
+        type: _Help.ARTICLE_TYPE.HELP_ARTICLE,
+        contentAri: articleData.contentAri
       });
     } else {
       window.open(articleData.href, '_blank');

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -37,13 +37,14 @@ var _createCtx = (0, _ctx.createCtx)(),
   _createCtx2 = (0, _slicedToArray2.default)(_createCtx, 2),
   useNavigationContext = exports.useNavigationContext = _createCtx2[0],
   CtxProvider = exports.CtxProvider = _createCtx2[1];
-var getNewHistoryItem = function getNewHistoryItem(id, type) {
+var getNewHistoryItem = function getNewHistoryItem(id, type, contentAri) {
   var uid = Math.floor(Math.random() * Math.pow(10, 17));
   var newHistoryItem = {
     uid: uid,
     id: id,
     type: type,
-    state: _Requests.REQUEST_STATE.load
+    state: _Requests.REQUEST_STATE.load,
+    contentAri: contentAri
   };
   return newHistoryItem;
 };
@@ -148,7 +149,7 @@ var navigationReducer = function navigationReducer(_ref3, action) {
     } else {
       newState = {
         articleId: newArticleId,
-        history: [].concat((0, _toConsumableArray2.default)(currentHistory), [getNewHistoryItem(newArticleId.id, newArticleId.type)]),
+        history: [].concat((0, _toConsumableArray2.default)(currentHistory), [getNewHistoryItem(newArticleId.id, newArticleId.type, newArticleId.contentAri)]),
         view: getViewForArticleId(newArticleId)
       };
     }
@@ -156,7 +157,7 @@ var navigationReducer = function navigationReducer(_ref3, action) {
     var _newArticleId = action.payload;
     newState = {
       articleId: currentArticleId,
-      history: [].concat((0, _toConsumableArray2.default)(currentHistory), [getNewHistoryItem(_newArticleId.id, _newArticleId.type)]),
+      history: [].concat((0, _toConsumableArray2.default)(currentHistory), [getNewHistoryItem(_newArticleId.id, _newArticleId.type, _newArticleId.contentAri)]),
       view: getViewForArticleId(currentArticleId)
     };
   } else if (action.type === 'updateHistoryItem' && action.payload) {
@@ -234,7 +235,7 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
     propsHistory = navigationData.history;
   var _useReducer = (0, _react.useReducer)(navigationReducer, {
       articleId: propsArticleId,
-      history: !(0, _isEqual.default)(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type)] : propsHistory,
+      history: !(0, _isEqual.default)(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type, propsArticleId.contentAri)] : propsHistory,
       view: _constants.VIEW.DEFAULT_CONTENT
     }),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -283,11 +284,12 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
             _context.next = 8;
             return onGetHelpArticle({
               id: historyItem.id,
-              type: historyItem.type
+              type: historyItem.type,
+              contentAri: historyItem.contentAri
             });
           case 8:
             article = _context.sent;
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 19);
           case 10:
             if (onGetWhatsNewArticle) {
               _context.next = 12;
@@ -299,7 +301,7 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
               _context.next = 14;
               break;
             }
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 19);
           case 14:
             _context.next = 16;
             return onGetWhatsNewArticle({
@@ -308,26 +310,26 @@ var NavigationContextProvider = exports.NavigationContextProvider = function Nav
             });
           case 16:
             article = _context.sent;
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 19);
           case 18:
             throw new Error('onGetHelpArticle prop not defined');
-          case 20:
+          case 19:
             return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
               article: article
             }), {}, {
               state: _Requests.REQUEST_STATE.done
             }));
-          case 23:
-            _context.prev = 23;
+          case 22:
+            _context.prev = 22;
             _context.t1 = _context["catch"](0);
             return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
               state: _Requests.REQUEST_STATE.error
             }));
-          case 26:
+          case 25:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 23]]);
+      }, _callee, null, [[0, 22]]);
     }));
     return function (_x) {
       return _ref5.apply(this, arguments);

package/dist/cjs/messages.js

@@ -187,7 +187,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: "text for the \"What's New\" button"
   },
   help_whats_new_button_label_without_product_name: {
-    id: 'help.whats_new.button_label',
+    id: 'help.whats_new.button_label_without_product_name',
     defaultMessage: 'Find out what’s changed',
     description: "text for the \"What's New\" button"
   },

package/dist/es2019/analytics.js

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

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

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -29,7 +29,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 const buttonStyles = css({
   padding: '0',

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

@@ -52,14 +52,15 @@ export const HelpArticle = ({
     }
     openArticle({
       id: articleData.id,
-      type: ARTICLE_TYPE.HELP_ARTICLE
+      type: ARTICLE_TYPE.HELP_ARTICLE,
+      contentAri: articleData.contentAri
     });
   }, [openArticle, onRelatedArticlesListItemClick]);
   const handleOnRelatedArticlesShowMoreClick = useCallback((event, analyticsEvent, isCollapsed) => {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.7.3"
+      packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 export const WhatsNewArticle = ({
   intl: {

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

@@ -4,11 +4,11 @@ import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
 import LikeIcon from '@atlaskit/icon/core/migration/thumbs-up--like';
-import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon, ArticlesListItemTrustFactor, ArticlesListItemViewCount, ArticlesListItemHelpfulCount, ArticlesListItemSource, ArticlesListItemLastModified, ArticlesListItemTitleSection } from './styled';
+import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon, ArticlesListItemTrustFactor, ArticlesListItemViewCount, ArticlesListItemHelpfulCount, ArticlesListItemSource, ArticlesListItemLastModified, ArticlesListItemTitleSection, ArticlesListItemDescriptionHighlight } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 const highlightText = text => {
   if (!text) {
@@ -18,9 +18,9 @@ const highlightText = text => {
   const sections = [];
   html.forEach((node, i) => {
     if (node.nodeName === 'SPAN') {
-      sections.push( /*#__PURE__*/React.createElement("mark", {
+      sections.push( /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement(ArticlesListItemDescriptionHighlight, {
         key: i
-      }, node.textContent));
+      }, node.textContent)));
     } else {
       sections.push(node.textContent);
     }
@@ -63,7 +63,7 @@ export const ArticlesListItem = ({
     role: "button",
     href: href,
     onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, highlightText(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__*/React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
     LEGACY_size: "small",
     label: "",
     color: `var(--ds-icon-subtle, ${colors.N90})`,

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

@@ -139,4 +139,10 @@ export const ArticlesListItemLastModified = styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text-subtlest, ${colors.N400A})`,
   padding: `${"var(--ds-space-050, 4px)"} 0`
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
+export const ArticlesListItemDescriptionHighlight = styled.mark({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  color: `var(--ds-background-accent-yellow-subtlest, ${colors.Y100})`
 });

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

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

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

@@ -20,7 +20,7 @@ import { usePrevious } from '../../util/hooks/previous';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.7.3";
+const packageVersion = "7.8.0";
 const buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 const buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -52,7 +52,8 @@ export const SearchResults = () => {
     if (!openExternalSearchUrlInNewTab || articleData.href == null) {
       openArticle({
         id: articleData.id,
-        type: ARTICLE_TYPE.HELP_ARTICLE
+        type: ARTICLE_TYPE.HELP_ARTICLE,
+        contentAri: articleData.contentAri
       });
     } else {
       window.open(articleData.href, '_blank');

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: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 export const WhatsNewResultListItem = ({
   intl: {

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

@@ -14,13 +14,14 @@ const DEFAULT_ARTICLE_ID = {
   type: ARTICLE_TYPE.HELP_ARTICLE
 };
 export const [useNavigationContext, CtxProvider] = createCtx();
-const getNewHistoryItem = (id, type) => {
+const getNewHistoryItem = (id, type, contentAri) => {
   let uid = Math.floor(Math.random() * Math.pow(10, 17));
   const newHistoryItem = {
     uid,
     id,
     type,
-    state: REQUEST_STATE.load
+    state: REQUEST_STATE.load,
+    contentAri
   };
   return newHistoryItem;
 };
@@ -129,7 +130,7 @@ const navigationReducer = ({
     } else {
       newState = {
         articleId: newArticleId,
-        history: [...currentHistory, getNewHistoryItem(newArticleId.id, newArticleId.type)],
+        history: [...currentHistory, getNewHistoryItem(newArticleId.id, newArticleId.type, newArticleId.contentAri)],
         view: getViewForArticleId(newArticleId)
       };
     }
@@ -139,7 +140,7 @@ const navigationReducer = ({
     } = action;
     newState = {
       articleId: currentArticleId,
-      history: [...currentHistory, getNewHistoryItem(newArticleId.id, newArticleId.type)],
+      history: [...currentHistory, getNewHistoryItem(newArticleId.id, newArticleId.type, newArticleId.contentAri)],
       view: getViewForArticleId(currentArticleId)
     };
   } else if (action.type === 'updateHistoryItem' && action.payload) {
@@ -234,7 +235,7 @@ export const NavigationContextProvider = ({
     view: currentView
   }, dispatchNavigationAction] = useReducer(navigationReducer, {
     articleId: propsArticleId,
-    history: !isEqual(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type)] : propsHistory,
+    history: !isEqual(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type, propsArticleId.contentAri)] : propsHistory,
     view: VIEW.DEFAULT_CONTENT
   });
   const isOverlayVisible = useMemo(() => {
@@ -267,7 +268,8 @@ export const NavigationContextProvider = ({
           }
           article = await onGetHelpArticle({
             id: historyItem.id,
-            type: historyItem.type
+            type: historyItem.type,
+            contentAri: historyItem.contentAri
           });
           break;
         case ARTICLE_TYPE.WHATS_NEW:
@@ -284,7 +286,6 @@ export const NavigationContextProvider = ({
           break;
         default:
           throw new Error('onGetHelpArticle prop not defined');
-          break;
       }
       return {
         ...historyItem,

package/dist/es2019/messages.js

@@ -181,7 +181,7 @@ export const messages = defineMessages({
     description: `text for the "What's New" button`
   },
   help_whats_new_button_label_without_product_name: {
-    id: 'help.whats_new.button_label',
+    id: 'help.whats_new.button_label_without_product_name',
     defaultMessage: 'Find out what’s changed',
     description: `text for the "What's New" button`
   },

package/dist/esm/analytics.js

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

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

@@ -8,7 +8,7 @@ import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 export var ArticleWasHelpfulYesButton = function ArticleWasHelpfulYesButton(_ref) {
   var _ref$isSelected = _ref.isSelected,

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

@@ -30,7 +30,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var buttonStyles = css({
   padding: '0',

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

@@ -48,14 +48,15 @@ export var HelpArticle = function HelpArticle(_ref) {
     }
     openArticle({
       id: articleData.id,
-      type: ARTICLE_TYPE.HELP_ARTICLE
+      type: ARTICLE_TYPE.HELP_ARTICLE,
+      contentAri: articleData.contentAri
     });
   }, [openArticle, onRelatedArticlesListItemClick]);
   var handleOnRelatedArticlesShowMoreClick = useCallback(function (event, analyticsEvent, isCollapsed) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.7.3"
+      packageVersion: "7.8.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: "7.7.3"
+  packageVersion: "7.8.0"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -4,11 +4,11 @@ import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import { injectIntl } from 'react-intl-next';
 import LikeIcon from '@atlaskit/icon/core/migration/thumbs-up--like';
-import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon, ArticlesListItemTrustFactor, ArticlesListItemViewCount, ArticlesListItemHelpfulCount, ArticlesListItemSource, ArticlesListItemLastModified, ArticlesListItemTitleSection } from './styled';
+import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon, ArticlesListItemTrustFactor, ArticlesListItemViewCount, ArticlesListItemHelpfulCount, ArticlesListItemSource, ArticlesListItemLastModified, ArticlesListItemTitleSection, ArticlesListItemDescriptionHighlight } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {
@@ -18,9 +18,9 @@ var highlightText = function highlightText(text) {
   var sections = [];
   html.forEach(function (node, i) {
     if (node.nodeName === 'SPAN') {
-      sections.push( /*#__PURE__*/React.createElement("mark", {
+      sections.push( /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement(ArticlesListItemDescriptionHighlight, {
         key: i
-      }, node.textContent));
+      }, node.textContent)));
     } else {
       sections.push(node.textContent);
     }
@@ -62,7 +62,7 @@ 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, highlightText(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__*/React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
     LEGACY_size: "small",
     label: "",
     color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),

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

@@ -141,4 +141,10 @@ export var ArticlesListItemLastModified = styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text-subtlest, ".concat(colors.N400A, ")"),
   padding: "var(--ds-space-050, 4px)".concat(" 0")
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
+export var ArticlesListItemDescriptionHighlight = styled.mark({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  color: "var(--ds-background-accent-yellow-subtlest, ".concat(colors.Y100, ")")
 });

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

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

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

@@ -23,7 +23,7 @@ import { usePrevious } from '../../util/hooks/previous';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.7.3";
+var packageVersion = "7.8.0";
 var buttonStyles = css({
   padding: '0',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -21,7 +21,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.7.3"
+  packageVersion: "7.8.0"
 };
 var buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -53,7 +53,8 @@ export var SearchResults = function SearchResults() {
     if (!openExternalSearchUrlInNewTab || articleData.href == null) {
       openArticle({
         id: articleData.id,
-        type: ARTICLE_TYPE.HELP_ARTICLE
+        type: ARTICLE_TYPE.HELP_ARTICLE,
+        contentAri: articleData.contentAri
       });
     } else {
       window.open(articleData.href, '_blank');

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

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

@@ -28,13 +28,14 @@ var _createCtx = createCtx(),
   useNavigationContext = _createCtx2[0],
   CtxProvider = _createCtx2[1];
 export { useNavigationContext, CtxProvider };
-var getNewHistoryItem = function getNewHistoryItem(id, type) {
+var getNewHistoryItem = function getNewHistoryItem(id, type, contentAri) {
   var uid = Math.floor(Math.random() * Math.pow(10, 17));
   var newHistoryItem = {
     uid: uid,
     id: id,
     type: type,
-    state: REQUEST_STATE.load
+    state: REQUEST_STATE.load,
+    contentAri: contentAri
   };
   return newHistoryItem;
 };
@@ -139,7 +140,7 @@ var navigationReducer = function navigationReducer(_ref3, action) {
     } else {
       newState = {
         articleId: newArticleId,
-        history: [].concat(_toConsumableArray(currentHistory), [getNewHistoryItem(newArticleId.id, newArticleId.type)]),
+        history: [].concat(_toConsumableArray(currentHistory), [getNewHistoryItem(newArticleId.id, newArticleId.type, newArticleId.contentAri)]),
         view: getViewForArticleId(newArticleId)
       };
     }
@@ -147,7 +148,7 @@ var navigationReducer = function navigationReducer(_ref3, action) {
     var _newArticleId = action.payload;
     newState = {
       articleId: currentArticleId,
-      history: [].concat(_toConsumableArray(currentHistory), [getNewHistoryItem(_newArticleId.id, _newArticleId.type)]),
+      history: [].concat(_toConsumableArray(currentHistory), [getNewHistoryItem(_newArticleId.id, _newArticleId.type, _newArticleId.contentAri)]),
       view: getViewForArticleId(currentArticleId)
     };
   } else if (action.type === 'updateHistoryItem' && action.payload) {
@@ -225,7 +226,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
     propsHistory = navigationData.history;
   var _useReducer = useReducer(navigationReducer, {
       articleId: propsArticleId,
-      history: !isEqual(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type)] : propsHistory,
+      history: !isEqual(propsArticleId, DEFAULT_ARTICLE_ID) && propsHistory.length === 0 ? [getNewHistoryItem(propsArticleId.id, propsArticleId.type, propsArticleId.contentAri)] : propsHistory,
       view: VIEW.DEFAULT_CONTENT
     }),
     _useReducer2 = _slicedToArray(_useReducer, 2),
@@ -274,11 +275,12 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
             _context.next = 8;
             return onGetHelpArticle({
               id: historyItem.id,
-              type: historyItem.type
+              type: historyItem.type,
+              contentAri: historyItem.contentAri
             });
           case 8:
             article = _context.sent;
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 19);
           case 10:
             if (onGetWhatsNewArticle) {
               _context.next = 12;
@@ -290,7 +292,7 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
               _context.next = 14;
               break;
             }
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 19);
           case 14:
             _context.next = 16;
             return onGetWhatsNewArticle({
@@ -299,26 +301,26 @@ export var NavigationContextProvider = function NavigationContextProvider(_ref4)
             });
           case 16:
             article = _context.sent;
-            return _context.abrupt("break", 20);
+            return _context.abrupt("break", 19);
           case 18:
             throw new Error('onGetHelpArticle prop not defined');
-          case 20:
+          case 19:
             return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
               article: article
             }), {}, {
               state: REQUEST_STATE.done
             }));
-          case 23:
-            _context.prev = 23;
+          case 22:
+            _context.prev = 22;
             _context.t1 = _context["catch"](0);
             return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
               state: REQUEST_STATE.error
             }));
-          case 26:
+          case 25:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 23]]);
+      }, _callee, null, [[0, 22]]);
     }));
     return function (_x) {
       return _ref5.apply(this, arguments);

package/dist/esm/messages.js

@@ -181,7 +181,7 @@ export var messages = defineMessages({
     description: "text for the \"What's New\" button"
   },
   help_whats_new_button_label_without_product_name: {
-    id: 'help.whats_new.button_label',
+    id: 'help.whats_new.button_label_without_product_name',
     defaultMessage: 'Find out what’s changed',
     description: "text for the \"What's New\" button"
   },

package/dist/types/analytics.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as x from '@atlaskit/analytics-next';
-export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
+export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props, Component>(WrappedComponent: import("react").ComponentType<x.WithAnalyticsEventsProps & Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
 export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
 export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
 export declare const defaultAnalyticsAttributes: {

package/dist/types/components/ArticlesList/ArticlesListItem/styled.d.ts

@@ -50,4 +50,8 @@ export declare const ArticlesListItemLastModified: import("@emotion/styled").Sty
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ArticlesListItemDescriptionHighlight: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export {};

package/dist/types/components/Help.d.ts

@@ -5,5 +5,5 @@ export type Props = HelpInterface & WithAnalyticsEventsProps;
 export declare class Help extends React.PureComponent<Props> {
     render(): JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "analyticsContext" | keyof HelpInterface> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<HelpInterface, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "analyticsContext" | keyof HelpInterface> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/model/Article.d.ts

@@ -26,6 +26,7 @@ export interface ArticleItem {
         helpfulCount?: number;
     };
     source?: string;
+    contentAri?: string;
 }
 export interface ArticleFeedback {
     wasHelpful: boolean;

package/dist/types/model/Help.d.ts

@@ -15,10 +15,12 @@ export interface HistoryItem {
     state: REQUEST_STATE;
     type: ARTICLE_TYPE;
     article?: Article | WhatsNewArticle;
+    contentAri?: string;
 }
 export interface articleId {
     id: string;
     type: ARTICLE_TYPE;
+    contentAri?: string;
 }
 export interface Help {
     header?: {

package/dist/types-ts4.5/analytics.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as x from '@atlaskit/analytics-next';
-export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props extends x.WithAnalyticsEventsProps, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
+export declare const withAnalyticsEvents: (createEventMap?: import("@atlaskit/analytics-next/types").CreateEventMap | undefined) => <Props, Component>(WrappedComponent: import("react").ComponentType<x.WithAnalyticsEventsProps & Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Omit<Props, keyof x.WithAnalyticsEventsProps>>> & import("react").RefAttributes<any>>;
 export declare const withAnalyticsContext: (defaultData?: any) => <Props, Component>(WrappedComponent: import("react").ComponentType<Props> & Component) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<JSX.LibraryManagedAttributes<Component, Props & x.WithContextProps>> & import("react").RefAttributes<any>>;
 export declare const createAndFire: (payload: x.AnalyticsEventPayload) => (createAnalyticsEvent: x.CreateUIAnalyticsEvent) => x.UIAnalyticsEvent;
 export declare const defaultAnalyticsAttributes: {

package/dist/types-ts4.5/components/ArticlesList/ArticlesListItem/styled.d.ts

@@ -50,4 +50,8 @@ export declare const ArticlesListItemLastModified: import("@emotion/styled").Sty
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ArticlesListItemDescriptionHighlight: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export {};

package/dist/types-ts4.5/components/Help.d.ts

@@ -5,5 +5,5 @@ export type Props = HelpInterface & WithAnalyticsEventsProps;
 export declare class Help extends React.PureComponent<Props> {
     render(): JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "analyticsContext" | keyof HelpInterface> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<HelpInterface, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "analyticsContext" | keyof HelpInterface> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/model/Article.d.ts

@@ -26,6 +26,7 @@ export interface ArticleItem {
         helpfulCount?: number;
     };
     source?: string;
+    contentAri?: string;
 }
 export interface ArticleFeedback {
     wasHelpful: boolean;

package/dist/types-ts4.5/model/Help.d.ts

@@ -15,10 +15,12 @@ export interface HistoryItem {
     state: REQUEST_STATE;
     type: ARTICLE_TYPE;
     article?: Article | WhatsNewArticle;
+    contentAri?: string;
 }
 export interface articleId {
     id: string;
     type: ARTICLE_TYPE;
+    contentAri?: string;
 }
 export interface Help {
     header?: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.7.3",
+	"version": "7.8.0",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,16 +44,16 @@
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/help-article": "^4.2.0",
 		"@atlaskit/help-layout": "^4.3.0",
-		"@atlaskit/icon": "^22.20.0",
-		"@atlaskit/notification-indicator": "^9.3.0",
+		"@atlaskit/icon": "^22.22.0",
+		"@atlaskit/notification-indicator": "^9.4.0",
 		"@atlaskit/notification-log-client": "^6.1.0",
 		"@atlaskit/radio": "^6.5.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/select": "^18.0.0",
+		"@atlaskit/select": "^18.1.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^13.1.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.8.0",
 		"@babel/runtime": "^7.0.0",