@atlaskit/help 7.2.20 → 7.2.22

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

@@ -11,7 +11,7 @@ import { ArticleContainer } from './styled';
 import ArticleContent from './ArticleContent';
 // Animation
 var defaultStyle = {
-  left: "100%"
+  left: '100%'
 };
 var enableTransition = {
   enabled: {
@@ -23,7 +23,7 @@ var transitionStyles = {
     left: 0
   },
   exited: {
-    left: "100%"
+    left: '100%'
   }
 };
 export var Article = function Article() {

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

@@ -7,7 +7,7 @@ import { ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTit
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'ArticlesListItem',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.20"
+  packageVersion: "7.2.22"
 };
 export var ArticlesListItem = function ArticlesListItem(_ref) {
   var styles = _ref.styles,

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

@@ -1,40 +1,64 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { fontSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export var ArticlesListItemWrapper = styled.a({
-  position: "relative",
-  boxSizing: "border-box",
+  position: 'relative',
+  boxSizing: 'border-box',
   padding: "var(--ds-space-100, 8px)",
-  display: "block",
-  textDecoration: "none",
-  cursor: "pointer",
-  color: "".concat("var(--ds-text-subtlest, ".concat(colors.N200, ")")),
-  borderRadius: "3px",
+  display: 'block',
+  textDecoration: 'none',
+  cursor: 'pointer',
+  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
+  borderRadius: '3px',
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
   '&:hover, &:focus, &:visited, &:active': {
-    textDecoration: "none",
-    outline: "none",
-    outlineOffset: "none"
+    textDecoration: 'none',
+    outline: 'none',
+    outlineOffset: 'none'
   },
   '&:focus': {
     boxShadow: "".concat("var(--ds-border-focused, ".concat(colors.B100, ")"), " 0px 0px 0px 2px inset")
   },
   '&:hover': {
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")"))
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(colors.N30, ")")
   },
   '&:active': {
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")"))
+    backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(colors.B50, ")")
   }
 }, function (props) {
   return props.styles;
 });
