@atlaskit/help 7.2.24 → 7.2.26

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/help
 
+## 7.2.26
+
+### Patch Changes
+
+- [#83176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83176) [`5c64e4657ef3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c64e4657ef3) - [ux] Minor changes to replace deprecated font tokens with new tokens. There may be some very slight differences in font size if the previous value was incorrectly applied, and slight differences in line height to match the new typography system.
+- Updated dependencies
+
+## 7.2.25
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 7.2.24
 
 ### Patch Changes

package/analytics/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/analytics.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/analytics.d.ts"
       ]

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.24"
+  packageVersion: "7.2.26"
 };

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

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

@@ -37,7 +37,7 @@ var FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.24"
+  packageVersion: "7.2.26"
 };
 var ArticleWasHelpfulForm = exports.ArticleWasHelpfulForm = function ArticleWasHelpfulForm(_ref) {
   var onWasHelpfulSubmit = _ref.onWasHelpfulSubmit,

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

@@ -6,13 +6,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticleFeedbackText = exports.ArticleFeedbackContainer = exports.ArticleFeedbackAnswerWrapper = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2, _templateObject3;
-/** @jsx jsx */
 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 && Object.prototype.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; }
-var ArticleFeedbackContainer = exports.ArticleFeedbackContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n"])));
-var ArticleFeedbackText = exports.ArticleFeedbackText = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 0.75rem;\n  font-weight: bold;\n  color: ", ";\n  line-height: ", ";\n  position: relative;\n  display: inline-block;\n"])), "var(--ds-text-subtlest, ".concat(colors.N200, ")"), "var(--ds-font-lineHeight-500, 32px)");
-var ArticleFeedbackAnswerWrapper = exports.ArticleFeedbackAnswerWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: ", ";\n"])), "var(--ds-space-200, 16px)");
+/** @jsx jsx */
+
+var ArticleFeedbackContainer = exports.ArticleFeedbackContainer = _styled.default.div({
+  position: 'relative'
+});
+var ArticleFeedbackText = exports.ArticleFeedbackText = _styled.default.div({
+  font: "var(--ds-font-heading-xxsmall, normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
+  position: 'relative',
+  display: 'inline-block'
+});
+var ArticleFeedbackAnswerWrapper = exports.ArticleFeedbackAnswerWrapper = _styled.default.div({
+  paddingTop: "var(--ds-space-200, 16px)"
+});

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

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

@@ -6,17 +6,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WhatsNewTypeTitle = exports.WhatsNewTitleText = exports.WhatsNewRelatedLinksTitleText = exports.WhatsNewIconContainer = exports.RelatedLinkContainer = exports.ExternalLinkIconContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-/** @jsx jsx */
 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 && Object.prototype.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; }
-var WhatsNewTypeTitle = exports.WhatsNewTypeTitle = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  vertical-align: middle;\n  padding-left: ", ";\n  line-height: ", ";\n  white-space: normal;\n  overflow-x: hidden;\n"])), "var(--ds-text-subtlest, ".concat(colors.N300, ")"), (0, _constants.fontSize)(), "var(--ds-space-050, 4px)", "var(--ds-font-lineHeight-200, 20px)");
-var WhatsNewIconContainer = exports.WhatsNewIconContainer = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  padding-bottom: ", ";\n"])), "var(--ds-space-100, 8px)");
-var WhatsNewTitleText = exports.WhatsNewTitleText = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  white-space: normal;\n  overflow-x: hidden;\n  padding-bottom: ", ";\n  display: block;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), (0, _constants.fontSize)(), "var(--ds-space-100, 8px)");
-var WhatsNewRelatedLinksTitleText = exports.WhatsNewRelatedLinksTitleText = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  white-space: normal;\n  overflow-x: hidden;\n  padding-bottom: ", ";\n  display: block;\n"])), "var(--ds-text, ".concat(colors.N800, ")"), (0, _constants.fontSizeSmall)(), "var(--ds-space-100, 8px)");
-var RelatedLinkContainer = exports.RelatedLinkContainer = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-100, 8px)");
-var ExternalLinkIconContainer = exports.ExternalLinkIconContainer = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  padding-left: ", ";\n"])), "var(--ds-space-050, 4px)");
+/** @jsx jsx */
+
+var WhatsNewTypeTitle = exports.WhatsNewTypeTitle = _styled.default.span({
+  textDecoration: 'none',
+  color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  verticalAlign: 'middle',
+  paddingLeft: "var(--ds-space-050, 4px)",
+  whiteSpace: 'normal',
+  overflowX: 'hidden'
+});
+var WhatsNewIconContainer = exports.WhatsNewIconContainer = _styled.default.div({
+  display: 'block',
+  paddingBottom: "var(--ds-space-100, 8px)"
+});
+var WhatsNewTitleText = exports.WhatsNewTitleText = _styled.default.span({
+  textDecoration: 'none',
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  fontSize: "".concat((0, _constants.fontSize)(), "px"),
+  fontWeight: 600,
+  whiteSpace: 'normal',
+  overflowX: 'hidden',
+  paddingBottom: "var(--ds-space-100, 8px)",
+  display: 'block'
+});
+var WhatsNewRelatedLinksTitleText = exports.WhatsNewRelatedLinksTitleText = _styled.default.span({
+  textDecoration: 'none',
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  fontSize: "".concat((0, _constants.fontSizeSmall)(), "px"),
+  fontWeight: 600,
+  whiteSpace: 'normal',
+  overflowX: 'hidden',
+  paddingBottom: "var(--ds-space-100, 8px)",
+  display: 'block'
+});
+var RelatedLinkContainer = exports.RelatedLinkContainer = _styled.default.div({
+  marginBottom: "var(--ds-space-100, 8px)"
+});
+var ExternalLinkIconContainer = exports.ExternalLinkIconContainer = _styled.default.div({
+  display: 'inline-block',
+  verticalAlign: 'middle',
+  paddingLeft: "var(--ds-space-050, 4px)"
+});

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

