@atlaskit/help 9.0.2 → 9.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/help
 
+## 9.1.0
+
+### Minor Changes
+
+- [#157102](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/157102)
+  [`54e0ae5ff0553`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/54e0ae5ff0553) -
+  We are testing the migration to the ADS Link component behind a feature flag. If this fix is
+  successful it will be available in a later release.
+
+## 9.0.3
+
+### Patch Changes
+
+- [#153058](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/153058)
+  [`e4f9b9ad1122c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e4f9b9ad1122c) -
+  Change help panel article title to be a heading element instead of paragraph
+
 ## 9.0.2
 
 ### 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: "9.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.0"
 };
 var buttonStyles = null;
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
@@ -73,6 +73,7 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
     setWasHelpfulFormSubmitedFailed = _useState14[1];
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var wasHelpfulFormClickedButtonRef = (0, _react.useRef)(null);
   var negativeFeedbackReason = [{
     name: 'negativeFeedbackReason',
     value: 'noAccurate',
@@ -91,12 +92,14 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
       onWasHelpfulYesButtonClick(event, analyticsEvent);
     }
     setWasHelpful(true);
+    wasHelpfulFormClickedButtonRef.current = event.currentTarget;
   };
   var handleArticleWasHelpfulNoButtonClick = (onWasHelpfulNoButtonClick || onWasHelpfulSubmit) && function (event, analyticsEvent) {
     if (onWasHelpfulNoButtonClick) {
       onWasHelpfulNoButtonClick(event, analyticsEvent);
     }
     setWasHelpful(false);
+    wasHelpfulFormClickedButtonRef.current = event.currentTarget;
   };
   var radioGroupReasonOnChange = function radioGroupReasonOnChange(event) {
     setFeedbackReason(event.currentTarget.value);
@@ -138,7 +141,9 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
     }
   };
   var onFeedbackSubmitCancel = function onFeedbackSubmitCancel() {
+    var _wasHelpfulFormClicke, _wasHelpfulFormClicke2;
     setWasHelpful(null);
+    (_wasHelpfulFormClicke = wasHelpfulFormClickedButtonRef.current) === null || _wasHelpfulFormClicke === void 0 || (_wasHelpfulFormClicke2 = _wasHelpfulFormClicke.focus) === null || _wasHelpfulFormClicke2 === void 0 || _wasHelpfulFormClicke2.call(_wasHelpfulFormClicke);
   };
   var handleTryAgainOnClick = function handleTryAgainOnClick() {
     var feedback = {

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

@@ -65,7 +65,7 @@ var HelpArticle = exports.HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "9.0.2"
+      packageVersion: "9.1.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: "9.0.2"
+  packageVersion: "9.1.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: "9.0.2"
+  packageVersion: "9.1.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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

@@ -12,6 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _typography = require("@atlaskit/theme/typography");
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["styles", "children"];
@@ -58,13 +59,16 @@ var ArticlesListItemLinkIcon = exports.ArticlesListItemLinkIcon = function Artic
 var articlesListItemTitleTextStyles = null;
 var ArticlesListItemTitleText = exports.ArticlesListItemTitleText = function ArticlesListItemTitleText(_ref5) {
   var children = _ref5.children;
-  return /*#__PURE__*/_react.default.createElement("p", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81ysy _1reo15vq _18m915vq _syaz1o8f _1e0c1o8l _o5724jg8 _otyrh9hh"]),
     style: {
       "--_ggxzyp": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N800, ")")),
       "--_9taizs": (0, _runtime.ix)("var(--ds-font-heading-xsmall, ".concat(heading.xsmall, ")"))
     }
-  }, children);
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "xsmall",
+    as: "h3"
+  }, children));
 };
 var articlesListItemDescriptionStyles = null;
 var ArticlesListItemDescription = exports.ArticlesListItemDescription = function ArticlesListItemDescription(_ref6) {

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

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

package/dist/cjs/components/HelpContent.js

@@ -125,13 +125,13 @@ var HelpContent = exports.HelpContent = function HelpContent(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_styled.HomeAi, {
     isOverlayFullyVisible: isOverlayFullyVisible,
     isOverlayVisible: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, {
+  }, homeContent, /*#__PURE__*/_react.default.createElement(_styled.StyledUl, null, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, {
     productName: productName
   }), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, (0, _extends2.default)({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null)), /*#__PURE__*/_react.default.createElement(_NeedMoreHelp.NeedMoreHelp, {
+  })))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null)), /*#__PURE__*/_react.default.createElement(_NeedMoreHelp.NeedMoreHelp, {
     label: formatMessage(_messages.messages.help_need_more_help_label),
     onNeedMoreHelpClick: handleNeedMoreHelpClick
   }), footer && /*#__PURE__*/_react.default.createElement(_styled.HelpFooter, {
@@ -146,13 +146,13 @@ var HelpContent = exports.HelpContent = function HelpContent(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyContainer, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBody, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, null), /*#__PURE__*/_react.default.createElement(_Article.default, null), /*#__PURE__*/_react.default.createElement(_styled.Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
     isOverlayVisible: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, {
+  }, homeContent, /*#__PURE__*/_react.default.createElement(_styled.StyledUl, null, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, {
     productName: productName
   }), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, (0, _extends2.default)({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null)));
+  })))), /*#__PURE__*/_react.default.createElement(_WhatsNewResults.default, null)));
   return isAiEnabled ? HelpLayoutWithAi : HelpLayoutWithoutAi;
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(HelpContent);

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: "9.0.2"
+  packageVersion: "9.1.0"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -1,31 +1,39 @@
-
+._11c8376l{font:var(--ds-font-body,inherit)}
+._19itglyw{border:none}
 ._2rko1l7b{border-radius:3px}
 ._2rko1y44{border-radius:4px}
+._18u0idpf{margin-left:0}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._19pkidpf{margin-top:0}
 ._19pkr5cr{margin-top:var(--ds-space-negative-050,-4px)}
 ._1bsbb8xr{width:var(--_2br7en)}
 ._1bsbgktf{width:20px}
 ._1bsbwgn3{width:calc(100% - 20px)}
 ._1e0c1o8l{display:inline-block}
 ._1e0c1ule{display:block}
+._1e0c5mfb{display:table}
 ._1eab1ooe span{transform:translate(-50%,-50%)}
 ._1t181ssb span{top:50%}
 ._1t981ssb span{left:50%}
+._2hwxidpf{margin-right:0}
 ._4t3igktf{height:20px}
 ._80omtlke{cursor:pointer}
+._bfhk1j28{background-color:transparent}
 ._ca0qidpf{padding-top:0}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._kqswh2mm{position:relative}
 ._n3tdidpf{padding-bottom:0}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyridpf{margin-bottom:0}
 ._s7n4nkob{vertical-align:middle}
 ._syaz1a5u{color:var(--_1oh641w)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._vchhusvi{box-sizing:border-box}
 ._vr2wstnw span{position:absolute}
 ._7ehiu5t6:focus{box-shadow:var(--_ow3z6t)}
-._irr32tgk:hover{background-color:var(--_1y60f1n)}._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
+._irr32tgk:hover{background-color:var(--_1y60f1n)}
+._13roglyw:active, ._1bg4glyw:focus, ._1qb1glyw:hover, ._1dnaglyw:visited{outline-offset:none}
 ._1di618xb:active{background-color:var(--_18th9fi)}
 ._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover, ._1726nqa1:visited{text-decoration-style:solid}
 ._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover, ._1ydc1r31:visited{text-decoration-color:currentColor}

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

@@ -10,6 +10,8 @@ require("./styled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
+var wrappedSpanStyles = null;
+var parentListItemHelpContentButtonContainerStyles = null;
 var helpContentButtonContainerStyles = null;
 var HelpContentButtonContainer = exports.HelpContentButtonContainer = function HelpContentButtonContainer(_ref) {
   var onClick = _ref.onClick,
@@ -19,14 +21,36 @@ var HelpContentButtonContainer = exports.HelpContentButtonContainer = function H
     tabIndex = _ref.tabIndex,
     target = _ref.target,
     children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement("a", {
+  if (href) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf"])
+    }, /*#__PURE__*/_react.default.createElement("a", {
+      onClick: onClick,
+      onKeyDown: onKeyDown,
+      href: href,
+      id: id,
+      tabIndex: tabIndex,
+      target: target,
+      className: (0, _runtime.ax)(["_2rko1l7b _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbb8xr _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
+      style: {
+        "--_2br7en": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
+        "--_1oh641w": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N600, ")")),
+        "--_ow3z6t": (0, _runtime.ix)("".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"), " 0 0 0 2px inset")),
+        "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),
+        "--_18th9fi": (0, _runtime.ix)("var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"))
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _runtime.ax)(["_1e0c5mfb"])
+    }, children)));
+  }
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf"])
+  }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: onClick,
     onKeyDown: onKeyDown,
-    href: href,
     id: id,
     tabIndex: tabIndex,
-    target: target,
-    className: (0, _runtime.ax)(["_2rko1l7b _1e0c1ule _80omtlke _1bsbb8xr _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
+    className: (0, _runtime.ax)(["_2rko1l7b _19itglyw _bfhk1j28 _11c8376l _1e0c1ule _80omtlke _1bsbb8xr _syaz1a5u _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _7ehiu5t6 _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _9h8h1a5u _f8pj1a5u _30l31a5u _10531a5u _irr32tgk _1di618xb"]),
     style: {
       "--_2br7en": (0, _runtime.ix)("calc(100% - ".concat("var(--ds-space-200, 16px)", ")")),
       "--_1oh641w": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N600, ")")),
@@ -34,7 +58,9 @@ var HelpContentButtonContainer = exports.HelpContentButtonContainer = function H
       "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),
       "--_18th9fi": (0, _runtime.ix)("var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"))
     }
-  }, children);
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)(["_1e0c5mfb"])
+  }, children)));
 };
 var helpContentButtonIconStyles = null;
 var HelpContentButtonIcon = exports.HelpContentButtonIcon = function HelpContentButtonIcon(_ref2) {

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

@@ -29,7 +29,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsxFrag */
 var packageName = "@atlaskit/help";
-var packageVersion = "9.0.2";
+var packageVersion = "9.1.0";
 var buttonStyles = null;
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,

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

@@ -29,7 +29,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.2"
+  packageVersion: "9.1.0"
 };
 var buttonStyles = null;
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {

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

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

@@ -1,9 +1,12 @@
 
+._qtt8glyw{list-style:none}
 ._v5641tic{transition:var(--_m9bkgq)}
 ._x3do3yx5{border-top:var(--_1it2dty)}._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
+._18u0idpf{margin-left:0}
 ._19bvidpf{padding-left:0}
 ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
+._19pkidpf{margin-top:0}
 ._19pkou31{margin-top:var(--ds-space-200,14px)}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
@@ -17,19 +20,23 @@
 ._1reo1wug{overflow-x:auto}
 ._1tkeidpf{min-height:0}
 ._1wpz1wug{align-self:auto}
+._2hwxidpf{margin-right:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1y6m{align-items:flex-start}
 ._4t3i1osq{height:100%}
 ._4t3ixy5q{height:var(--ds-space-400,2pc)}
 ._ae4v1fhb{align-content:stretch}
 ._bfhk1v7z{background-color:var(--_1xglsrh)}
+._ca0qidpf{padding-top:0}
 ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._i0dl1wug{flex-basis:auto}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}
+._n3tdidpf{padding-bottom:0}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._otyridpf{margin-bottom:0}
 ._tzy4idpf{opacity:0}
 ._u5f3idpf{padding-right:0}
 ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}

package/dist/cjs/components/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HomeAi = exports.Home = exports.HelpFooter = exports.HelpBodyContainer = exports.HelpBodyAi = exports.HelpBody = exports.BackButtonContainer = exports.BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = void 0;
+exports.StyledUl = exports.HomeAi = exports.Home = exports.HelpFooter = exports.HelpBodyContainer = exports.HelpBodyAi = exports.HelpBody = exports.BackButtonContainer = exports.BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS = void 0;
 require("./styled.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -47,7 +47,7 @@ var Home = exports.Home = function Home(_ref4) {
       display: isOverlayFullyVisible ? 'none' : 'block',
       overflow: isOverlayVisible ? 'hidden' : 'auto'
     },
-    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1e0c1ule _4t3i1osq _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _vchhusvi"])
+    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1e0c1ule _4t3i1osq _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _vchhusvi _19pkidpf"])
   }, children);
 };
 var homeAiStyles = null;
@@ -60,7 +60,7 @@ var HomeAi = exports.HomeAi = function HomeAi(_ref5) {
       display: isOverlayFullyVisible ? 'none' : 'block',
       overflow: isOverlayVisible ? 'hidden' : 'auto'
     },
-    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1e0c1ule _19bvpxbi _u5f3pxbi _n3tdpxbi _vchhusvi"])
+    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _1e0c1ule _19bvpxbi _u5f3pxbi _n3tdpxbi _vchhusvi _19pkidpf"])
   }, children);
 };
 var helpFooterStyles = null;
@@ -96,4 +96,11 @@ var BackButtonContainer = exports.BackButtonContainer = function BackButtonConta
       "--_m9bkgq": (0, _runtime.ix)("left ".concat(BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS, "ms, opacity ").concat(BACK_BUTTON_CONTAINER_TRANSITION_DURATION_MS, "ms"))
     })
   }, children);
+};
+var ulStyles = null;
+var StyledUl = exports.StyledUl = function StyledUl(_ref8) {
+  var children = _ref8.children;
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _runtime.ax)(["_qtt8glyw _19pkidpf _2hwxidpf _otyridpf _18u0idpf _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf"])
+  }, children);
 };

package/dist/es2019/analytics.js

@@ -5,5 +5,5 @@ export const createAndFire = x.createAndFireEvent('atlaskit');
 export const defaultAnalyticsAttributes = {
   componentName: 'help',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.0"
 };
 export const ArticleWasHelpfulYesButton = ({
   isSelected = false,

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

@@ -4,7 +4,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 /** @jsxFrag */
 
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
@@ -25,7 +25,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "9.0.2"
+  packageVersion: "9.1.0"
 };
 const buttonStyles = null;
 export const ArticleWasHelpfulForm = ({
@@ -46,6 +46,7 @@ export const ArticleWasHelpfulForm = ({
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
+  const wasHelpfulFormClickedButtonRef = useRef(null);
   const negativeFeedbackReason = [{
     name: 'negativeFeedbackReason',
     value: 'noAccurate',
@@ -64,12 +65,14 @@ export const ArticleWasHelpfulForm = ({
       onWasHelpfulYesButtonClick(event, analyticsEvent);
     }
     setWasHelpful(true);
+    wasHelpfulFormClickedButtonRef.current = event.currentTarget;
   });
   const handleArticleWasHelpfulNoButtonClick = (onWasHelpfulNoButtonClick || onWasHelpfulSubmit) && ((event, analyticsEvent) => {
     if (onWasHelpfulNoButtonClick) {
       onWasHelpfulNoButtonClick(event, analyticsEvent);
     }
     setWasHelpful(false);
+    wasHelpfulFormClickedButtonRef.current = event.currentTarget;
   });
   const radioGroupReasonOnChange = event => {
     setFeedbackReason(event.currentTarget.value);
@@ -111,7 +114,9 @@ export const ArticleWasHelpfulForm = ({
     }
   };
   const onFeedbackSubmitCancel = () => {
+    var _wasHelpfulFormClicke, _wasHelpfulFormClicke2;
     setWasHelpful(null);
+    (_wasHelpfulFormClicke = wasHelpfulFormClickedButtonRef.current) === null || _wasHelpfulFormClicke === void 0 ? void 0 : (_wasHelpfulFormClicke2 = _wasHelpfulFormClicke.focus) === null || _wasHelpfulFormClicke2 === void 0 ? void 0 : _wasHelpfulFormClicke2.call(_wasHelpfulFormClicke);
   };
   const handleTryAgainOnClick = () => {
     const feedback = {

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.0.2"
+      packageVersion: "9.1.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.0.2"
+  packageVersion: "9.1.0"
 };
 export const WhatsNewArticle = ({
   intl: {

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.0.2"
+  packageVersion: "9.1.0"
 };
 const highlightText = text => {
   if (!text) {

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

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
+import Heading from '@atlaskit/heading';
 import { fontFallback } from '@atlaskit/theme/typography';
 import { B100, B50, N200, N30, N400, N400A, N800, Y100 } from '@atlaskit/theme/colors';
 const {
@@ -40,9 +41,12 @@ export const ArticlesListItemLinkIcon = ({
 const articlesListItemTitleTextStyles = null;
 export const ArticlesListItemTitleText = ({
   children
-}) => /*#__PURE__*/React.createElement("p", {
+}) => /*#__PURE__*/React.createElement("div", {
   className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c8140y _1reo15vq _18m915vq _syaz1fxt _1e0c1o8l _o5724jg8 _otyrh9hh"])
-}, children);
+}, /*#__PURE__*/React.createElement(Heading, {
+  size: "xsmall",
+  as: "h3"
+}, children));
 const articlesListItemDescriptionStyles = null;
 export const ArticlesListItemDescription = ({
   children

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

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

package/dist/es2019/components/HelpContent.js

@@ -16,7 +16,7 @@ import WhatsNewResults from './WhatsNew/WhatsNewResults';
 import HelpContentButton from './HelpContentButton';
 import BackButton from './BackButton';
 import { NeedMoreHelp } from './NeedMoreHelp';
-import { HelpBodyContainer, HelpBody, Home, HomeAi, HelpBodyAi } from './styled';
+import { HelpBodyContainer, HelpBody, Home, HomeAi, HelpBodyAi, StyledUl } from './styled';
 import { HelpFooter } from './styled';
 import { Tabs } from './Tabs';
 import AiChatIcon from '@atlaskit/icon/core/ai-chat';
@@ -118,13 +118,13 @@ export const HelpContent = ({
   }), /*#__PURE__*/React.createElement(HomeAi, {
     isOverlayFullyVisible: isOverlayFullyVisible,
     isOverlayVisible: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, {
+  }, homeContent, /*#__PURE__*/React.createElement(StyledUl, null, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, {
     productName: productName
   }), homeOptions && homeOptions.map(defaultOption => {
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/React.createElement(WhatsNewResults, null)), /*#__PURE__*/React.createElement(NeedMoreHelp, {
+  })))), /*#__PURE__*/React.createElement(WhatsNewResults, null)), /*#__PURE__*/React.createElement(NeedMoreHelp, {
     label: formatMessage(messages.help_need_more_help_label),
     onNeedMoreHelpClick: handleNeedMoreHelpClick
   }), footer && /*#__PURE__*/React.createElement(HelpFooter, {
@@ -139,13 +139,13 @@ export const HelpContent = ({
   }, /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBody, null, /*#__PURE__*/React.createElement(SearchResults, null), /*#__PURE__*/React.createElement(ArticleComponent, null), /*#__PURE__*/React.createElement(Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
     isOverlayVisible: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, {
+  }, homeContent, /*#__PURE__*/React.createElement(StyledUl, null, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, {
     productName: productName
   }), homeOptions && homeOptions.map(defaultOption => {
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id
     }, defaultOption));
-  }))), /*#__PURE__*/React.createElement(WhatsNewResults, null)));
+  })))), /*#__PURE__*/React.createElement(WhatsNewResults, null)));
   return isAiEnabled ? HelpLayoutWithAi : HelpLayoutWithoutAi;
 };
 export default injectIntl(HelpContent);