@atlaskit/help 9.2.0 → 9.2.2

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

@@ -2,35 +2,26 @@
 import "./styled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fontFallback } from '@atlaskit/theme/typography';
-import { N300, N800 } from '@atlaskit/theme/colors';
-var body = fontFallback.body;
-var whatsNewTypeTitleStyles = null;
+import Heading from '@atlaskit/heading';
 export var WhatsNewTypeTitle = function WhatsNewTypeTitle(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement("span", {
-    className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c81bq0 _syazg0pi _s7n4nkob _19bv1b66 _o5724jg8 _1reo15vq"]),
-    style: {
-      "--_1dzgjqk": ix("var(--ds-text-subtlest, ".concat(N300, ")")),
-      "--_bo9t81": ix("var(--ds-font-body, ".concat(body.medium, ")"))
-    }
+  return /*#__PURE__*/React.createElement(Heading, {
+    size: "xsmall",
+    as: "h3"
   }, children);
 };
 var whatsNewIconContainerStyles = null;
 export var WhatsNewIconContainer = function WhatsNewIconContainer(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1e0c1ule _n3tdu2gc"])
+    className: ax(["_zulpu2gc _1e0c1txw _n3tdu2gc"])
   }, children);
 };
-var whatsNewTitleText = null;
 export var WhatsNewTitleText = function WhatsNewTitleText(_ref3) {
   var children = _ref3.children;
-  return /*#__PURE__*/React.createElement("span", {
-    className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _11c82smr _syaz1o8f _k48p1pd9 _o5724jg8 _1reo15vq _n3tdu2gc _1e0c1ule"]),
-    style: {
-      "--_ggxzyp": ix("var(--ds-text, ".concat(N800, ")"))
-    }
+  return /*#__PURE__*/React.createElement(Heading, {
+    size: "xsmall",
+    as: "h4"
   }, children);
 };
 var relatedLinkContainerStyles = null;

package/dist/esm/components/Article/index.compiled.css

@@ -17,4 +17,7 @@
 ._kqswstnw{position:absolute}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
-._vchhusvi{box-sizing:border-box}
+._vchhusvi{box-sizing:border-box}
+._1hvw1o36:focus{outline-width:medium}
+._49pcglyw:focus{outline-style:none}
+._nt751r31:focus{outline-color:currentColor}

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

@@ -63,12 +63,15 @@ export var Article = function Article(_ref) {
   }, [history]);
   var onArticleEntered = function onArticleEntered() {
     onArticleEnteredTimeout.current = window.setTimeout(function () {
+      var _articleContainerRef$;
       // if skipArticleSlideInAnimation is true, set to false after the
       // first slide-in animation
       // NOTE: skipArticleSlideInAnimation could be true only after the mounting
       if (skipArticleSlideInAnimation) {
         setSkipArticleSlideInAnimation(false);
       }
+      // Move focus to the article container for accessibility
+      (_articleContainerRef$ = articleContainerRef.current) === null || _articleContainerRef$ === void 0 || _articleContainerRef$.focus();
     }, SLIDEIN_OVERLAY_TRANSITION_DURATION_MS);
   };
   var onArticleExit = function onArticleExit() {
@@ -118,8 +121,9 @@ export var Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       style: _objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']),
-      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _19bv1ejb _u5f31ejb _n3tdpxbi _kqswstnw _4t3i1kz6 _1bsb1osq _154i1eca _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,
@@ -136,8 +140,9 @@ export var Article = function Article(_ref) {
   }, function (state) {
     return /*#__PURE__*/React.createElement("div", {
       ref: articleContainerRef,
+      tabIndex: -1,
       style: _objectSpread(_objectSpread({}, transitionStyles[state]), enableTransition[!skipArticleSlideInAnimation ? 'enabled' : 'disabled']),
-      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v"])
+      className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _ca0qpxbi _u5f31ejb _n3tdpxbi _19bv1ejb _kqswstnw _4t3i1osq _1bsb1osq _154iidpf _bfhkvuon _1ltv1osq _2lx21bp4 _vchhusvi _1reo15vq _18m91wug _1pbycs5v _nt751r31 _49pcglyw _1hvw1o36"])
     }, /*#__PURE__*/React.createElement(ArticleContent, {
       currentArticle: currentArticle,
       onHelpArticleLoadingFailTryAgainButtonClick: reloadHelpArticle && handleOnHelpArticleLoadingFailTryAgainButtonClick,

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

@@ -30,7 +30,8 @@ var articlesList = function articlesList(_ref) {
     minItemsToDisplay = _ref$minItemsToDispla === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$minItemsToDispla,
     _ref$numberOfArticles = _ref.numberOfArticlesToDisplay,
     numberOfArticlesToDisplay = _ref$numberOfArticles === void 0 ? MIN_ITEMS_TO_DISPLAY : _ref$numberOfArticles,
-    onArticlesListItemClick = _ref.onArticlesListItemClick;
+    onArticlesListItemClick = _ref.onArticlesListItemClick,
+    firstExpandedArticleRef = _ref.firstExpandedArticleRef;
   var isExpanded = numberOfArticlesToDisplay > minItemsToDisplay;
   return articles ? /*#__PURE__*/React.createElement(Box, {
     as: "ul",
@@ -38,6 +39,8 @@ var articlesList = function articlesList(_ref) {
     role: "list"
   }, articles.slice(0, numberOfArticlesToDisplay).map(function (article, index) {
     var isVisible = index < minItemsToDisplay || isExpanded;
+    // The first expanded article is at index minItemsToDisplay
+    var isFirstExpandedArticle = index === minItemsToDisplay;
     return /*#__PURE__*/React.createElement(Box, {
       as: "li",
       xcss: listStyles,
@@ -58,7 +61,8 @@ var articlesList = function articlesList(_ref) {
       href: article.href,
       trustFactors: article.trustFactors,
       source: article.source,
-      lastPublished: article.lastPublished
+      lastPublished: article.lastPublished,
+      ref: isFirstExpandedArticle ? firstExpandedArticleRef : undefined
     }));
   })) : null;
 };

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

@@ -1,9 +1,10 @@
-import React from 'react';
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
 import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { injectIntl } from 'react-intl-next';
-import LikeIcon from '@atlaskit/icon/core/migration/thumbs-up--like';
+import LikeIcon from '@atlaskit/icon/core/thumbs-up';
 import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon, ArticlesListItemTrustFactor, ArticlesListItemViewCount, ArticlesListItemHelpfulCount, ArticlesListItemSource, ArticlesListItemLastModified, ArticlesListItemTitleSection, ArticlesListItemDescriptionHighlight } from './styled';
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
@@ -27,7 +28,7 @@ var highlightText = function highlightText(text) {
   });
   return sections;
 };
-export var ArticlesListItem = function ArticlesListItem(_ref) {
+export var ArticlesListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var styles = _ref.styles,
     title = _ref.title,
     description = _ref.description,
@@ -57,27 +58,38 @@ export var ArticlesListItem = function ArticlesListItem(_ref) {
   var isSourceVisible = source != null;
   var isLastPublishedVisible = lastPublished != null && lastPublished !== '';
   return /*#__PURE__*/React.createElement(ArticlesListItemWrapper, {
+    ref: ref,
     styles: styles,
     "aria-disabled": "false",
     role: "button",
     href: href,
     onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), isLastPublishedVisible && /*#__PURE__*/React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
+  }, /*#__PURE__*/React.createElement(ArticlesListItemContainer, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleSection, null, /*#__PURE__*/React.createElement(ArticlesListItemTitleText, null, title), isLastPublishedVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  React.createElement(ArticlesListItemLastModified, null, "Last modified: ", lastPublished)), href && /*#__PURE__*/React.createElement(ArticlesListItemLinkIcon, null, /*#__PURE__*/React.createElement(ShortcutIcon, {
     LEGACY_size: "small",
     label: "Opens in a new window",
     color: "var(--ds-icon-subtle, ".concat(colors.N90, ")"),
     LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(colors.N90, ")")
-  }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible && /*#__PURE__*/React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
+  }))), /*#__PURE__*/React.createElement(ArticlesListItemDescription, null, highlightText(description)), isSourceVisible && /*#__PURE__*/React.createElement(ArticlesListItemSource, null, source), isTrustFactorVisible && /*#__PURE__*/React.createElement(ArticlesListItemTrustFactor, null, isNumViewsVisible &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+  React.createElement(ArticlesListItemViewCount, null, trustFactors.numViews, " views"), isHelpfulCountVisible && /*#__PURE__*/React.createElement(ArticlesListItemHelpfulCount, null, /*#__PURE__*/React.createElement(LikeIcon, {
     LEGACY_margin: "0 -0.25px 0 0",
     color: "currentColor",
     label: "Like",
     LEGACY_size: "small"
   }), trustFactors.helpfulCount)));
-};
-var ArticlesListItemWithContext = function ArticlesListItemWithContext(props) {
+});
+var ArticlesListItemWithContext = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: ANALYTICS_CONTEXT_DATA
-  }, /*#__PURE__*/React.createElement(ArticlesListItem, props));
-};
-var _default_1 = injectIntl(ArticlesListItemWithContext);
+  }, /*#__PURE__*/React.createElement(ArticlesListItem, _extends({
+    ref: ref
+  }, props)));
+});
+var _default_1 = injectIntl(ArticlesListItemWithContext, {
+  forwardRef: true
+});
 export default _default_1;

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