@@ -37,6 +37,7 @@ var transitionStyles = {
   }
 };
 var Article = exports.Article = function Article() {
+  var _history$length;
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
     view = _useNavigationContext.view,
     articleId = _useNavigationContext.articleId,
@@ -46,7 +47,7 @@ var Article = exports.Article = function Article() {
     reloadWhatsNewArticle = _useNavigationContext.reloadWhatsNewArticle;
   var _useHelpArticleContex = (0, _helpArticleContext.useHelpArticleContext)(),
     onHelpArticleLoadingFailTryAgainButtonClick = _useHelpArticleContex.onHelpArticleLoadingFailTryAgainButtonClick;
-  var _useState = (0, _react.useState)((articleId === null || articleId === void 0 ? void 0 : articleId.id) !== '' || (history ? history.length : []) > 0),
+  var _useState = (0, _react.useState)((articleId === null || articleId === void 0 ? void 0 : articleId.id) !== '' || ((_history$length = history === null || history === void 0 ? void 0 : history.length) !== null && _history$length !== void 0 ? _history$length : 0) > 0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     skipArticleSlideInAnimation = _useState2[0],
     setSkipArticleSlideInAnimation = _useState2[1];

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

@@ -17,7 +17,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.24"
+  packageVersion: "7.2.26"
 };
 var ArticlesListItem = exports.ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ArticlesListItemWrapper = exports.ArticlesListItemTypeTitle = exports.ArticlesListItemTitleText = exports.ArticlesListItemLinkIcon = exports.ArticlesListItemDescription = exports.ArticlesListItemContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _constants = require("@atlaskit/theme/constants");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 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 && Object.prototype.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; }
@@ -45,9 +44,8 @@ var ArticlesListItemContainer = exports.ArticlesListItemContainer = _styled.defa
   whiteSpace: 'nowrap'
 });
 var ArticlesListItemTypeTitle = exports.ArticlesListItemTypeTitle = _styled.default.div({
-  fontWeight: 'bold',
-  fontSize: '11px',
-  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, bold)",
   color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
   paddingBottom: "var(--ds-space-050, 4px)"
 });
@@ -59,17 +57,15 @@ var ArticlesListItemLinkIcon = exports.ArticlesListItemLinkIcon = _styled.defaul
 var ArticlesListItemTitleText = exports.ArticlesListItemTitleText = _styled.default.span({
   textDecoration: 'none',
   color: "var(--ds-text, ".concat(colors.N800, ")"),
-  fontSize: "".concat((0, _constants.fontSize)(), "px"),
-  fontWeight: 600,
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   display: 'inline-block',
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
   whiteSpace: 'normal',
   overflowX: 'hidden',
   marginBottom: "var(--ds-space-100, 8px)"
 });
 var ArticlesListItemDescription = exports.ArticlesListItemDescription = _styled.default.p({
   display: 'block',
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
+  lineHeight: '20px',
   color: "var(--ds-text-subtle, ".concat(colors.N400, ")"),
   margin: 0
 });

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

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

