@atlaskit/help 7.11.12 → 7.12.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/help
 
+## 7.12.0
+
+### Minor Changes
+
+- [#100272](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100272)
+  [`f605240d5de34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f605240d5de34) -
+  changed h2 elements to Headings from atlaskit
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.11.13
+
+### Patch Changes
+
+- [#99226](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99226)
+  [`29c5a0e71b083`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/29c5a0e71b083) -
+  Internal changes to typography letterspacing.
+
 ## 7.11.12
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -29,6 +29,9 @@
         {
             "path": "../../../design-system/form/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/heading/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../help-article/afm-cc/tsconfig.json"
         },

package/afm-jira/tsconfig.json

@@ -29,6 +29,9 @@
 		{
 			"path": "../../../design-system/form/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/heading/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../help-article/afm-jira/tsconfig.json"
 		},

package/afm-post-office/tsconfig.json

@@ -29,6 +29,9 @@
 		{
 			"path": "../../../design-system/form/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/heading/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../help-article/afm-post-office/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.11.12"
+  packageVersion: "7.12.0"
 };

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

@@ -9,13 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _messages = require("../../../messages");
 var _SomethingWrongImage = _interopRequireDefault(require("../../../assets/SomethingWrongImage"));
 var _styled = require("./styled");
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.11.12"
+  packageVersion: "7.12.0"
 };
 var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -28,7 +29,9 @@ var ArticleLoadingFail = exports.ArticleLoadingFail = function ArticleLoadingFai
     });
     onTryAgainButtonClick(event, analyticsEvent);
   };
-  return /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorMessage, null, /*#__PURE__*/_react.default.createElement(_SomethingWrongImage.default, null), /*#__PURE__*/_react.default.createElement("h2", null, formatMessage(_messages.messages.help_article_error_title)), /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_button.default, {
+  return /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorMessage, null, /*#__PURE__*/_react.default.createElement(_SomethingWrongImage.default, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorHeading, null, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "large"
+  }, formatMessage(_messages.messages.help_article_error_title))), /*#__PURE__*/_react.default.createElement("p", null, formatMessage(_messages.messages.help_article_error_text)), /*#__PURE__*/_react.default.createElement(_styled.LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/_react.default.createElement(_button.default, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(_messages.messages.help_article_error_button_label))));
 };

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoadingErrorMessage = exports.LoadingErrorButtonContainer = void 0;
+exports.LoadingErrorMessage = exports.LoadingErrorHeading = exports.LoadingErrorButtonContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 /**
  * @jsxRuntime classic
@@ -22,4 +22,10 @@ var LoadingErrorMessage = exports.LoadingErrorMessage = _styled.default.div({
 var LoadingErrorButtonContainer = exports.LoadingErrorButtonContainer = _styled.default.div({
   paddingTop: "var(--ds-space-300, 24px)",
   textAlign: 'center'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var LoadingErrorHeading = exports.LoadingErrorHeading = _styled.default.div({
+  paddingTop: "var(--ds-space-500, 40px)",
+  textAlign: 'center'
 });

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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.0"
 };
 var buttonStyles = (0, _react2.css)({
   padding: '0',

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: "7.11.12"
+      packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.0"
 };
 var highlightText = function highlightText(text) {
   if (!text) {

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.11.12"
+  packageVersion: "7.12.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.11.12";
+var packageVersion = "7.12.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/RelatedArticles/styled.js

@@ -9,7 +9,6 @@ exports.truncate = exports.RelatedArticlesTitle = exports.LoadignRelatedArticleS
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _constants = require("@atlaskit/theme/constants");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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; }
 /**
@@ -21,9 +20,6 @@ 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 baseHeading = function baseHeading(size, lineHeight) {
-  return "\n  font-size: ".concat(size / (0, _constants.fontSize)(), "em;\n  font-style: inherit;\n  line-height: ").concat(lineHeight / size, ";\n");
-};
 var truncate = exports.truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   return (0, _react.css)({
@@ -36,11 +32,10 @@ var truncate = exports.truncate = function truncate() {
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div(baseHeading(16, 20), {
+var RelatedArticlesTitle = exports.RelatedArticlesTitle = _styled.default.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text, ".concat(colors.N800, ")"),
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  letterSpacing: '-0.006em',
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   padding: "var(--ds-space-200, 16px)".concat(" 0")
 });
 

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

package/dist/es2019/analytics.js

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

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

@@ -2,13 +2,14 @@ import React from 'react';
 import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
+import Heading from '@atlaskit/heading';
 import { messages } from '../../../messages';
 import SomethingWrongImage from '../../../assets/SomethingWrongImage';
-import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
+import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading } from './styled';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.11.12"
+  packageVersion: "7.12.0"
 };
 export const ArticleLoadingFail = ({
   onTryAgainButtonClick,
@@ -25,7 +26,9 @@ export const ArticleLoadingFail = ({
     });
     onTryAgainButtonClick(event, analyticsEvent);
   });
-  return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement("h2", null, formatMessage(messages.help_article_error_title)), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement(LoadingErrorHeading, null, /*#__PURE__*/React.createElement(Heading, {
+    size: "large"
+  }, formatMessage(messages.help_article_error_title))), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(messages.help_article_error_button_label))));
 };

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

@@ -14,4 +14,10 @@ export const LoadingErrorMessage = styled.div({
 export const LoadingErrorButtonContainer = styled.div({
   paddingTop: "var(--ds-space-300, 24px)",
   textAlign: 'center'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const LoadingErrorHeading = styled.div({
+  paddingTop: "var(--ds-space-500, 40px)",
+  textAlign: 'center'
 });

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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.0"
 };
 const buttonStyles = css({
   padding: '0',

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

@@ -60,7 +60,7 @@ export const HelpArticle = ({
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.11.12"
+      packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.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: "7.11.12"
+  packageVersion: "7.12.0"
 };
 const highlightText = text => {
   if (!text) {

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 const analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.11.12"
+  packageVersion: "7.12.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.11.12";
+const packageVersion = "7.12.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/RelatedArticles/styled.js

@@ -8,12 +8,6 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-import { fontSize } from '@atlaskit/theme/constants';
-const baseHeading = (size, lineHeight) => `
-  font-size: ${size / fontSize()}em;
-  font-style: inherit;
-  line-height: ${lineHeight / size};
-`;
 export const truncate = (width = '100%') => css({
   overflowX: 'hidden',
   textOverflow: 'ellipsis',
@@ -23,11 +17,10 @@ export const truncate = (width = '100%') => css({
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export const RelatedArticlesTitle = styled.div(baseHeading(16, 20), {
+export const RelatedArticlesTitle = styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-text, ${colors.N800})`,
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  letterSpacing: '-0.006em',
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   padding: `${"var(--ds-space-200, 16px)"} 0`
 });
 

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.11.12"
+  packageVersion: "7.12.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/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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.0"
 };
 export const WhatsNewResultListItem = ({
   intl: {

package/dist/esm/analytics.js

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

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

@@ -2,13 +2,14 @@ import React from 'react';
 import Button from '@atlaskit/button';
 import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
+import Heading from '@atlaskit/heading';
 import { messages } from '../../../messages';
 import SomethingWrongImage from '../../../assets/SomethingWrongImage';
-import { LoadingErrorMessage, LoadingErrorButtonContainer } from './styled';
+import { LoadingErrorMessage, LoadingErrorButtonContainer, LoadingErrorHeading } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleLoadingFail',
   packageName: "@atlaskit/help",
-  packageVersion: "7.11.12"
+  packageVersion: "7.12.0"
 };
 export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
   var onTryAgainButtonClick = _ref.onTryAgainButtonClick,
@@ -21,7 +22,9 @@ export var ArticleLoadingFail = function ArticleLoadingFail(_ref) {
     });
     onTryAgainButtonClick(event, analyticsEvent);
   };