@@ -14,11 +14,13 @@ import { B100, B50, N200, N30, N400, N400A, N800, Y100 } from '@atlaskit/theme/c
 var heading = fontFallback.heading,
   body = fontFallback.body;
 var articlesListItemWrapperStyles = null;
-export var ArticlesListItemWrapper = function ArticlesListItemWrapper(_ref) {
+export var ArticlesListItemWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var styles = _ref.styles,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("a", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("a", _extends({
+    ref: ref
+  }, rest, {
     className: ax(["_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkofajl _kqswh2mm _vchhusvi _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1e0c1ule _80omtlke _syazpsu8 _bfhkqtfy _7ehi13ga _1nrm1r31 _1a3b1r31 _9oik1r31 _1ydc1r31 _c2waglyw _4fprglyw _1bnxglyw _1x28glyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1726nqa1 _1q5t1r31 _nt751r31 _1dit1r31 _9nxe1r31 _1ohyglyw _49pcglyw _ksodglyw _tpgfglyw _1r9x1o36 _1hvw1o36 _4hz81o36 _12gr1o36 _13roglyw _1bg4glyw _1qb1glyw _1dnaglyw _irr32tgk _1di618xb"]),
     style: _objectSpread(_objectSpread({}, styles), {}, {
       "--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")")),
@@ -27,7 +29,7 @@ export var ArticlesListItemWrapper = function ArticlesListItemWrapper(_ref) {
       "--_18th9fi": ix("var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")"))
     })
   }), children);
-};
+});
 var articlesListItemContainerStyles = null;
 export var ArticlesListItemContainer = function ArticlesListItemContainer(_ref2) {
   var children = _ref2.children;
@@ -46,6 +48,7 @@ var articlesListItemLinkIconStyles = null;
 export var ArticlesListItemLinkIcon = function ArticlesListItemLinkIcon(_ref4) {
   var children = _ref4.children;
   return /*#__PURE__*/React.createElement("span", {
+    "aria-label": "Opens in a new window",
     className: ax(["_1wpz1wug _bozg1b66 _s7n4nkob"])
   }, children);
 };

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

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
 import ArticlesList from './ArticlesList';
 import ShowMoreButton from '../ShowMoreButton';
 import { ArticlesListContainer } from './styled';
@@ -15,6 +15,8 @@ var ArticleList = function ArticleList(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     showMoreToggled = _useState2[0],
     setShowMoreToggled = _useState2[1];
+  var firstExpandedArticleRef = useRef(null);
+  var isExpandingRef = useRef(false);
   var getMinItemsToDisplay = function getMinItemsToDisplay() {
     return minItemsToDisplay ? minItemsToDisplay : MIN_ITEMS_TO_DISPLAY;
   };
@@ -27,7 +29,24 @@ var ArticleList = function ArticleList(_ref) {
   var getNumberOfArticlesToDisplay = function getNumberOfArticlesToDisplay(showMoreToggeled) {
     return showMoreToggeled ? getMinItemsToDisplay() : getMaxItemsToDisplay();
   };
+
+  // Focus on the first newly revealed article after expansion
+  useEffect(function () {
+    if (isExpandingRef.current && !showMoreToggled) {
+      if (firstExpandedArticleRef.current) {
+        firstExpandedArticleRef.current.focus();
+      }
+      isExpandingRef.current = false;
+    }
+  }, [showMoreToggled]);
+  var setFirstExpandedArticleRef = useCallback(function (element) {
+    firstExpandedArticleRef.current = element;
+  }, []);
   var toggleArticlesList = function toggleArticlesList(event, analyticsEvent) {
+    // Track if we're expanding (going from collapsed to expanded)
+    if (showMoreToggled) {
+      isExpandingRef.current = true;
+    }
     setShowMoreToggled(!showMoreToggled);
     if (onToggleArticlesList) {
       onToggleArticlesList(event, analyticsEvent, !showMoreToggled);
@@ -39,7 +58,9 @@ var ArticleList = function ArticleList(_ref) {
     style: style,
     onArticlesListItemClick: onArticlesListItemClick,
     articles: articles,
-    numberOfArticlesToDisplay: getNumberOfArticlesToDisplay(showMoreToggled)
+    numberOfArticlesToDisplay: getNumberOfArticlesToDisplay(showMoreToggled),
+    minItemsToDisplay: getMinItemsToDisplay(),
+    firstExpandedArticleRef: setFirstExpandedArticleRef
   }), articles.length > getMinItemsToDisplay() && /*#__PURE__*/React.createElement(ShowMoreButton, {
     minItemsToDisplay: getMinItemsToDisplay(),
     maxItemsToDisplay: getMaxItemsToDisplay(),

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

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import Tooltip from '@atlaskit/tooltip';
 import { NotificationIndicator } from '@atlaskit/notification-indicator';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
@@ -48,7 +48,7 @@ var HelpContentButton = function HelpContentButton(_ref) {
   }, /*#__PURE__*/React.createElement(ShortcutIcon, {
     color: "currentColor",
     LEGACY_size: "small",
-    label: ""
+    label: "Opens in a new window"
   }))));
   var target = href ? openInSameTab ? '_self' : '_blank' : undefined;
   return /*#__PURE__*/React.createElement(AnalyticsContext, {

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

@@ -7,7 +7,7 @@ import Textfield from '@atlaskit/textfield';
 import Button from '@atlaskit/button/custom-theme-button';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/core/migration/search';
-import EditorCloseIcon from '@atlaskit/icon/core/migration/cross--editor-close';
+import EditorCloseIcon from '@atlaskit/icon/core/cross';
 import { injectIntl } from 'react-intl-next';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';
@@ -93,7 +93,9 @@ export var SearchInput = function SearchInput(_ref) {
     }), searchValue !== '' && /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       onClick: handleOnClearButtonClick,
-      spacing: "none",
+      spacing: "none"
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
+      ,
       "aria-label": "Clear",
       className: ax(["_1bsb1tcg _4t3i1tcg"])
     }, /*#__PURE__*/React.createElement(EditorCloseIcon, {

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button';
-import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { injectIntl } from 'react-intl-next';
 import { Text } from '@atlaskit/primitives/compiled';
 import NotFoundImage from '../../../assets/NotFoundImage';

package/dist/types/assets/IconWrapper.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { type IconProps, type NewCoreIconProps } from '@atlaskit/icon';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 type IconWrapperProps = {
     appearance: string;
-    Icon: React.FC<NewCoreIconProps>;
-    LegacyIcon: ({ label, primaryColor, secondaryColor, size, testId }: IconProps) => JSX.Element;
+    Icon: (props: NewCoreIconProps) => JSX.Element;
 };
-export declare const IconWrapper: ({ Icon, LegacyIcon, appearance, }: IconWrapperProps) => React.JSX.Element;
+export declare const IconWrapper: ({ Icon, appearance }: IconWrapperProps) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type ArticlesList as ArticlesListInterface } from './model/ArticlesListItem';
 export interface Props {
+    firstExpandedArticleRef?: (element: HTMLAnchorElement | null) => void;
     numberOfArticlesToDisplay?: number;
 }
 declare const articlesList: React.FC<Partial<ArticlesListInterface> & Props>;

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 import { type ArticleItem } from '../../../model/Article';
 interface Props {
     onClick?: (event: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
     styles?: {};
 }
-export declare const ArticlesListItem: React.FC<Props & Partial<ArticleItem> & WrappedComponentProps>;
-declare const _default_1: React.FC<WithIntlProps<Props & Partial<ArticleItem> & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps>;
+export declare const ArticlesListItem: React.ForwardRefExoticComponent<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const _default_1: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>>, "ref"> & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
 };
 export default _default_1;

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

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const ArticlesListItemWrapper: ({ styles, children, ...rest }: {
+export declare const ArticlesListItemWrapper: React.ForwardRefExoticComponent<Omit<{
     [rest: string]: any;
     children: React.ReactNode;
     styles?: React.CSSProperties;
-}) => JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export declare const ArticlesListItemContainer: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/dist/types-ts4.5/assets/IconWrapper.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-import { type IconProps, type NewCoreIconProps } from '@atlaskit/icon';
+import { type NewCoreIconProps } from '@atlaskit/icon';
 type IconWrapperProps = {
     appearance: string;
-    Icon: React.FC<NewCoreIconProps>;
-    LegacyIcon: ({ label, primaryColor, secondaryColor, size, testId }: IconProps) => JSX.Element;
+    Icon: (props: NewCoreIconProps) => JSX.Element;
 };
-export declare const IconWrapper: ({ Icon, LegacyIcon, appearance, }: IconWrapperProps) => React.JSX.Element;
+export declare const IconWrapper: ({ Icon, appearance }: IconWrapperProps) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type ArticlesList as ArticlesListInterface } from './model/ArticlesListItem';
 export interface Props {
+    firstExpandedArticleRef?: (element: HTMLAnchorElement | null) => void;
     numberOfArticlesToDisplay?: number;
 }
 declare const articlesList: React.FC<Partial<ArticlesListInterface> & Props>;

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { type WithIntlProps, type WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 import { type ArticleItem } from '../../../model/Article';
 interface Props {
     onClick?: (event: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
     styles?: {};
 }
-export declare const ArticlesListItem: React.FC<Props & Partial<ArticleItem> & WrappedComponentProps>;
-declare const _default_1: React.FC<WithIntlProps<Props & Partial<ArticleItem> & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps>;
+export declare const ArticlesListItem: React.ForwardRefExoticComponent<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const _default_1: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>>, "ref"> & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<Props & Partial<ArticleItem> & WrappedComponentProps & React.RefAttributes<HTMLAnchorElement>>;
 };
 export default _default_1;

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

@@ -3,11 +3,11 @@
  * @jsx jsx
  */
 import React from 'react';
-export declare const ArticlesListItemWrapper: ({ styles, children, ...rest }: {
+export declare const ArticlesListItemWrapper: React.ForwardRefExoticComponent<Omit<{
     [rest: string]: any;
     children: React.ReactNode;
     styles?: React.CSSProperties;
-}) => JSX.Element;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export declare const ArticlesListItemContainer: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/help",
-	"version": "9.2.0",
+	"version": "9.2.2",
 	"description": "A cross-product help component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,27 +32,26 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/checkbox": "^17.1.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/checkbox": "^17.2.0",
+		"@atlaskit/form": "^15.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/help-article": "^6.0.0",
 		"@atlaskit/help-layout": "^6.3.0",
-		"@atlaskit/icon": "^29.0.0",
-		"@atlaskit/legacy-custom-icons": "^0.22.0",
+		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/notification-indicator": "^10.0.0",
-		"@atlaskit/notification-log-client": "^6.2.0",
+		"@atlaskit/notification-log-client": "^6.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/section-message": "^8.9.0",
-		"@atlaskit/select": "^21.3.0",
+		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/textarea": "^8.0.0",
-		"@atlaskit/textfield": "^8.0.0",
+		"@atlaskit/textarea": "^8.2.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
 		"date-fns": "^2.17.0",
@@ -66,7 +65,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@testing-library/react": "^13.4.0",
+		"@testing-library/react": "^16.3.0",
 		"@types/react-transition-group": "^2.0.6",
 		"algoliasearch": "^3.35.1",
 		"enzyme": "^3.10.0",