@@ -28,7 +28,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /** @jsxFrag */
 
 var packageName = "@atlaskit/help";
-var packageVersion = "7.2.24";
+var packageVersion = "7.2.26";
 var RelatedArticles = exports.RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.24"
+  packageVersion: "7.2.26"
 };
 var SearchInput = exports.SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

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

@@ -43,4 +43,4 @@ var WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemWrapper = _sty
 });
 var WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemTitleContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  white-space: nowrap;\n  margin-bottom: ", ";\n"])), "var(--ds-space-050, 4px)");
 var WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleText = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  line-height: ", "px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: ", ";\n  white-space: normal;\n  overflow-x: hidden;\n"])), (0, _constants.fontSizeSmall)(), (0, _constants.fontSize)(), "var(--ds-space-050, 4px)");
-var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = _styled.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  line-height: ", ";\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-font-lineHeight-200, 20px)", "var(--ds-text, ".concat(colors.N800, ")"));
+var WhatsNewResultListItemDescription = exports.WhatsNewResultListItemDescription = _styled.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  line-height: 20px;\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-text, ".concat(colors.N800, ")"));

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.24"
+  packageVersion: "7.2.26"
 };

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

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

@@ -25,7 +25,7 @@ const FEEDBACK_REASON_TEXT_MAX_LENGTH = '16000';
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticleWasHelpfulForm',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.24"
+  packageVersion: "7.2.26"
 };
 export const ArticleWasHelpfulForm = ({
   onWasHelpfulSubmit,

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

@@ -2,17 +2,15 @@
 
 import styled from '@emotion/styled';
 import * as colors from '@atlaskit/theme/colors';
-export const ArticleFeedbackContainer = styled.div`
-  position: relative;
-`;
-export const ArticleFeedbackText = styled.div`
-  font-size: 0.75rem;
-  font-weight: bold;
-  color: ${`var(--ds-text-subtlest, ${colors.N200})`};
-  line-height: ${"var(--ds-font-lineHeight-500, 32px)"};
-  position: relative;
-  display: inline-block;
-`;
-export const ArticleFeedbackAnswerWrapper = styled.div`
-  padding-top: ${"var(--ds-space-200, 16px)"};
-`;
+export const ArticleFeedbackContainer = styled.div({
+  position: 'relative'
+});
+export const ArticleFeedbackText = styled.div({
+  font: "var(--ds-font-heading-xxsmall, normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  color: `var(--ds-text-subtlest, ${colors.N200})`,
+  position: 'relative',
+  display: 'inline-block'
+});
+export const ArticleFeedbackAnswerWrapper = styled.div({
+  paddingTop: "var(--ds-space-200, 16px)"
+});

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

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

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

@@ -2,45 +2,44 @@
 import styled from '@emotion/styled';
 import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-export const WhatsNewTypeTitle = styled.span`
-  text-decoration: none;
-  color: ${`var(--ds-text-subtlest, ${colors.N300})`};
-  font-size: ${fontSize()}px;
-  vertical-align: middle;
-  padding-left: ${"var(--ds-space-050, 4px)"};
-  line-height: ${"var(--ds-font-lineHeight-200, 20px)"};
-  white-space: normal;
-  overflow-x: hidden;
-`;
-export const WhatsNewIconContainer = styled.div`
-  display: block;
-  padding-bottom: ${"var(--ds-space-100, 8px)"};
-`;
-export const WhatsNewTitleText = styled.span`
-  text-decoration: none;
-  color: ${`var(--ds-text, ${colors.N800})`};
-  font-size: ${fontSize()}px;
-  font-weight: 600;
-  white-space: normal;
-  overflow-x: hidden;
-  padding-bottom: ${"var(--ds-space-100, 8px)"};
-  display: block;
-`;
-export const WhatsNewRelatedLinksTitleText = styled.span`
-  text-decoration: none;
-  color: ${`var(--ds-text, ${colors.N800})`};
-  font-size: ${fontSizeSmall()}px;
-  font-weight: 600;
-  white-space: normal;
-  overflow-x: hidden;
-  padding-bottom: ${"var(--ds-space-100, 8px)"};
-  display: block;
-`;
-export const RelatedLinkContainer = styled.div`
-  margin-bottom: ${"var(--ds-space-100, 8px)"};
-`;
-export const ExternalLinkIconContainer = styled.div`
-  display: inline-block;
-  vertical-align: middle;
-  padding-left: ${"var(--ds-space-050, 4px)"};
-`;
+export const WhatsNewTypeTitle = styled.span({
+  textDecoration: 'none',
+  color: `var(--ds-text-subtlest, ${colors.N300})`,
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  verticalAlign: 'middle',
+  paddingLeft: "var(--ds-space-050, 4px)",
+  whiteSpace: 'normal',
+  overflowX: 'hidden'
+});
+export const WhatsNewIconContainer = styled.div({
+  display: 'block',
+  paddingBottom: "var(--ds-space-100, 8px)"
+});
+export const WhatsNewTitleText = styled.span({
+  textDecoration: 'none',
+  color: `var(--ds-text, ${colors.N800})`,
+  fontSize: `${fontSize()}px`,
+  fontWeight: 600,
+  whiteSpace: 'normal',
+  overflowX: 'hidden',
+  paddingBottom: "var(--ds-space-100, 8px)",
+  display: 'block'
+});
+export const WhatsNewRelatedLinksTitleText = styled.span({
+  textDecoration: 'none',
+  color: `var(--ds-text, ${colors.N800})`,
+  fontSize: `${fontSizeSmall()}px`,
+  fontWeight: 600,
+  whiteSpace: 'normal',
+  overflowX: 'hidden',
+  paddingBottom: "var(--ds-space-100, 8px)",
+  display: 'block'
+});
+export const RelatedLinkContainer = styled.div({
+  marginBottom: "var(--ds-space-100, 8px)"
+});
+export const ExternalLinkIconContainer = styled.div({
+  display: 'inline-block',
+  verticalAlign: 'middle',
+  paddingLeft: "var(--ds-space-050, 4px)"
+});

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

@@ -23,6 +23,7 @@ const transitionStyles = {
   }
 };
 export const Article = () => {
+  var _history$length;
   const {
     view,
     articleId,
@@ -34,7 +35,7 @@ export const Article = () => {
   const {
     onHelpArticleLoadingFailTryAgainButtonClick
   } = useHelpArticleContext();
-  const [skipArticleSlideInAnimation, setSkipArticleSlideInAnimation] = useState((articleId === null || articleId === void 0 ? void 0 : articleId.id) !== '' || (history ? history.length : []) > 0);
+  const [skipArticleSlideInAnimation, setSkipArticleSlideInAnimation] = useState((articleId === null || articleId === void 0 ? void 0 : articleId.id) !== '' || ((_history$length = history === null || history === void 0 ? void 0 : history.length) !== null && _history$length !== void 0 ? _history$length : 0) > 0);
   const [showArticle, setShowArticle] = useState(skipArticleSlideInAnimation);
   const currentArticleValue = getCurrentArticle();
   const [currentArticle, setCurrentArticle] = useState(currentArticleValue);

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

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.24"
+  packageVersion: "7.2.26"
 };
 export const ArticlesListItem = ({
   styles,

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

@@ -1,6 +1,5 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
-import { fontSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export const ArticlesListItemWrapper = styled.a({
   position: 'relative',
@@ -32,9 +31,8 @@ export const ArticlesListItemContainer = styled.div({
   whiteSpace: 'nowrap'
 });
 export const ArticlesListItemTypeTitle = styled.div({
-  fontWeight: 'bold',
-  fontSize: '11px',
-  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, bold)",
   color: `var(--ds-text-subtlest, ${colors.N200})`,
   paddingBottom: "var(--ds-space-050, 4px)"
 });
@@ -46,17 +44,15 @@ export const ArticlesListItemLinkIcon = styled.span({
 export const ArticlesListItemTitleText = styled.span({
   textDecoration: 'none',
   color: `var(--ds-text, ${colors.N800})`,
-  fontSize: `${fontSize()}px`,
-  fontWeight: 600,
+  font: "var(--ds-font-heading-xsmall, normal 600 14px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   display: 'inline-block',
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
   whiteSpace: 'normal',
   overflowX: 'hidden',
   marginBottom: "var(--ds-space-100, 8px)"
 });
 export const ArticlesListItemDescription = styled.p({
   display: 'block',
-  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
+  lineHeight: '20px',
   color: `var(--ds-text-subtle, ${colors.N400})`,
   margin: 0
 });

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

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

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

@@ -15,7 +15,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 const packageName = "@atlaskit/help";
-const packageVersion = "7.2.24";
+const packageVersion = "7.2.26";
 export const RelatedArticles = ({
   style = 'primary',
   routeGroup,

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

@@ -17,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 const ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.24"
+  packageVersion: "7.2.26"
 };
 export const SearchInput = ({
   intl: {

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.2.24"
+  packageVersion: "7.2.26"
 };
 export const WhatsNewButton = ({
   productName,