-  return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement("h2", null, formatMessage(messages.help_article_error_title)), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(LoadingErrorMessage, null, /*#__PURE__*/React.createElement(SomethingWrongImage, null), /*#__PURE__*/React.createElement(LoadingErrorHeading, null, /*#__PURE__*/React.createElement(Heading, {
+    size: "large"
+  }, formatMessage(messages.help_article_error_title))), /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_article_error_text)), /*#__PURE__*/React.createElement(LoadingErrorButtonContainer, null, handleOnTryAgainButtonClick && /*#__PURE__*/React.createElement(Button, {
     onClick: handleOnTryAgainButtonClick
   }, formatMessage(messages.help_article_error_button_label))));
 };

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

@@ -14,4 +14,10 @@ export var LoadingErrorMessage = styled.div({
 export var LoadingErrorButtonContainer = styled.div({
   paddingTop: "var(--ds-space-300, 24px)",
   textAlign: 'center'
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var LoadingErrorHeading = styled.div({
+  paddingTop: "var(--ds-space-500, 40px)",
+  textAlign: 'center'
 });

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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.0"
 };
 var buttonStyles = css({
   padding: '0',

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

@@ -56,7 +56,7 @@ export var HelpArticle = function HelpArticle(_ref) {
     analyticsEvent.payload.attributes = {
       componentName: 'Article',
       packageName: "@atlaskit/help",
-      packageVersion: "7.11.12"
+      packageVersion: "7.12.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.11.12"
+  packageVersion: "7.12.0"
 };
 export var WhatsNewArticle = function WhatsNewArticle(_ref) {
   var formatMessage = _ref.intl.formatMessage,

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

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

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.11.12"
+  packageVersion: "7.12.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.11.12";
+var packageVersion = "7.12.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/RelatedArticles/styled.js

@@ -8,10 +8,6 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-import { fontSize } from '@atlaskit/theme/constants';
-var baseHeading = function baseHeading(size, lineHeight) {
-  return "\n  font-size: ".concat(size / fontSize(), "em;\n  font-style: inherit;\n  line-height: ").concat(lineHeight / size, ";\n");
-};
 export var truncate = function truncate() {
   var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '100%';
   return css({
@@ -24,11 +20,10 @@ export var truncate = function truncate() {
 };
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export var RelatedArticlesTitle = styled.div(baseHeading(16, 20), {
+export var RelatedArticlesTitle = styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-text, ".concat(colors.N800, ")"),
-  fontWeight: "var(--ds-font-weight-semibold, 600)",
-  letterSpacing: '-0.006em',
+  font: "var(--ds-font-heading-small, normal 600 16px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   padding: "var(--ds-space-200, 16px)".concat(" 0")
 });
 

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

package/dist/types/components/Article/ArticleContent/index.d.ts

@@ -3,8 +3,8 @@ import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type HistoryItem } from '../../../model/Help';
 interface Props {
     currentArticle: HistoryItem | undefined;
-    onHelpArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
-    onWhatsNewArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
+    onHelpArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent, analyticsEvent: UIAnalyticsEvent): void;
+    onWhatsNewArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent, analyticsEvent: UIAnalyticsEvent): void;
 }
 export declare const ArticleContent: React.FC<Props>;
 export default ArticleContent;

package/dist/types/components/Article/ArticleLoadingFail/index.d.ts

@@ -2,10 +2,11 @@ import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface Props {
-    onTryAgainButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
+    onTryAgainButtonClick?(event: React.MouseEvent, analyticsEvent: UIAnalyticsEvent): void;
+    intl: WrappedComponentProps['intl'];
 }
-export declare const ArticleLoadingFail: React.FC<WrappedComponentProps & Props>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+export declare const ArticleLoadingFail: ({ onTryAgainButtonClick, intl: { formatMessage } }: Props) => JSX.Element;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props>> & {
+    WrappedComponent: React.ComponentType<Props>;
 };
 export default _default;

package/dist/types/components/Article/ArticleLoadingFail/styled.d.ts

@@ -7,3 +7,7 @@ export declare const LoadingErrorButtonContainer: import("@emotion/styled").Styl
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingErrorHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -3,8 +3,8 @@ import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 import { type HistoryItem } from '../../../model/Help';
 interface Props {
     currentArticle: HistoryItem | undefined;
-    onHelpArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
-    onWhatsNewArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
+    onHelpArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent, analyticsEvent: UIAnalyticsEvent): void;
+    onWhatsNewArticleLoadingFailTryAgainButtonClick?(event: React.MouseEvent, analyticsEvent: UIAnalyticsEvent): void;
 }
 export declare const ArticleContent: React.FC<Props>;
 export default ArticleContent;

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

@@ -2,10 +2,11 @@ import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface Props {
-    onTryAgainButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
+    onTryAgainButtonClick?(event: React.MouseEvent, analyticsEvent: UIAnalyticsEvent): void;
+    intl: WrappedComponentProps['intl'];
 }
-export declare const ArticleLoadingFail: React.FC<WrappedComponentProps & Props>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+export declare const ArticleLoadingFail: ({ onTryAgainButtonClick, intl: { formatMessage } }: Props) => JSX.Element;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props>> & {
+    WrappedComponent: React.ComponentType<Props>;
 };
 export default _default;

package/dist/types-ts4.5/components/Article/ArticleLoadingFail/styled.d.ts

@@ -7,3 +7,7 @@ export declare const LoadingErrorButtonContainer: import("@emotion/styled").Styl
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingErrorHeading: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.11.12",
+	"version": "7.12.0",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,7 +39,8 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/checkbox": "^15.2.0",
 		"@atlaskit/form": "^11.0.0",
-		"@atlaskit/help-article": "^4.2.0",
+		"@atlaskit/heading": "^4.0.0",
+		"@atlaskit/help-article": "^4.3.0",
 		"@atlaskit/help-layout": "^4.4.0",
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/legacy-custom-icons": "^0.20.0",