-export var ArticlesListItemContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  white-space: nowrap;\n"])));
-export var ArticlesListItemTypeTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 11px;\n  line-height: ", ";\n  color: ", ";\n  padding-bottom: ", ";\n"])), "var(--ds-font-lineHeight-100, 16px)", "var(--ds-text-subtlest, ".concat(colors.N200, ")"), "var(--ds-space-050, 4px)");
-
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var ArticlesListItemLinkIcon = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  align-self: auto;\n  padding-inline-start: 5px;\n  vertical-align: middle;\n"])));
-export var ArticlesListItemTitleText = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  text-decoration: none;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  display: inline-block;\n  line-height: ", ";\n  white-space: normal;\n  overflow-x: hidden;\n  margin-bottom: ", ";\n"])), "var(--ds-text, ".concat(colors.N800, ")"), fontSize(), "var(--ds-font-lineHeight-200, 20px)", "var(--ds-space-100, 8px)");
-export var ArticlesListItemDescription = styled.p(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: ", ";\n  color: ", ";\n  margin: 0;\n"])), "var(--ds-font-lineHeight-200, 20px)", "var(--ds-text-subtle, ".concat(colors.N400, ")"));
+export var ArticlesListItemContainer = styled.div({
+  width: '100%',
+  whiteSpace: 'nowrap'
+});
+export var ArticlesListItemTypeTitle = styled.div({
+  fontWeight: 'bold',
+  fontSize: '11px',
+  lineHeight: "var(--ds-font-lineHeight-100, 16px)",
+  color: "var(--ds-text-subtlest, ".concat(colors.N200, ")"),
+  paddingBottom: "var(--ds-space-050, 4px)"
+});
+export var ArticlesListItemLinkIcon = styled.span({
+  alignSelf: 'auto',
+  paddingInlineStart: "var(--ds-space-050, 4px)",
+  verticalAlign: 'middle'
+});
+export var ArticlesListItemTitleText = styled.span({
+  textDecoration: 'none',
+  color: "var(--ds-text, ".concat(colors.N800, ")"),
+  fontSize: "".concat(fontSize(), "px"),
+  fontWeight: 600,
+  display: 'inline-block',
+  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
+  whiteSpace: 'normal',
+  overflowX: 'hidden',
+  marginBottom: "var(--ds-space-100, 8px)"
+});
+export var ArticlesListItemDescription = styled.p({
+  display: 'block',
+  lineHeight: "var(--ds-font-lineHeight-200, 20px)",
+  color: "var(--ds-text-subtle, ".concat(colors.N400, ")"),
+  margin: 0
+});

package/dist/esm/components/Help.js

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 var _excluded = ["children", "footer"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { withAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
 import { IntlProvider } from 'react-intl-next';

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

@@ -7,7 +7,7 @@ import { HelpContentButtonContainer, HelpContentButtonIcon, HelpContentButtonTex
 var analitycsContextData = {
   componentName: 'HelpContentButton',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.20"
+  packageVersion: "7.2.22"
 };
 var HelpContentButton = function HelpContentButton(_ref) {
   var _ref$id = _ref.id,

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

@@ -18,7 +18,7 @@ import useCancellablePromise from '../../util/hooks/cancellablePromise';
 import { usePrevious } from '../../util/hooks/previous';
 import { jsx } from '@emotion/react';
 var packageName = "@atlaskit/help";
-var packageVersion = "7.2.20";
+var packageVersion = "7.2.22";
 export var RelatedArticles = function RelatedArticles(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? 'primary' : _ref$style,

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

@@ -17,7 +17,7 @@ import { SearchInputContainer, SearchIconContainer, CloseButtonAndSpinnerContain
 var ANALYTICS_CONTEXT_DATA = {
   componentName: 'searchInput',
   packageName: "@atlaskit/help",
-  packageVersion: "7.2.20"
+  packageVersion: "7.2.22"
 };
 export var SearchInput = function SearchInput(_ref) {
   var formatMessage = _ref.intl.formatMessage;

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const Article: React.FC;
+/// <reference types="react" />
+export declare const Article: () => JSX.Element;
 export default Article;

package/dist/types/components/Search/SearchResults/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const SearchResults: React.FC;
+/// <reference types="react" />
+export declare const SearchResults: () => JSX.Element;
 export default SearchResults;

package/dist/types/components/contexts/headerContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface HeaderSharedInterface {
     onCloseButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     onBackButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
 }
 export declare const useHeaderContext: () => HeaderSharedInterface, CtxProvider: React.Provider<HeaderSharedInterface | undefined>;
-export declare const HeaderContextProvider: React.FC<HeaderSharedInterface>;
+export declare const HeaderContextProvider: ({ onCloseButtonClick, onBackButtonClick, children, }: PropsWithChildren<HeaderSharedInterface>) => JSX.Element;
 export {};

package/dist/types/components/contexts/helpArticleContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { Article, ArticleItem, ArticleFeedback } from '../../model/Article';
 import { articleId } from '../../model/Help';
@@ -10,4 +10,4 @@ export interface HelpArticleContextInterface {
     onWasHelpfulSubmit?(analyticsEvent: UIAnalyticsEvent, articleFeedback: ArticleFeedback, articleData: ArticleItem): Promise<boolean>;
 }
 export declare const useHelpArticleContext: () => HelpArticleContextInterface, CtxProvider: React.Provider<HelpArticleContextInterface | undefined>;
-export declare const HelpArticleContextProvider: React.FC<HelpArticleContextInterface>;
+export declare const HelpArticleContextProvider: ({ onGetHelpArticle, onHelpArticleLoadingFailTryAgainButtonClick, onWasHelpfulYesButtonClick, onWasHelpfulNoButtonClick, onWasHelpfulSubmit, children, }: PropsWithChildren<HelpArticleContextInterface>) => JSX.Element;

package/dist/types/components/contexts/homeContext.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import type { Props as HelpContentButtonProps } from '../HelpContentButton';
 export interface HomeContextInterface {
     homeOptions?: HelpContentButtonProps[];
     homeContent?: React.ReactNode;
 }
 export declare const useHomeContext: () => HomeContextInterface, CtxProvider: React.Provider<HomeContextInterface | undefined>;
-export declare const HomeContextProvider: React.FC<HomeContextInterface>;
+export declare const HomeContextProvider: ({ homeOptions, homeContent, children, }: PropsWithChildren<HomeContextInterface>) => JSX.Element;

package/dist/types/components/contexts/navigationContext.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { Article, ArticleItem } from '../../model/Article';
 import { WhatsNewArticleItem, WhatsNewArticle } from '../../model/WhatsNew';
 import { HistoryItem, articleId } from '../../model/Help';
 import { VIEW } from '../constants';
 type ViewType = keyof typeof VIEW;
-interface NavigationProviderInterface {
+type NavigationProviderInterface = PropsWithChildren<{
     navigationData?: {
         articleId: articleId;
         history: HistoryItem[];
@@ -14,7 +14,7 @@ interface NavigationProviderInterface {
         articleId: articleId;
         history: HistoryItem[];
     }): void;
-}
+}>;
 interface NavigationContextInterface {
     articleId?: articleId;
     history?: HistoryItem[];
@@ -32,5 +32,5 @@ interface NavigationContextInterface {
     onClose?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
 }
 export declare const useNavigationContext: () => NavigationContextInterface, CtxProvider: React.Provider<NavigationContextInterface | undefined>;
-export declare const NavigationContextProvider: React.FC<NavigationProviderInterface>;
+export declare const NavigationContextProvider: ({ navigationData, setNavigationData, children, }: NavigationProviderInterface) => JSX.Element;
 export {};

package/dist/types/components/contexts/relatedArticlesContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ArticleItem } from '../../model/Article';
 export interface RelatedArticlesContextInterface {
@@ -9,4 +9,4 @@ export interface RelatedArticlesContextInterface {
     onRelatedArticlesListItemClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem) => void;
 }
 export declare const useRelatedArticlesContext: () => RelatedArticlesContextInterface, CtxProvider: React.Provider<RelatedArticlesContextInterface | undefined>;
-export declare const RelatedArticlesContextProvider: React.FC<RelatedArticlesContextInterface>;
+export declare const RelatedArticlesContextProvider: ({ routeGroup, routeName, onGetRelatedArticles, onRelatedArticlesShowMoreClick, onRelatedArticlesListItemClick, children, }: PropsWithChildren<RelatedArticlesContextInterface>) => JSX.Element;

package/dist/types/components/contexts/searchContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ArticleItem } from '../../model/Article';
 import { REQUEST_STATE } from '../../model/Requests';
@@ -21,5 +21,5 @@ export interface SearchProviderInterface extends SearchSharedInterface {
     onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
 }
 export declare const useSearchContext: () => SearchContextInterface, CtxProvider: React.Provider<SearchContextInterface | undefined>;
-export declare const SearchContextProvider: React.FC<SearchProviderInterface>;
+export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
 export {};

package/dist/types/components/contexts/whatsNewArticleContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { NotificationLogProvider } from '@atlaskit/notification-log-client';
 import { WhatsNewArticleItem, WhatsNewArticle, whatsNewSearchResult } from '../../model/WhatsNew';
@@ -22,5 +22,5 @@ interface WhatsNewArticleProviderInterface extends WhatsNewArticleSharedInterfac
     onSearchWhatsNewArticles?(filter?: WHATS_NEW_ITEM_TYPES | '', numberOfItems?: number, page?: string): Promise<whatsNewSearchResult>;
 }
 export declare const useWhatsNewArticleContext: () => WhatsNewArticleContextInterface, CtxProvider: React.Provider<WhatsNewArticleContextInterface | undefined>;
-export declare const WhatsNewArticleProvider: React.FC<WhatsNewArticleProviderInterface>;
+export declare const WhatsNewArticleProvider: ({ whatsNewGetNotificationProvider, onWhatsNewButtonClick, onSearchWhatsNewArticles, onSearchWhatsNewArticlesShowMoreClick, onWhatsNewResultItemClick, onGetWhatsNewArticle, productName, children, }: PropsWithChildren<WhatsNewArticleProviderInterface>) => JSX.Element;
 export {};

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

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const Article: React.FC;
+/// <reference types="react" />
+export declare const Article: () => JSX.Element;
 export default Article;

package/dist/types-ts4.5/components/Search/SearchResults/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare const SearchResults: React.FC;
+/// <reference types="react" />
+export declare const SearchResults: () => JSX.Element;
 export default SearchResults;

package/dist/types-ts4.5/components/contexts/headerContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 interface HeaderSharedInterface {
     onCloseButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
     onBackButtonClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
 }
 export declare const useHeaderContext: () => HeaderSharedInterface, CtxProvider: React.Provider<HeaderSharedInterface | undefined>;
-export declare const HeaderContextProvider: React.FC<HeaderSharedInterface>;
+export declare const HeaderContextProvider: ({ onCloseButtonClick, onBackButtonClick, children, }: PropsWithChildren<HeaderSharedInterface>) => JSX.Element;
 export {};

package/dist/types-ts4.5/components/contexts/helpArticleContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { Article, ArticleItem, ArticleFeedback } from '../../model/Article';
 import { articleId } from '../../model/Help';
@@ -10,4 +10,4 @@ export interface HelpArticleContextInterface {
     onWasHelpfulSubmit?(analyticsEvent: UIAnalyticsEvent, articleFeedback: ArticleFeedback, articleData: ArticleItem): Promise<boolean>;
 }
 export declare const useHelpArticleContext: () => HelpArticleContextInterface, CtxProvider: React.Provider<HelpArticleContextInterface | undefined>;
-export declare const HelpArticleContextProvider: React.FC<HelpArticleContextInterface>;
+export declare const HelpArticleContextProvider: ({ onGetHelpArticle, onHelpArticleLoadingFailTryAgainButtonClick, onWasHelpfulYesButtonClick, onWasHelpfulNoButtonClick, onWasHelpfulSubmit, children, }: PropsWithChildren<HelpArticleContextInterface>) => JSX.Element;

package/dist/types-ts4.5/components/contexts/homeContext.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import type { Props as HelpContentButtonProps } from '../HelpContentButton';
 export interface HomeContextInterface {
     homeOptions?: HelpContentButtonProps[];
     homeContent?: React.ReactNode;
 }
 export declare const useHomeContext: () => HomeContextInterface, CtxProvider: React.Provider<HomeContextInterface | undefined>;
-export declare const HomeContextProvider: React.FC<HomeContextInterface>;
+export declare const HomeContextProvider: ({ homeOptions, homeContent, children, }: PropsWithChildren<HomeContextInterface>) => JSX.Element;

package/dist/types-ts4.5/components/contexts/navigationContext.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { Article, ArticleItem } from '../../model/Article';
 import { WhatsNewArticleItem, WhatsNewArticle } from '../../model/WhatsNew';
 import { HistoryItem, articleId } from '../../model/Help';
 import { VIEW } from '../constants';
 type ViewType = keyof typeof VIEW;
-interface NavigationProviderInterface {
+type NavigationProviderInterface = PropsWithChildren<{
     navigationData?: {
         articleId: articleId;
         history: HistoryItem[];
@@ -14,7 +14,7 @@ interface NavigationProviderInterface {
         articleId: articleId;
         history: HistoryItem[];
     }): void;
-}
+}>;
 interface NavigationContextInterface {
     articleId?: articleId;
     history?: HistoryItem[];
@@ -32,5 +32,5 @@ interface NavigationContextInterface {
     onClose?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent): void;
 }
 export declare const useNavigationContext: () => NavigationContextInterface, CtxProvider: React.Provider<NavigationContextInterface | undefined>;
-export declare const NavigationContextProvider: React.FC<NavigationProviderInterface>;
+export declare const NavigationContextProvider: ({ navigationData, setNavigationData, children, }: NavigationProviderInterface) => JSX.Element;
 export {};

package/dist/types-ts4.5/components/contexts/relatedArticlesContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ArticleItem } from '../../model/Article';
 export interface RelatedArticlesContextInterface {
@@ -9,4 +9,4 @@ export interface RelatedArticlesContextInterface {
     onRelatedArticlesListItemClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem) => void;
 }
 export declare const useRelatedArticlesContext: () => RelatedArticlesContextInterface, CtxProvider: React.Provider<RelatedArticlesContextInterface | undefined>;
-export declare const RelatedArticlesContextProvider: React.FC<RelatedArticlesContextInterface>;
+export declare const RelatedArticlesContextProvider: ({ routeGroup, routeName, onGetRelatedArticles, onRelatedArticlesShowMoreClick, onRelatedArticlesListItemClick, children, }: PropsWithChildren<RelatedArticlesContextInterface>) => JSX.Element;

package/dist/types-ts4.5/components/contexts/searchContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ArticleItem } from '../../model/Article';
 import { REQUEST_STATE } from '../../model/Requests';
@@ -21,5 +21,5 @@ export interface SearchProviderInterface extends SearchSharedInterface {
     onSearchResultItemClick?(event: React.MouseEvent<HTMLElement, MouseEvent>, analyticsEvent: UIAnalyticsEvent, articleData: ArticleItem): void;
 }
 export declare const useSearchContext: () => SearchContextInterface, CtxProvider: React.Provider<SearchContextInterface | undefined>;
-export declare const SearchContextProvider: React.FC<SearchProviderInterface>;
+export declare const SearchContextProvider: ({ onSearch, onSearchInputChanged, onSearchInputCleared, onSearchResultItemClick, onSearchExternalUrlClick, searchExternalUrl, children, }: PropsWithChildren<SearchProviderInterface>) => JSX.Element;
 export {};

package/dist/types-ts4.5/components/contexts/whatsNewArticleContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { NotificationLogProvider } from '@atlaskit/notification-log-client';
 import { WhatsNewArticleItem, WhatsNewArticle, whatsNewSearchResult } from '../../model/WhatsNew';
@@ -22,5 +22,5 @@ interface WhatsNewArticleProviderInterface extends WhatsNewArticleSharedInterfac
     onSearchWhatsNewArticles?(filter?: WHATS_NEW_ITEM_TYPES | '', numberOfItems?: number, page?: string): Promise<whatsNewSearchResult>;
 }
 export declare const useWhatsNewArticleContext: () => WhatsNewArticleContextInterface, CtxProvider: React.Provider<WhatsNewArticleContextInterface | undefined>;
-export declare const WhatsNewArticleProvider: React.FC<WhatsNewArticleProviderInterface>;
+export declare const WhatsNewArticleProvider: ({ whatsNewGetNotificationProvider, onWhatsNewButtonClick, onSearchWhatsNewArticles, onSearchWhatsNewArticlesShowMoreClick, onWhatsNewResultItemClick, onGetWhatsNewArticle, productName, children, }: PropsWithChildren<WhatsNewArticleProviderInterface>) => JSX.Element;
 export {};

package/docs/0-intro.tsx

@@ -1,25 +1,10 @@
 import React from 'react';
-import {
-  md,
-  code,
-  Props,
-  AtlassianInternalWarning,
-  DevPreviewWarning,
-} from '@atlaskit/docs';
+import { md, code, Props, AtlassianInternalWarning } from '@atlaskit/docs';
 
 const helpProps = require('!!extract-react-types-loader!../src/components/Help');
 
 export default md`
-  ${(
-    <>
-      <div style={{ marginBottom: '0.5rem' }}>
-        <AtlassianInternalWarning />
-      </div>
-      <div style={{ marginTop: '0.5rem' }}>
-        <DevPreviewWarning />
-      </div>
-    </>
-  )}
+  ${(<AtlassianInternalWarning />)}
 
   ## Usage
 
@@ -41,7 +26,7 @@ import {
 var client = algoliasearch('8K6J5OJIQW', 'c982b4b1a6ca921131d35edb63359b8c');
 var index = client.initIndex('product_help_prod');
 
-const Example: React.FC = () => {
+const Example = () => {
   const onGetArticle = async (articleId: string): Promise<any> => {
     return new Promise((resolve, reject) => {
       index.search(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help",
-  "version": "7.2.20",
+  "version": "7.2.22",
   "description": "A cross-product help component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,22 +42,22 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/button": "^17.3.0",
-    "@atlaskit/checkbox": "^13.0.0",
+    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/checkbox": "^13.1.0",
     "@atlaskit/form": "^9.0.3",
-    "@atlaskit/help-article": "^4.1.0",
-    "@atlaskit/help-layout": "^4.2.0",
-    "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/notification-indicator": "^9.1.0",
+    "@atlaskit/help-article": "^4.1.10",
+    "@atlaskit/help-layout": "^4.2.15",
+    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/notification-indicator": "^9.2.0",
     "@atlaskit/notification-log-client": "^6.1.0",
-    "@atlaskit/radio": "^6.0.0",
+    "@atlaskit/radio": "^6.1.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^17.0.3",
+    "@atlaskit/select": "^17.3.0",
     "@atlaskit/spinner": "^16.0.0",
-    "@atlaskit/textarea": "^5.0.0",
-    "@atlaskit/textfield": "^6.0.0",
+    "@atlaskit/textarea": "^5.1.0",
+    "@atlaskit/textfield": "^6.1.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.36.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",