@atlaskit/help 7.2.15 → 7.2.17

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/help
 
+## 7.2.17
+
+### Patch Changes
+
+- [#60029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60029) [`b9826ea49c47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9826ea49c47) - Update dependencies that were impacted by HOT-106483 to latest.
+
+## 7.2.16
+
+### Patch Changes
+
+- [#57178](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57178) [`018d8853290a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/018d8853290a) - Upgrade Emotion v10 (@emotion/core) to Emotion v11 (@emotion/react). No behaviour change expected.
+
 ## 7.2.15
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -0,0 +1,76 @@
+{
+    "extends": "../../../../tsconfig.entry-points.confluence.json",
+    "compilerOptions": {
+        "declaration": true,
+        "target": "es5",
+        "composite": true,
+        "outDir": "../dist",
+        "rootDir": "../",
+        "baseUrl": "../"
+    },
+    "include": [
+        "../src/**/*.ts",
+        "../src/**/*.tsx"
+    ],
+    "exclude": [
+        "../src/**/__tests__/*",
+        "../src/**/*.test.*",
+        "../src/**/test.*"
+    ],
+    "references": [
+        {
+            "path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/button/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/checkbox/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/form/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../help-article/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../help-layout/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/icon/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../notifications/notification-indicator/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../notifications/notification-log-client/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/radio/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/section-message/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/select/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/spinner/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/textarea/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/textfield/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tooltip/afm-cc/tsconfig.json"
+        }
+    ]
+}

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.2.15"
+  packageVersion: "7.2.17"
 };

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

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

@@ -20,19 +20,23 @@ var _checkbox = require("@atlaskit/checkbox");
 var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
 var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
 var _theme = require("@atlaskit/theme");
+var _react2 = require("@emotion/react");
 var _messages = require("../../../../messages");
 var _WasHelpfulYesButton = _interopRequireDefault(require("./WasHelpfulYesButton"));
 var _WasHelpfulNoButton = _interopRequireDefault(require("./WasHelpfulNoButton"));
 var _styled = require("./styled");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+/** @jsxFrag */
+
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,
@@ -147,75 +151,75 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
   };
   if (!wasHelpfulFormSubmitedFailed) {
     if ((handleArticleWasHelpfulYesButtonClick || handleArticleWasHelpfulNoButtonClick) && !wasHelpfulFormSubmited) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackContainer, null, /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackText, {
+      return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)(_styled.ArticleFeedbackText, {
         style: {
           paddingRight: "var(--ds-space-100, 8px)"
         }
-      }, formatMessage(_messages.messages.help_article_rating_title)), /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, handleArticleWasHelpfulYesButtonClick && /*#__PURE__*/_react.default.createElement(_WasHelpfulYesButton.default, {
+      }, formatMessage(_messages.messages.help_article_rating_title)), (0, _react2.jsx)(_buttonGroup.default, null, handleArticleWasHelpfulYesButtonClick && (0, _react2.jsx)(_WasHelpfulYesButton.default, {
         onClick: handleArticleWasHelpfulYesButtonClick,
         isSelected: wasHelpful === true
-      }), handleArticleWasHelpfulNoButtonClick && /*#__PURE__*/_react.default.createElement(_WasHelpfulNoButton.default, {
+      }), handleArticleWasHelpfulNoButtonClick && (0, _react2.jsx)(_WasHelpfulNoButton.default, {
         onClick: handleArticleWasHelpfulNoButtonClick,
         isSelected: wasHelpful === false
-      }))), wasHelpful !== null && onWasHelpfulSubmit && /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackAnswerWrapper, null, /*#__PURE__*/_react.default.createElement(_form.default, {
+      }))), wasHelpful !== null && onWasHelpfulSubmit && (0, _react2.jsx)(_styled.ArticleFeedbackAnswerWrapper, null, (0, _react2.jsx)(_form.default, {
         onSubmit: onFeedbackSubmitClick
       }, function (_ref2) {
         var formProps = _ref2.formProps;
-        return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, {
+        return (0, _react2.jsx)("form", (0, _extends2.default)({}, formProps, {
           name: "form-example"
-        }), /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_title)), !wasHelpful && /*#__PURE__*/_react.default.createElement(_form.Field, {
+        }), (0, _react2.jsx)(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_title)), !wasHelpful && (0, _react2.jsx)(_form.Field, {
           name: "feedbackReason",
           isRequired: true
         }, function (_ref3) {
           var fieldProps = _ref3.fieldProps;
-          return /*#__PURE__*/_react.default.createElement(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
+          return (0, _react2.jsx)(_radio.RadioGroup, (0, _extends2.default)({}, fieldProps, {
             options: negativeFeedbackReason,
             onChange: radioGroupReasonOnChange
           }));
-        }), /*#__PURE__*/_react.default.createElement(_form.Field, {
+        }), (0, _react2.jsx)(_form.Field, {
           name: "feedbackReasonText",
           defaultValue: ""
         }, function (_ref4) {
           var fieldProps = _ref4.fieldProps;
-          return /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
+          return (0, _react2.jsx)(_textarea.default, (0, _extends2.default)({}, fieldProps, {
             minimumRows: 4,
             maxLength: FEEDBACK_REASON_TEXT_MAX_LENGTH,
             value: feedbackReasonText,
             onChange: feedbackReasonTextOnChange
           }));
-        }), /*#__PURE__*/_react.default.createElement(_form.CheckboxField, {
+        }), (0, _react2.jsx)(_form.CheckboxField, {
           name: "contactMe"
         }, function (_ref5) {
           var fieldProps = _ref5.fieldProps;
-          return /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
+          return (0, _react2.jsx)(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
             isChecked: contactMe,
             onChange: checkboxContactMeOnChange,
             label: formatMessage(_messages.messages.help_article_rating_form_contact_me)
           }));
-        }), /*#__PURE__*/_react.default.createElement(_form.FormFooter, null, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+        }), (0, _react2.jsx)(_form.FormFooter, null, (0, _react2.jsx)(_buttonGroup.default, null, (0, _react2.jsx)(_customThemeButton.default, {
           type: "submit",
           appearance: "primary",
           isDisabled: !wasHelpful && feedbackReason === '',
           isLoading: wasHelpfulFormSubmitLoading
-        }, formatMessage(_messages.messages.help_article_rating_form_submit)), /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+        }, formatMessage(_messages.messages.help_article_rating_form_submit)), (0, _react2.jsx)(_customThemeButton.default, {
           onClick: onFeedbackSubmitCancel
         }, formatMessage(_messages.messages.help_article_rating_form_cancel)))));
       })));
     } else if (wasHelpfulFormSubmited && wasHelpful === null) {
-      return /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackContainer, null, /*#__PURE__*/_react.default.createElement("span", {
+      return (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)("span", {
         style: {
           paddingRight: "var(--ds-space-100, 8px)",
           verticalAlign: 'middle'
         }
-      }, /*#__PURE__*/_react.default.createElement(_checkCircle.default, {
+      }, (0, _react2.jsx)(_checkCircle.default, {
         primaryColor: "var(--ds-icon-success, ".concat(_theme.colors.G400, ")"),
         label: ""
-      })), /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_Success)));
+      })), (0, _react2.jsx)(_styled.ArticleFeedbackText, null, formatMessage(_messages.messages.help_article_rating_form_Success)));
     }
   } else if (wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && /*#__PURE__*/_react.default.createElement(_styled.ArticleFeedbackContainer, null, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+    return (0, _react2.jsx)(_react.default.Fragment, null, wasHelpfulFormSubmited && wasHelpfulFormSubmitedFailed && (0, _react2.jsx)(_styled.ArticleFeedbackContainer, null, (0, _react2.jsx)(_sectionMessage.default, {
       appearance: "warning"
-    }, /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_article_rating_form_failed)), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+    }, (0, _react2.jsx)("p", null, formatMessage(_messages.messages.help_article_rating_form_failed)), (0, _react2.jsx)("p", null, (0, _react2.jsx)(_customThemeButton.default, {
       appearance: "link",
       spacing: "compact",
       css: {
@@ -230,8 +234,8 @@ var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasH
   return null;
 };
 var ArticleWasHelpfulFormWithContext = function ArticleWasHelpfulFormWithContext(props) {
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, /*#__PURE__*/_react.default.createElement(ArticleWasHelpfulForm, props));
+  }, (0, _react2.jsx)(ArticleWasHelpfulForm, props));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(ArticleWasHelpfulFormWithContext);

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: "7.2.15"
+      packageVersion: "7.2.17"
     };
     if (onRelatedArticlesShowMoreClick) {
       onRelatedArticlesShowMoreClick(event, analyticsEvent, isCollapsed);

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

@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var analyticsContextData = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 var WhatsNewArticle = exports.WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.truncate = exports.ToggleShowMoreArticlesContainer = exports.ArticlesListContainer = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
 };
 var ArticlesListContainer = exports.ArticlesListContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
 var ToggleShowMoreArticlesContainer = exports.ToggleShowMoreArticlesContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0;\n  span {\n    margin: 0;\n  }\n"])), "var(--ds-space-100, 8px)");

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -21,10 +21,14 @@ var _styled = require("../../util/styled");
 var _styled2 = require("./styled");
 var _cancellablePromise = _interopRequireDefault(require("../../util/hooks/cancellablePromise"));
 var _previous = require("../../util/hooks/previous");
+var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+/** @jsxFrag */
+
 var packageName = "@atlaskit/help";
-var packageVersion = "7.2.15";
+var packageVersion = "7.2.17";
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,
@@ -101,9 +105,9 @@ var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
     }
   }, [prevRouteGroup, prevRouteName, routeGroup, routeName, updateRelatedArticles]);
   if (hasError) {
-    return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+    return (0, _react2.jsx)(_sectionMessage.default, {
       appearance: "warning"
-    }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, formatMessage(_messages.messages.help_related_article_endpoint_error_title))), /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_related_article_endpoint_error_description)), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+    }, (0, _react2.jsx)("p", null, (0, _react2.jsx)("strong", null, formatMessage(_messages.messages.help_related_article_endpoint_error_title))), (0, _react2.jsx)("p", null, formatMessage(_messages.messages.help_related_article_endpoint_error_description)), (0, _react2.jsx)("p", null, (0, _react2.jsx)(_customThemeButton.default, {
       appearance: "link",
       spacing: "compact",
       css: {
@@ -115,7 +119,7 @@ var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
       onClick: updateRelatedArticles
     }, formatMessage(_messages.messages.help_related_article_endpoint_error_button_label))));
   } else {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.DividerLine, null), /*#__PURE__*/_react.default.createElement(_styled2.RelatedArticlesTitle, null, formatMessage(_messages.messages.help_related_article_title))), isLoading ? /*#__PURE__*/_react.default.createElement(_RelatedArticlesLoading.default, null) : /*#__PURE__*/_react.default.createElement(_ArticlesList.default, {
+    return (0, _react2.jsx)(_react.default.Fragment, null, style === 'secondary' && relatedArticles.length > 0 && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_styled.DividerLine, null), (0, _react2.jsx)(_styled2.RelatedArticlesTitle, null, formatMessage(_messages.messages.help_related_article_title))), isLoading ? (0, _react2.jsx)(_RelatedArticlesLoading.default, null) : (0, _react2.jsx)(_ArticlesList.default, {
       style: style,
       articles: relatedArticles,
       onArticlesListItemClick: onRelatedArticlesListItemClick,

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.truncate = exports.RelatedArticlesTitle = exports.LoadignRelatedArticleSection = exports.LoadignRelatedArticleListItem = exports.LoadignRelatedArticleList = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _constants = require("@atlaskit/theme/constants");
@@ -20,7 +20,7 @@ var baseHeading = function baseHeading(size, lineHeight) {
 };
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
 };
 var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  color: ", ";\n  font-weight: 600;\n  letter-spacing: -0.006em;\n  padding: ", " 0;\n"])), baseHeading(16, 20), "var(--ds-text, ".concat(colors.N800, ")"), "var(--ds-space-200, 16px)");
 

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

@@ -14,6 +14,7 @@ var _constants = require("@atlaskit/theme/constants");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/search"));
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
+var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _Requests = require("../../../model/Requests");
 var _searchContext = require("../../contexts/searchContext");
@@ -21,10 +22,12 @@ var _messages = require("../../../messages");
 var _styled = require("./styled");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;
@@ -74,17 +77,17 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   if (inputRef && inputRef.current) {
     inputRef.current.value = searchValue;
   }
-  return /*#__PURE__*/_react.default.createElement(_styled.SearchInputContainer, null, /*#__PURE__*/_react.default.createElement(_textfield.default, {
+  return (0, _react2.jsx)(_styled.SearchInputContainer, null, (0, _react2.jsx)(_textfield.default, {
     title: "Help articles search input",
     autoComplete: "off",
     ref: inputRef,
     name: "help-search-input",
-    elemBeforeInput: /*#__PURE__*/_react.default.createElement(_styled.SearchIconContainer, null, /*#__PURE__*/_react.default.createElement(_search.default, {
+    elemBeforeInput: (0, _react2.jsx)(_styled.SearchIconContainer, null, (0, _react2.jsx)(_search.default, {
       label: ""
     })),
-    elemAfterInput: /*#__PURE__*/_react.default.createElement(_styled.CloseButtonAndSpinnerContainer, null, searchState === _Requests.REQUEST_STATE.loading && /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    elemAfterInput: (0, _react2.jsx)(_styled.CloseButtonAndSpinnerContainer, null, searchState === _Requests.REQUEST_STATE.loading && (0, _react2.jsx)(_spinner.default, {
       size: "small"
-    }), searchValue !== '' && /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+    }), searchValue !== '' && (0, _react2.jsx)(_customThemeButton.default, {
       css: {
         width: "".concat((0, _constants.gridSize)() * 3, "px"),
         height: "".concat((0, _constants.gridSize)() * 3, "px")
@@ -92,7 +95,7 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
       spacing: "none"
-    }, /*#__PURE__*/_react.default.createElement(_close.default, {
+    }, (0, _react2.jsx)(_close.default, {
       label: ""
     }))),
     placeholder: formatMessage(_messages.messages.help_search_placeholder),
@@ -102,8 +105,8 @@ var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   }));
 };
 var SearchInputWithContext = function SearchInputWithContext(props) {
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, /*#__PURE__*/_react.default.createElement(SearchInput, props));
+  }, (0, _react2.jsx)(SearchInput, props));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(SearchInputWithContext);

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'WhatsNewButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.15"
+  packageVersion: "7.2.17"
 };
 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.2.15"
+  packageVersion: "7.2.17"
 };
 var WhatsNewResultListItem = exports.WhatsNewResultListItem = function WhatsNewResultListItem(_ref) {
   var formatMessage = _ref.intl.formatMessage,

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.truncate = exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListContainer = exports.ToggleShowWhatsNewResultsContainer = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _core = require("@emotion/core");
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
-  return (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
 };
 var WhatsNewResultsListContainer = exports.WhatsNewResultsListContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
 var WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", " 0 ", " 0;\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");

package/dist/cjs/util/styled.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WhatsNewTypeIcon = exports.LoadingRectangle = exports.LoadingCircle = exports.DividerLine = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _core = require("@emotion/core");
 var _WhatsNew = require("../model/WhatsNew");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
@@ -22,7 +22,7 @@ var DividerLine = exports.DividerLine = _styled.default.div(_templateObject || (
  * Loading container
  */
 
-var shimmer = (0, _core.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"])));
+var shimmer = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    0% {\n        background-position: -300px 0;\n    }\n    100% {\n        background-position: 1000px 0;\n    }\n"])));
 var LoadingRectangle = exports.LoadingRectangle = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  margin-top: ", ";\n  width: ", ";\n  border-radius: 2px;\n  animation-duration: 1.2s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n  background-color: ", ";\n  background-image: linear-gradient(\n    to right,\n    ", " 10%,\n    ", " 20%,\n    ", " 30%\n  );\n  background-repeat: no-repeat;\n"])), function (props) {
   return props.contentHeight ? props.contentHeight : '1rem';
 }, function (props) {

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.2.15"
+  packageVersion: "7.2.17"
 };

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